html, body, #container { height: 100%; } .publicWorksheet { position: absolute; width: 100%; height: 100%; overflow-wrap: break-word; } .publicWorksheet .qrIcon { cursor: pointer; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #FFFFFF; font-size: 30px; border-radius: 2px; } .publicWorksheet .qrIcon > div { position: absolute; left: -60px; top: 56px; display: none; } .publicWorksheet .qrIcon:hover.icon { color: #2196f3; } .publicWorksheet .qrIcon:hover > div { display: inline-block; } .publicWorksheet .formContent { position: relative; width: 800px; margin: 200px auto 5px; border-radius: 3px; background-color: #fff; box-shadow: 0px 1px 4px #00000029; } .publicWorksheet .formContent .worksheetName { white-space: break-spaces; line-height: 1.2em; font-size: 36px; font-weight: 500; margin: 14px 0 10px; } .publicWorksheet .formContent .worksheetDescription { color: #333333; white-space: pre-line; width: 100%; box-sizing: border-box; overflow: auto; } .publicWorksheet .formContent .worksheetDescription ol, .publicWorksheet .formContent .worksheetDescription ul { list-style-position: outside; list-style: decimal; margin-left: 16px; } .publicWorksheet .formContent .worksheetDescription img { max-width: 100%; } .publicWorksheet .formContent .customFieldsContainer { padding-bottom: 52px; } .publicWorksheet .submitCon { text-align: center; margin: 30px 0 30px; } .publicWorksheet .UploadFiles-entrys > div:nth-child(2) { display: none; } .publicWorksheet .mingdaoCon { font-size: 12px; color: #bdbdbd; margin: 0 auto; width: 800px; padding: 10px 0 30px; } .publicWorksheet .mingdaoCon a { color: #757575; text-decoration: none; } .publicWorksheet .mingdaoCon a:hover { color: #2196f3; } @media (max-width: 920px) { .bgHeader { height: 180px !important; } .publicWorksheet .infoCon { padding: 0 16px !important; } .publicWorksheet .formMain { padding: 0 24px !important; } .publicWorksheet .logo { max-width: 100%; height: auto !important; max-height: 59px; } .publicWorksheet .formContent { width: auto; margin: 100px 10px 5px; } .publicWorksheet .formContent .qrIcon { display: none; } .publicWorksheet .formContent .receipt { padding: 0 24px; } .publicWorksheet .mingdaoCon { text-align: center; width: auto; margin-left: 10px; margin-right: 10px; padding: 12px 0 20px; } .publicWorksheet .mingdaoCon .Right { display: block; float: none !important; margin-top: 5px; } } .netStateWrap .imgWrap { height: 200px; background: url(data:image/png;base64,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) center center no-repeat; background-size: cover; } .netStateWrap .hint { margin: 32px auto 10px auto; text-align: center; font-size: 22px; font-weight: bold; } .netStateWrap .explain { margin: 0 auto; max-width: 350px; font-size: 14px; text-align: center; } .netStateWrap .operationWrap { margin: 24px auto 20px auto; } .netStateWrap .operationWrap .operationBtn { box-sizing: border-box; border-radius: 20px; width: 240px; margin: 0 auto; margin-bottom: 16px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; background-color: #2196f3; cursor: pointer; } .netStateWrap .operationWrap .operationBtn:hover { background-color: #0c7cd5; } .netStateWrap .operationWrap .operationBtn.topLevel { background-color: #fff; color: #2196f3; border: 2px solid #2196f3; } .netStateWrap .operationWrap .operationBtn.topLevel:hover { color: #0c7cd5; border-color: #0c7cd5; } .netStateWrap .operationText { color: #2196f3; text-align: center; cursor: pointer; font-size: 14px; } .upgradeVersionDialogBtn .ming.Button.Button--primary { display: block; box-sizing: border-box; border-radius: 20px; width: 240px !important; margin: 0 auto; margin-bottom: 16px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; background-color: #2196f3 !important; cursor: pointer; } .upgradeVersionDialogBtn .ming.Button.Button--primary:hover { background-color: #0c7cd5 !important; } .mui-dialog-container { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; } .mui-dialog-container > .mui-dialog-mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); } .mui-dialog-container > .mui-dialog-scroll-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; padding: 32px 0; text-align: center; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-ghost { display: inline-block; width: 0; height: auto; vertical-align: middle; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog { display: inline-flex; width: 480px; max-height: auto; background-color: #fff; text-align: left; vertical-align: middle; flex-direction: column; border-radius: 3px; position: relative; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15); } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog.mui-dialog-anim { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog.mui-dialog-medium { width: 560px; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog.mui-dialog-large { width: 640px; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog.mui-dialog-huge { width: 880px; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog.mui-dialog-confirm.mui-dialog-success > .mui-dialog-header > .mui-dialog-desc { color: #4caf50; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog.mui-dialog-confirm.mui-dialog-danger > .mui-dialog-header > .mui-dialog-desc { color: #f44336; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog > .mui-dialog-close-btn { position: absolute; z-index: 9; border: 0; background: transparent; right: 0; top: 2px; font-weight: 700; line-height: 1; outline: none; text-decoration: none; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog > .mui-dialog-close-btn .Icon { cursor: pointer; display: block; width: 22px; height: 22px; font-size: 22px; color: #bdbdbd; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog > .mui-dialog-close-btn .Icon:hover { color: #1e88e5; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog > .mui-dialog-header { line-height: 1; padding: 20px 24px 16px; border-radius: 3px 0 0 3px; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog > .mui-dialog-header > .mui-dialog-default-title { color: #333; font-weight: 400; font-size: 17px; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog > .mui-dialog-header > .mui-dialog-desc { padding-top: 16px; font-size: 14px; color: #757575; word-break: break-all; line-height: 20px; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog > .mui-dialog-body { overflow: auto; flex: 1; padding: 0 24px 22px; box-sizing: border-box; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog > .mui-dialog-body > .mui-dialog-body-content { height: 480px; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog > .mui-dialog-footer { padding: 10px 24px 20px; text-align: right; border-radius: 0 0 3px 3px; } .mui-dialog-container > .mui-dialog-scroll-container > .mui-dialog-dialog > .mui-dialog-footer .Button + .Button { margin-left: 16px; } .mui-dialog-container > .mui-dialog-scroll-container.mui-dialog-fixed > .mui-dialog-ghost { display: none; } .mui-dialog-container > .mui-dialog-scroll-container.mui-dialog-fixed > .mui-dialog-dialog { height: auto; flex-direction: column; } .mui-dialog-container > .mui-dialog-scroll-container.mui-dialog-fixed > .mui-dialog-dialog > .mui-dialog-body { overflow: auto; flex: 1; } .mui-dialog-container > .mui-dialog-scroll-container.mui-dialog-fixed > .mui-dialog-dialog > .mui-dialog-body > .mui-dialog-body-content { height: 480px; } .mui-dialog-container > .mui-dialog-scroll-container.mui-dialog-scroll > .mui-dialog-dialog { max-height: none; } .mui-dialog-container > .mui-dialog-scroll-container.mui-dialog-scroll > .mui-dialog-dialog > .mui-dialog-body { max-height: none; } .mui-dialog-container > .mui-dialog-scroll-container.mui-dialog-scroll > .mui-dialog-dialog > .mui-dialog-body > .mui-dialog-body-content { height: 1280px; } .ming.Button { display: inline-block; box-sizing: border-box; text-shadow: none; border: none; outline: none; border-radius: 3px; color: white; vertical-align: middle; cursor: pointer; user-select: none; transition: color ease-in 0.2s, border-color ease-in 0.2s, background-color ease-in 0.2s; } .ming.Button--primary { background: #1e88e5; } .ming.Button--primary:hover { background: #1565c0; } .ming.Button--secondary { background: #bdbdbd; } .ming.Button--secondary:hover { background: #6b6b6b; } .ming.Button--danger-gray { color: #333; background: #f5f5f5; } .ming.Button--danger-gray:hover { background: #ffebeb; } .ming.Button--success { background: #4caf50; } .ming.Button--success:hover { background: #2d682f; } .ming.Button--danger { background: #f44336; } .ming.Button--danger:hover { background: #ba160a; } .ming.Button--ghost { color: #1e88e5; background: transparent; border: 1px solid #1e88e5; line-height: 26px !important; } .ming.Button--ghost:hover { color: white; background: #1e88e5; } .ming.Button--ghostgray { color: #757575; background: transparent; border: 1px solid #ddd; line-height: 26px !important; } .ming.Button--ghostgray:not(.Button--disabled):hover { border-color: #bdbdbd; color: #2196f3; background: #fff; } .ming.Button--ghostgray.Button--disabled { color: #bdbdbd; background-color: #f5f5f5; cursor: not-allowed; } .ming.Button--ghostgray.Button--disabled:hover { background-color: #f5f5f5; } .ming.Button--link { color: #9e9e9e; background: transparent; } .ming.Button--link:hover { color: #1e88e5; } .ming.Button--tiny { font-size: 12px; line-height: 24px; min-height: 24px; padding: 0 16px; min-width: 56px; } .ming.Button--small { font-size: 13px; line-height: 28px; min-height: 28px; padding: 0 22px; min-width: 70px; } .ming.Button--mdnormal { font-size: 13px; line-height: 32px; min-height: 32px; padding: 0 24px; } .ming.Button--mdbig { font-size: 13px; line-height: 36px; min-height: 36px; padding: 0 26px; min-width: 90px; } .ming.Button--medium { font-size: 14px; line-height: 36px; min-height: 36px; padding: 0 32px; min-width: 92px; } .ming.Button--large { font-size: 14px; line-height: 44px; min-height: 44px; padding: 0 40px; min-width: 108px; } .ming.Button--tiny.ming.Button--circle { border-radius: 12px; } .ming.Button--small.ming.Button--circle { border-radius: 14px; } .ming.Button--medium.ming.Button--circle { border-radius: 18px; } .ming.Button--large.ming.Button--circle { border-radius: 22px; } .ming.Button--disabled { cursor: not-allowed; } .ming.Button--disabled, .ming.Button--disabled:hover { background: #bdbdbd; } .ming.Button--loading { padding: 0; } .ming .Button-loadingCircle { margin-left: auto; margin-right: auto; animation: Button-loadingCircle 0.75s 0s infinite linear; animation-fill-mode: both; background: transparent; border: 2px solid; border-color: rgba(255, 255, 255, 0.8); border-bottom-color: transparent; border-radius: 50%; } .ming.Button--tiny .Button-loadingCircle { width: 10px; height: 10px; } .ming.Button--small .Button-loadingCircle { width: 12px; height: 12px; } .ming.Button--medium .Button-loadingCircle { width: 14px; height: 14px; } .ming.Button--mdnormal .Button-loadingCircle { width: 14px; height: 14px; } .ming.Button--large .Button-loadingCircle { width: 18px; height: 18px; } @keyframes Button-loadingCircle { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.8); } 100% { transform: rotate(360deg) scale(1); } } /* 黑色风格 Black */ /* 白色风格 */ .Tooltip-black.Tooltip-placement-top .Tooltip-arrow, .Tooltip-black.Tooltip-placement-topLeft .Tooltip-arrow, .Tooltip-black.Tooltip-placement-topRight .Tooltip-arrow { border-top-color: #383838; } .Tooltip-black.Tooltip-placement-right .Tooltip-arrow, .Tooltip-black.Tooltip-placement-rightBottom .Tooltip-arrow, .Tooltip-black.Tooltip-placement-rightTop .Tooltip-arrow { border-right-color: #383838; } .Tooltip-black.Tooltip-placement-bottom .Tooltip-arrow, .Tooltip-black.Tooltip-placement-bottomLeft .Tooltip-arrow, .Tooltip-black.Tooltip-placement-bottomRight .Tooltip-arrow { border-bottom-color: #383838; } .Tooltip-black.Tooltip-placement-left .Tooltip-arrow, .Tooltip-black.Tooltip-placement-leftBottom .Tooltip-arrow, .Tooltip-black.Tooltip-placement-leftTop .Tooltip-arrow { border-left-color: #383838; } .Tooltip-white.Tooltip-placement-top .Tooltip-arrow, .Tooltip-white.Tooltip-placement-topLeft .Tooltip-arrow, .Tooltip-white.Tooltip-placement-topRight .Tooltip-arrow { border-top-color: #ffffff; } .Tooltip-white.Tooltip-placement-right .Tooltip-arrow, .Tooltip-white.Tooltip-placement-rightBottom .Tooltip-arrow, .Tooltip-white.Tooltip-placement-rightTop .Tooltip-arrow { border-right-color: #ffffff; } .Tooltip-white.Tooltip-placement-bottom .Tooltip-arrow, .Tooltip-white.Tooltip-placement-bottomLeft .Tooltip-arrow, .Tooltip-white.Tooltip-placement-bottomRight .Tooltip-arrow { border-bottom-color: #ffffff; } .Tooltip-white.Tooltip-placement-left .Tooltip-arrow, .Tooltip-white.Tooltip-placement-leftBottom .Tooltip-arrow, .Tooltip-white.Tooltip-placement-leftTop .Tooltip-arrow { border-left-color: #ffffff; } .Tooltip { position: absolute; z-index: 1060; display: block; visibility: visible; font-size: 12px; line-height: 1.5; /* top start */ /* top end */ /* right start */ /* right end */ /* bottom start */ /* bottom end */ /* left start */ /* left end */ } .Tooltip-hidden { display: none; } .Tooltip-white .Tooltip-wrapper { background-color: #ffffff; box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15); } .Tooltip-black .Tooltip-wrapper { color: #fff; background-color: #383838; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } .Tooltip-wrapper { max-width: 250px; padding: 8px 10px; text-decoration: none; border-radius: 3px; word-break: break-word; } .Tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .Tooltip-placement-top, .Tooltip-placement-topLeft, .Tooltip-placement-topRight { padding: 5px 0 8px; } .Tooltip-placement-top .Tooltip-arrow, .Tooltip-placement-topLeft .Tooltip-arrow, .Tooltip-placement-topRight .Tooltip-arrow { bottom: 3px; border-width: 5px 5px 0; } .Tooltip-placement-top .Tooltip-arrow { left: 50%; margin-left: -5px; } .Tooltip-placement-topLeft .Tooltip-arrow { left: 16px; } .Tooltip-placement-topRight .Tooltip-arrow { right: 16px; } .Tooltip-placement-right, .Tooltip-placement-rightBottom, .Tooltip-placement-rightTop { padding: 0 5px 0 8px; } .Tooltip-placement-right .Tooltip-arrow, .Tooltip-placement-rightBottom .Tooltip-arrow, .Tooltip-placement-rightTop .Tooltip-arrow { left: 3px; border-width: 5px 5px 5px 0; } .Tooltip-placement-right .Tooltip-arrow { top: 50%; margin-top: -5px; } .Tooltip-placement-rightTop .Tooltip-arrow { top: 8px; } .Tooltip-placement-rightBottom .Tooltip-arrow { bottom: 8px; } .Tooltip-placement-bottom, .Tooltip-placement-bottomLeft, .Tooltip-placement-bottomRight { padding: 8px 0 5px; } .Tooltip-placement-bottom .Tooltip-arrow, .Tooltip-placement-bottomLeft .Tooltip-arrow, .Tooltip-placement-bottomRight .Tooltip-arrow { top: 3px; border-width: 0 5px 5px; } .Tooltip-placement-bottom .Tooltip-arrow { left: 50%; margin-left: -5px; } .Tooltip-placement-bottomLeft .Tooltip-arrow { left: 16px; } .Tooltip-placement-bottomRight .Tooltip-arrow { right: 16px; } .Tooltip-placement-left, .Tooltip-placement-leftBottom, .Tooltip-placement-leftTop { padding: 0 8px 0 5px; } .Tooltip-placement-left .Tooltip-arrow, .Tooltip-placement-leftBottom .Tooltip-arrow, .Tooltip-placement-leftTop .Tooltip-arrow { right: 3px; border-width: 5px 0 5px 5px; } .Tooltip-placement-left .Tooltip-arrow { top: 50%; margin-top: -5px; } .Tooltip-placement-leftTop .Tooltip-arrow { top: 8px; } .Tooltip-placement-leftBottom .Tooltip-arrow { bottom: 8px; } .Tooltip-move-top-enter, .Tooltip-move-top-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .Tooltip-move-top-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .Tooltip-move-top-enter.Tooltip-move-top-enter-active, .Tooltip-move-top-appear.Tooltip-move-top-appear-active { animation-name: tooltipTopMoveIn; animation-play-state: running; } .Tooltip-move-top-leave.Tooltip-move-top-leave-active { animation-name: tooltipTopMoveOut; animation-play-state: running; pointer-events: none; } .Tooltip-move-top-enter, .Tooltip-move-top-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .Tooltip-move-top-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .Tooltip-move-bottom-enter, .Tooltip-move-bottom-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .Tooltip-move-bottom-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .Tooltip-move-bottom-enter.Tooltip-move-bottom-enter-active, .Tooltip-move-bottom-appear.Tooltip-move-bottom-appear-active { animation-name: tooltipBottomMoveIn; animation-play-state: running; } .Tooltip-move-bottom-leave.Tooltip-move-bottom-leave-active { animation-name: tooltipBottomMoveOut; animation-play-state: running; pointer-events: none; } .Tooltip-move-bottom-enter, .Tooltip-move-bottom-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .Tooltip-move-bottom-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .Tooltip-move-left-enter, .Tooltip-move-left-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .Tooltip-move-left-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .Tooltip-move-left-enter.Tooltip-move-left-enter-active, .Tooltip-move-left-appear.Tooltip-move-left-appear-active { animation-name: tooltipLeftMoveIn; animation-play-state: running; } .Tooltip-move-left-leave.Tooltip-move-left-leave-active { animation-name: tooltipLeftMoveOut; animation-play-state: running; pointer-events: none; } .Tooltip-move-left-enter, .Tooltip-move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .Tooltip-move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .Tooltip-move-right-enter, .Tooltip-move-right-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .Tooltip-move-right-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .Tooltip-move-right-enter.Tooltip-move-right-enter-active, .Tooltip-move-right-appear.Tooltip-move-right-appear-active { animation-name: tooltipRightMoveIn; animation-play-state: running; } .Tooltip-move-right-leave.Tooltip-move-right-leave-active { animation-name: tooltipRightMoveOut; animation-play-state: running; pointer-events: none; } .Tooltip-move-right-enter, .Tooltip-move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .Tooltip-move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } @keyframes tooltipTopMoveIn { 0% { transform-origin: 50% 50%; transform: translateY(8px); opacity: 0; } 100% { transform-origin: 50% 50%; transform: translateY(0); opacity: 1; } } @keyframes tooltipTopMoveOut { 0% { transform-origin: 50% 50%; transform: translateY(0); opacity: 1; } 100% { transform-origin: 50% 50%; transform: translateY(8px); opacity: 0; } } @keyframes tooltipBottomMoveIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: translateY(-8px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: translateY(0px); } } @keyframes tooltipBottomMoveOut { 0% { opacity: 1; transform-origin: 50% 50%; transform: translateY(0px); } 100% { opacity: 0; transform-origin: 50% 50%; transform: translateY(-8px); } } @keyframes tooltipLeftMoveIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: translateX(8px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: translateX(0px); } } @keyframes tooltipLeftMoveOut { 0% { opacity: 1; transform-origin: 50% 50%; transform: translateX(0px); } 100% { opacity: 0; transform-origin: 50% 50%; transform: translateX(8px); } } @keyframes tooltipRightMoveIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: translateX(-8px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: translateX(0px); } } @keyframes tooltipRightMoveOut { 0% { opacity: 1; transform-origin: 50% 50%; transform: translateX(0px); } 100% { opacity: 0; transform-origin: 50% 50%; transform: translateX(-8px); } } /** initial setup **/ .nano { position: relative; width: 100%; height: 100%; overflow: hidden; } .nano > .nano-content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; } .nano > .nano-content:focus { outline: thin dotted; } .nano > .nano-content::-webkit-scrollbar { display: none; } .nano > .nano-pane { background: rgba(0, 0, 0, 0.25); position: absolute; width: 6px; right: 0; top: 0; bottom: 0; /* Target only IE7 and IE8 with this hack */ visibility: hidden\9; opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .nano > .nano-pane > .nano-slider { background: #444; background: rgba(0, 0, 0, 0.15); position: relative; margin: 0 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed { /* Target only IE7 and IE8 with this hack */ visibility: visible\9; opacity: 0.99; } .has-scrollbar > .nano-content::-webkit-scrollbar { display: block; } .loadingSkeleton { background-color: #fff; padding: 0 20px; } .loadingSkeleton ul { display: flex; } .loadingSkeleton li { width: 100%; height: 16px; border-radius: 16px; background-color: #f5f5f5; margin: 13px 0; } .loadingSkeleton li:nth-child(2n) { width: 20%; } .loadingSkeleton.active li { animation: paragraphAnimation 2s ease infinite; background: linear-gradient(90deg, rgba(245, 245, 245, 0.8) 25%, rgba(245, 245, 245, 0.4) 37%, rgba(245, 245, 245, 0.8) 63%); background-size: 400% 100%; } @keyframes paragraphAnimation { from { background-position: 100% 50%; } to { background-position: 0 50%; } } .disabled .ck-sticky-panel, .ckByHtml .ck-sticky-panel { display: none !important; } .disabled .todo-list, .ckByHtml .todo-list { position: relative; } .disabled .todo-list::before, .ckByHtml .todo-list::before { content: ' '; position: absolute; top: 0; z-index: 1; left: 0; width: 40px; bottom: 0; } .disabled .todo-list .todo-list__label > input:after, .ckByHtml .todo-list .todo-list__label > input:after { opacity: 0; } .disabled .ck-content .image, .ckByHtml .ck-content .image { display: table; clear: both; text-align: center; margin: 0.9em auto; min-width: 50px; } .ck.ck-splitbutton { display: flex; } .ck-content .text-huge { font-size: 1.8em; } .ck-content .text-tiny { font-size: 0.7em; } .ck-content .text-small { font-size: 0.85em; } .ck-content .text-big { font-size: 1.4em; } .ck.ck-editor__editable_inline { overflow: auto; } .ck-content p img, .ck-content img { max-width: 100% !important; } .ck-content [dir='rtl'] .todo-list .todo-list__label > input { left: 0; margin-right: 0; right: -25px; margin-left: -15px; } .ck-content ul, .ck-content ol { margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; list-style-type: disc !important; } .ck-content ul li, .ck-content ol li { display: list-item !important; list-style-type: disc !important; text-align: -webkit-match-parent !important; } .ck-content ul li ::marker, .ck-content ol li ::marker { unicode-bidi: isolate; font-variant-numeric: tabular-nums; text-transform: none; text-indent: 0px !important; text-align: start !important; text-align-last: start !important; } .ck-content ol li { list-style-type: decimal !important; } .ck-content .todo-list { list-style: none !important; } .ck-content .todo-list li { list-style-type: none !important; margin-bottom: 5px !important; } .ck-content .todo-list li .todo-list { margin-top: 5px !important; } .ck-content .todo-list .todo-list__label .todo-list__label__description { vertical-align: middle !important; } .ck-content .todo-list .todo-list__label > input { width: 16px !important; height: 16px !important; cursor: pointer; } .ck-content .todo-list .todo-list__label > input:hover:before { box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1); } .ck-content .todo-list .todo-list__label > input:before { display: block; position: absolute; box-sizing: border-box; content: ' '; width: 100%; height: 100%; border: 1px solid #333; background: #fff; border-radius: 2px; transition: all 0.25s ease-in-out; } .ck-content .todo-list .todo-list__label > input[checked]:before { left: 0; transform: rotate(0); background: #26ab33 !important; border-color: #26ab33 !important; } .ck-content .todo-list .todo-list__label > input:after { top: 30%; display: block; position: absolute; box-sizing: content-box; pointer-events: none; content: ' '; border-left: 0 solid transparent; transform: rotate(45deg); } .ck-content .todo-list .todo-list__label > input[checked]:after { background-color: #26ab33 !important; border-color: #fff !important; } .captchaInput { height: 36px; width: 100%; border: 1px solid #bdbdbd; border-radius: 4px; padding: 0 12px; outline: none; box-sizing: border-box; } .captchaImg { width: 320px; height: 130px; margin-top: 10px; } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /*do not import this file except components/style/index.less*/ .am-fade-enter, .am-fade-appear { opacity: 0; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-fade-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-fade-enter.am-fade-enter-active, .am-fade-appear.am-fade-appear-active { -webkit-animation-name: amFadeIn; animation-name: amFadeIn; -webkit-animation-play-state: running; animation-play-state: running; } .am-fade-leave.am-fade-leave-active { -webkit-animation-name: amFadeOut; animation-name: amFadeOut; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes amFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes amFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes amFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes amFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .am-slide-up-enter, .am-slide-up-appear { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .am-slide-up-enter, .am-slide-up-appear, .am-slide-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-slide-up-enter.am-slide-up-enter-active, .am-slide-up-appear.am-slide-up-appear-active { -webkit-animation-name: amSlideUpIn; animation-name: amSlideUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .am-slide-up-leave.am-slide-up-leave-active { -webkit-animation-name: amSlideUpOut; animation-name: amSlideUpOut; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes amSlideUpIn { 0% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes amSlideUpIn { 0% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes amSlideUpOut { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } } @keyframes amSlideUpOut { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } } .am.am-zoom-enter, .am.am-zoom-leave { display: block; } .am-zoom-enter, .am-zoom-appear { opacity: 0; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-zoom-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05); animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-zoom-enter.am-zoom-enter-active, .am-zoom-appear.am-zoom-appear-active { -webkit-animation-name: amZoomIn; animation-name: amZoomIn; -webkit-animation-play-state: running; animation-play-state: running; } .am-zoom-leave.am-zoom-leave-active { -webkit-animation-name: amZoomOut; animation-name: amZoomOut; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes amZoomIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes amZoomIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes amZoomOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } } @keyframes amZoomOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } } .am-slide-down-enter, .am-slide-down-appear { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } .am-slide-down-enter, .am-slide-down-appear, .am-slide-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-slide-down-enter.am-slide-down-enter-active, .am-slide-down-appear.am-slide-down-appear-active { -webkit-animation-name: amSlideDownIn; animation-name: amSlideDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .am-slide-down-leave.am-slide-down-leave-active { -webkit-animation-name: amSlideDownOut; animation-name: amSlideDownOut; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes amSlideDownIn { 0% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes amSlideDownIn { 0% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes amSlideDownOut { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } } @keyframes amSlideDownOut { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } } *, *:before, *:after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { background-color: #f5f5f9; font-size: 14px; } *[contenteditable] { -webkit-user-select: auto !important; } *:focus { outline: none; } a { background: transparent; text-decoration: none; outline: none; } .am-modal { position: relative; } .am-modal:not(.am-modal-transparent):not(.am-modal-popup) { width: 100%; height: 100%; } .am-modal-mask { position: fixed; top: 0; right: 0; left: 0; bottom: 0; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.4); } .am-modal-mask-hidden { display: none; } .am-modal-wrap { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; height: 100%; z-index: 999; -webkit-overflow-scrolling: touch; outline: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .am-modal-wrap-popup { display: block; } .am-modal-transparent { width: 270px; } .am-modal-transparent .am-modal-content { border-radius: 7px; padding-top: 15px; } .am-modal-transparent .am-modal-content .am-modal-body { padding: 0 15px 15px; } .am-modal-popup { position: fixed; left: 0; width: 100%; } .am-modal-popup-slide-down { top: 0; } .am-modal-popup-slide-up { bottom: 0; } .am-modal-popup .am-modal-content { padding-bottom: env(safe-area-inset-bottom); } .am-modal-title { margin: 0; font-size: 18px; line-height: 1; color: #000; text-align: center; } .am-modal-header { padding: 6px 15px 15px; } .am-modal-content { position: relative; background-color: #fff; border: 0; background-clip: padding-box; text-align: center; height: 100%; overflow: hidden; } .am-modal-close { border: 0; padding: 0; background-color: transparent; outline: none; position: absolute; right: 15px; z-index: 999; height: 21px; width: 21px; } .am-modal-close-x { display: inline-block; width: 15px; height: 15px; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'30'%20height%3D'30'%20viewBox%3D'0%200%2030%2030'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cdefs%3E%3C%2Fdefs%3E%20%3Cg%20id%3D'ALL-ICON'%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%20%3Cg%20id%3D'Rectangle-283-%2B-Rectangle-283'%20fill%3D'%23888888'%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20scale(-1%2C%201)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E"); } .am-modal-body { font-size: 15px; color: #888; height: 100%; line-height: 1.5; overflow: auto; } .am-modal-button-group-h { position: relative; border-top: 1PX solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-modal-button-group-h { border-top: none; } html:not([data-scale]) .am-modal-button-group-h::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-modal-button-group-h::before { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-modal-button-group-h .am-modal-button { -webkit-touch-callout: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; text-decoration: none; outline: none; color: #108ee9; font-size: 18px; height: 50px; line-height: 50px; display: block; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .am-modal-button-group-h .am-modal-button:first-child { color: #000; } .am-modal-button-group-h .am-modal-button:last-child { position: relative; border-left: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child { border-left: none; } html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 1PX; height: 100%; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child::before { -webkit-transform: scaleX(0.33); -ms-transform: scaleX(0.33); transform: scaleX(0.33); } } .am-modal-button-group-v .am-modal-button { -webkit-touch-callout: none; position: relative; border-top: 1PX solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; text-decoration: none; outline: none; color: #108ee9; font-size: 18px; height: 50px; line-height: 50px; display: block; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-modal-button-group-v .am-modal-button { border-top: none; } html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-modal-button-active { background-color: #ddd; } .am-modal-input-container { margin-top: 9px; border: 1PX solid #ddd; border-radius: 3px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-modal-input-container { position: relative; border: none; } html:not([data-scale]) .am-modal-input-container::before { content: ''; position: absolute; left: 0; top: 0; width: 200%; height: 200%; border: 1PX solid #ddd; border-radius: 6px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } } .am-modal-input { height: 36px; line-height: 1; } .am-modal-input:nth-child(2) { position: relative; border-top: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-modal-input:nth-child(2) { border-top: none; } html:not([data-scale]) .am-modal-input:nth-child(2)::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-modal-input:nth-child(2)::before { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-modal-input input { position: relative; border: 0; width: 98%; height: 34px; top: 1PX; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } .am-modal-input input::-webkit-input-placeholder { font-size: 14px; color: #ccc; padding-left: 8px; } .am-modal-input input::-moz-placeholder { font-size: 14px; color: #ccc; padding-left: 8px; } .am-modal-input input::-ms-input-placeholder { font-size: 14px; color: #ccc; padding-left: 8px; } .am-modal-input input::placeholder { font-size: 14px; color: #ccc; padding-left: 8px; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content { border-radius: 0; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header { padding: 9px 24px 12px; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header .am-modal-title { text-align: left; font-size: 21px; color: #000; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body { color: #000; text-align: left; padding: 0 24px 15px; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container { border: 0; border-bottom: 1PX solid #ddd; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container:before { display: none !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container { border-bottom: none; } html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container::after { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container::after { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container .am-modal-input:first-child { border-top: 0; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container .am-modal-input:first-child:before { display: none !important; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer { padding-bottom: 12px; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h { overflow: hidden; border-top: 0; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 12px; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h:before { display: none !important; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button { -webkit-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; margin-left: 3px; padding: 0 15px; height: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:first-child { color: #777; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child { border-left: 0; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child:before { display: none !important; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden; padding: 0 12px; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button { border-top: 0; padding: 0 15px; margin-left: 3px; height: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button:before { display: none !important; } .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-operation .am-modal-button { text-align: start; padding-left: 15px; } .am-modal.am-modal-operation .am-modal-content { border-radius: 7px; height: auto; padding-top: 0; } .am-modal.am-modal-operation .am-modal-content .am-modal-body { padding: 0!important; } .am-modal.am-modal-operation .am-modal-content .am-modal-button { color: #000; text-align: left; padding-left: 15px; } .am-modal-alert-content, .am-modal-propmt-content { zoom: 1; overflow: hidden; } .customFieldsContainer { background: #fff; margin: 0 -12px; color: #333; line-height: normal; } .customFieldsContainer:after { content: ''; clear: both; display: block; } .customFieldsContainer.mobileContainer .worksheetRecordCard .deleteRecord { display: inline-block !important; } .customFieldsContainer.mobileContainer .signature .remove { visibility: visible; } .customFieldsContainer.mobileContainer .customRecordMuster li { width: 100%; padding: 0 !important; } .customFieldsContainer.mobileContainer > .customFormLine:first-child { display: none; } .customFieldsContainer.mobileContainer .location .icon-minus-square { display: block; } .customFieldsContainer.mobileContainer .customFormItemControl .customFormControlBox { font-size: 13px; } .customFieldsContainer.mobileContainer .customFormItemControl .customFormControlBox.customFormControlOCR { border-color: #e0e0e0 !important; max-width: 100%; } .customFieldsContainer.wxContainer .customFormLine { display: none; } .customFieldsContainer.wxContainer .customFormControlBox { border-color: #e0e0e0 !important; } .customFieldsContainer.wxContainer .customFormControlBox:not(.formBoxNoBorder):not(.relateRecord):not(.customFormControlSwitch):not(.customFormControlScore) { padding-right: 12px !important; } .customFieldsContainer.wxContainer .customFormControlBox:not([type='tel']):not(.formBoxNoBorder):not(.relateRecord):not(.customFormControlSwitch):not( .customFormControlScore ) { padding-left: 12px !important; } .customFieldsContainer.wxContainer .customFormControlBox.controlDisabled { background: #f9f9f9 !important; } .customFieldsContainer.wxContainer .customFormControlBox:not(.controlDisabled) { background: #fff !important; } .customFieldsContainer.wxContainer .customFormControlBox.customFormReadonly { background: #f9f9f9 !important; border-color: #e0e0e0 !important; padding: 8px 12px 6px !important; } .customFieldsContainer.wxContainer .customFormControlBox > .icon-arrow-right-border { margin-right: -5px; } .customFieldsContainer.wxContainer .customFormControlBox .worksheetRecordCard { box-shadow: none; border-color: #e0e0e0; } .customFieldsContainer.wxContainer .customRecordMuster .customRecordList { background: #fff !important; border-color: #e0e0e0 !important; } .customFieldsContainer.wxContainer .customFormControlTel .customFormControlBox.controlDisabled { padding-left: 12px !important; } .customFieldsContainer.wxContainer .customFormControlTelBtn { display: none; } .customFieldsContainer.List { width: 100%; } .customFieldsContainer.List .MenuItem { height: 36px; line-height: 36px; } .customFieldsContainer.List .MenuItem .Item-content:not(.disabled):hover { background: #f2f2f2 !important; color: #333 !important; } .customFieldsContainer .customFormItem { float: left; width: 100%; position: relative; flex-direction: column; padding: 6px 12px; box-sizing: border-box; } .customFieldsContainer .customFormItem.customFormItemRow { flex-direction: row; } .customFieldsContainer .customFormItem.customFormItemRow .customFormItemLabel { width: auto; align-items: flex-start; } .customFieldsContainer .customFormItem.customFormItemRow::after { display: none; } .customFieldsContainer .customFormItem:after { content: ''; display: block; width: 100%; clear: both; } .customFieldsContainer .customFormLine { height: 1px; background: #f3f3f3; clear: both; margin: 0 12px; } .customFieldsContainer .customFormItemLabel { margin-bottom: 4px; display: flex; align-items: center; box-sizing: border-box; z-index: 1; position: relative; font-weight: bold; width: 100%; line-height: 20px; min-height: 20px; transform: translate3d(0, 0, 0); } .customFieldsContainer .customFormItemLabel:hover .RefreshBtn { display: inline-block; } .customFieldsContainer .customFormItemLabel.customFormItemLabelRow { padding-top: 8px; } .customFieldsContainer .customFormItemLabel.customFormItemLabelRow .requiredBtn { top: 10px; } .customFieldsContainer .customFormItemLabel .requiredBtn { position: absolute; left: -8px; top: 3px; color: #f44336; } .customFieldsContainer .customFormItemLabel .RefreshBtn { display: none; padding-top: 4px; } .customFieldsContainer .customFormItemLabel .RefreshBtn i { display: block; } .customFieldsContainer .customFormItemLabel .RefreshBtn i.isLoading { animation: rotate 2s linear infinite; color: #2196f3; } .customFieldsContainer .customFormItemLabel .hideTitleLabel { display: none; } .customFieldsContainer .customFormItemLabel .descBoxInfo { padding-top: 2px; } .customFieldsContainer .customFormItemLabel .customFormItemLoading { display: block; animation: rotate 2s linear infinite; } .customFieldsContainer .descBoxInfo { float: left; position: relative; z-index: 1; } .customFieldsContainer .customFormItemControl { width: 100%; box-sizing: border-box; position: relative; flex: 1; min-width: 0; } .customFieldsContainer .customFormItemControl .maskIcon { position: absolute; right: 12px; font-size: 16px; top: 9px; } .customFieldsContainer .customFormItemControl .customFormControlMobileHover:hover .customFormControlBox { border-color: #f2f2f2; background: #f2f2f2; } .customFieldsContainer .customFormItemControl .maskHoverTheme { cursor: pointer; } .customFieldsContainer .customFormItemControl .maskHoverTheme i { font-size: 16px; vertical-align: middle; } .customFieldsContainer .customFormItemControl .maskHoverTheme:hover { color: #1d5786 !important; } .customFieldsContainer .customFormItemControl .maskHoverTheme:hover i { color: #9e9e9e !important; } .customFieldsContainer .customFormItemControl .descBoxInfo { position: absolute; left: 65px; top: 8px; } .customFieldsContainer .customFormItemControl .descBox .descTxt { position: relative; max-height: 48px; height: auto; overflow-y: hidden; display: block; line-height: 16px !important; width: 100%; overflow-x: hidden; white-space: pre-wrap; word-break: break-all; } .customFieldsContainer .customFormItemControl .descBox .descTxt span { display: block; height: auto; } .customFieldsContainer .customFormItemControl .descBox .descTxt .descText::after { content: '\66F4\591A'; color: #fff; padding-left: 6px; word-wrap: break-word; word-break: break-all; } .customFieldsContainer .customFormItemControl .descBox .descTxt .moreDesc { position: absolute; right: 0; bottom: -1px; background: #fff; color: #2196f3; border: 1px solid rgba(0, 0, 0, 0); padding: 0 3px; line-height: 16px; } .customFieldsContainer .customFormItemControl .descBox .descTxt .moreDesc:hover { text-decoration: underline; } .customFieldsContainer .customFormItemControl .iti--allow-dropdown { width: 100%; } .customFieldsContainer .customFormItemControl .iti__country-list { max-height: 300px; } .customFieldsContainer .customFormItemControl .customFormNull { width: 22px; height: 6px; background: #eaeaea; margin-top: 19px; margin-bottom: 15px; border-radius: 3px; } .customFieldsContainer .customFormItemControl .customFormControlVerify { width: 100%; display: flex; flex-wrap: wrap; margin-top: 8px; } .customFieldsContainer .customFormItemControl .customFormControlVerify input { min-width: 110px; max-width: 180px; margin-right: 8px; } .customFieldsContainer .customFormItemControl .customFormControlVerify input.verifyCodeStyle { max-width: 100%; margin-right: 0; margin-bottom: 8px; } .customFieldsContainer .customFormItemControl .customFormControlVerify .Button { width: 110px; padding: 0; font-size: 13px; } .customFieldsContainer .customFormItemControl .customFormControlBox::-webkit-input-placeholder, .customFieldsContainer .customFormItemControl .customFormTextarea::-webkit-input-placeholder { color: #bdbdbd; } .customFieldsContainer .customFormItemControl .customFormControlBox:-moz-placeholder, .customFieldsContainer .customFormItemControl .customFormTextarea:-moz-placeholder { color: #bdbdbd; } .customFieldsContainer .customFormItemControl .customFormControlBox::-moz-placeholder, .customFieldsContainer .customFormItemControl .customFormTextarea::-moz-placeholder { color: #bdbdbd; } .customFieldsContainer .customFormItemControl .customFormControlBox:-ms-input-placeholder, .customFieldsContainer .customFormItemControl .customFormTextarea:-ms-input-placeholder { color: #bdbdbd; } .customFieldsContainer .customFormItemControl .customLocationDisabled { box-sizing: border-box; height: 36px; border: 1px solid #e0e0e0; font-size: 13px; background: #f5f5f5; border-radius: 4px; padding: 0 12px; width: 100%; outline: none; -webkit-appearance: none; display: flex; align-items: center; justify-content: space-between; cursor: not-allowed; color: #bdbdbd; } .customFieldsContainer .customFormItemControl .customFormControlBox { box-sizing: border-box; height: 36px; border: 1px solid #f7f7f7; font-size: 13px; background: #f7f7f7; border-radius: 4px; padding: 0 12px; width: 100%; outline: none; -webkit-appearance: none; } .customFieldsContainer .customFormItemControl .customFormControlBox:not(.controlDisabled):hover { border-color: #f2f2f2; background: #f2f2f2; } .customFieldsContainer .customFormItemControl .customFormControlBox:not(.controlDisabled):hover .maskIcon { color: #9e9e9e !important; } .customFieldsContainer .customFormItemControl .customFormControlBox:focus { border-color: #2196f3 !important; background: #fff !important; box-shadow: none !important; } .customFieldsContainer .customFormItemControl .customFormControlBox.controlDisabled { background: transparent; border-color: transparent; padding-left: 0; padding-right: 0; } .customFieldsContainer .customFormItemControl .customFormControlBox.controlDisabled .Dropdown--input { padding-left: 0 !important; } .customFieldsContainer .customFormItemControl .customFormControlBox.controlDisabled .mdEditorContent { max-height: inherit !important; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormFileBox:not(.controlDisabled) { color: #757575; padding: 8px 10px 7px; } .customFieldsContainer .customFormItemControl .customFormControlBox .worksheetRecordCard { margin-bottom: 10px; } .customFieldsContainer .customFormItemControl .customFormControlBox .worksheetRecordCard:first-child { margin-top: 10px; } .customFieldsContainer .customFormItemControl .customFormControlBox.mdEditor { min-height: 90px; height: inherit; } .customFieldsContainer .customFormItemControl .customFormControlBox.mdEditor .mdEditorContent { padding: 0 15px; margin: 0 -13px; } .customFieldsContainer .customFormItemControl .customFormControlBox.mdEditor .mdEditorContent img { max-width: 100%; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormEditor { background: #fff !important; border-color: #2196f3 !important; } .customFieldsContainer .customFormItemControl .customFormControlBox.formBoxNoBorder { padding: 5px 0 0; background: #fff !important; border-color: #fff !important; width: auto; } .customFieldsContainer .customFormItemControl .customFormControlBox.customDropdownBox { padding: 0; height: auto; min-height: 36px; } .customFieldsContainer .customFormItemControl .customFormControlBox.customDropdownBox .Dropdown--border { height: auto !important; border: none !important; min-height: 34px; padding-top: 0; padding-bottom: 0; } .customFieldsContainer .customFormItemControl .customFormControlBox.customDropdownBox .Dropdown--border .value { white-space: normal !important; } .customFieldsContainer .customFormItemControl .customFormControlBox.customDropdownBox .Dropdown--border .Dropdown--placeholder { line-height: 34px; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormControlOCR { padding: 0 24px; display: inline-flex !important; align-items: center; cursor: pointer; border-color: #ddd !important; background: #fff; justify-content: center; max-width: 320px; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormControlOCR:hover { background: #f5f5f5 !important; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormControlOCR .customOCRLoading { display: block; animation: rotate 2s linear infinite; color: #2196f3; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormSwitchColumn { height: auto; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormSwitchColumn .customFormCheck { flex-wrap: wrap; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormSwitchColumn .customFormCheck label.Radio { max-width: 100%; margin-top: 6px; margin-bottom: 6px; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormControlSwitch { height: auto !important; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormControlSwitch .Checkbox { margin-top: 8px; } .customFieldsContainer .customFormItemControl .customFormControlBox .mobileFormSwitchDisabled { opacity: 0.4; } .customFieldsContainer .customFormItemControl .customFormControlBox .mobileFormSwitchDisabled.ming.Switch--off { background-color: #ccc !important; } .customFieldsContainer .customFormItemControl .customFormControlBox .mobileFormSwitchDisabled.ming.Switch--on { background: #01ca83 !important; } .customFieldsContainer .customFormItemControl .customFormControlBox.customFormControlSwitch, .customFieldsContainer .customFormItemControl .customFormControlBox.customFormControlScore { background: none !important; border: none !important; padding-left: 0 !important; } .customFieldsContainer .customFormItemControl.richTextDisabledControl .ck .ck-content { min-height: 36px !important; } .customFieldsContainer .customFormItemControl .textAreaDisabledControl { min-height: 36px !important; } .customFieldsContainer .customFormItemControl .customFormTextareaBox { padding: 8px 12px 6px; height: auto; white-space: pre-wrap; min-height: 36px; } .customFieldsContainer .customFormItemControl .mobileCustomFormTextareaBox { overflow: hidden; } .customFieldsContainer .customFormItemControl .customFormTextarea { box-sizing: border-box; padding: 8px 12px 6px; vertical-align: top; border-color: #2196f3; background: #fff; font-size: 13px; line-height: 1.5; } .customFieldsContainer .customFormItemControl .smallInput { width: 1px; height: 18px; vertical-align: top; border: none; display: inline-block; background: transparent; padding: 0; margin-left: -1px; } .customFieldsContainer .customFormItemControl .customFormButton { text-align: left; outline: none; align-items: center; cursor: pointer; } .customFieldsContainer .customFormItemControl .customFormButton:focus { border-color: #f2f2f2 !important; background: #f2f2f2 !important; } .customFieldsContainer .customFormItemControl .customFormButton:not(.controlDisabled):hover > .ming.Icon:not(.customFormButtoDel) { color: #2196f3 !important; } .customFieldsContainer .customFormItemControl .customFormButton:not(.controlDisabled):hover .customFormButtoDel { display: block; } .customFieldsContainer .customFormItemControl .customFormButton:not(.controlDisabled):hover .customFormButtoDel:hover { color: rgba(0, 0, 0, 0.45) !important; } .customFieldsContainer .customFormItemControl .customFormButton:not(.controlDisabled):hover .customFormButtoDel ~ i { display: none; } .customFieldsContainer .customFormItemControl .customFormButton .customFormButtoDel { display: none; } .customFieldsContainer .customFormItemControl .customFormCheck { width: 100%; display: flex; flex-wrap: nowrap; } .customFieldsContainer .customFormItemControl .customFormCheck label.Radio { display: inline-block; max-width: 50%; margin-right: 0; padding-right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .customFieldsContainer .customFormItemControl .customFormCheck.Checkbox { display: flex; white-space: normal !important; } .customFieldsContainer .customFormItemControl .customFormCheck .Checkbox-box { flex-shrink: 0; } .customFieldsContainer .customFormItemControl .customFormCheck.mobileCustomFormRadio label.Radio { max-width: 100%; white-space: inherit; padding-right: 0; margin-right: 10px; } .customFieldsContainer .customFormItemControl .customFormCheck.mobileCustomFormRadio label .Radio-box--middle { display: inline-block; } .customFieldsContainer .customFormItemControl .customFormCheck.mobileCustomFormRadio label .Radio-text { vertical-align: top; width: calc(100% - 28px); display: inline-block; } .customFieldsContainer .customFormItemControl .customFormReadonly { border-color: #fff !important; background: #fff !important; padding-left: 0 !important; padding-right: 0 !important; line-height: 20px; } .customFieldsContainer .customFormItemControl .customFormReadonly.spacing { letter-spacing: 2px; } .customFieldsContainer .customFormItemControl .Score-wrapper .StarScore-item i { font-size: 20px; } .customFieldsContainer .customFormItemControl .index { z-index: 1; } .customFieldsContainer .customFormItemControl .customFormRelationBtn { background: transparent; height: 34px; display: flex; align-items: center; outline: none; width: max-content; padding: 0 16px; border: 1px solid #ddd; border-radius: 3px; font-weight: 500; font-size: 13px; } .customFieldsContainer .customFormItemControl .customFormRelationBtn:hover { background-color: #f5f5f5; } .customFieldsContainer .customFormItemControl > .ming.Dropdown.controlDisabled .Dropdown--border:not(:hover):not(.active), .customFieldsContainer .customFormItemControl > .ming.Dropdown.controlDisabled .Dropdown--border:hover { border-color: #fff !important; } .customFieldsContainer .customFormItemControl > .ming.Dropdown.controlDisabled .icon-arrow-down-border { display: none; } .customFieldsContainer .customFormItemControl > .ming.Dropdown .Dropdown--input > .value { max-width: 100%; } .customFieldsContainer .customFormItemControl > .ming.Dropdown .Dropdown--border:not(:hover):not(.active) { border-color: #f7f7f7 !important; } .customFieldsContainer .customFormItemControl > .ming.Dropdown .Dropdown--border:hover, .customFieldsContainer .customFormItemControl > .ming.Dropdown .Dropdown--border.active { border-color: #f2f2f2 !important; } .customFieldsContainer .customFormItemControl > .ming.Dropdown .List { width: 100%; } .customFieldsContainer .customFormItemControl > .ming.Dropdown .List .MenuItem { height: 36px; line-height: 36px; } .customFieldsContainer .customFormItemControl > .ming.Dropdown .List .MenuItem .Item-content:not(.disabled):hover { background: #f2f2f2 !important; color: #333 !important; } .customFieldsContainer .customFormItemControl .groupColumn.ming.CheckboxGroup { flex-direction: column; } .customFieldsContainer .customFormItemControl .groupColumn.ming.CheckboxGroup .Checkbox { width: 100% !important; margin-right: 0 !important; } .customFieldsContainer .customFormItemControl .groupColumn .RadioGroupCon { flex-direction: column; } .customFieldsContainer .customFormItemControl .groupColumn .RadioGroupCon .Radio { width: 100% !important; margin-right: 0 !important; } .customFieldsContainer .customFormItemControl .groupColumn .ellipsis { max-width: 100% !important; white-space: normal; height: auto !important; line-height: 20px !important; padding-top: 2px; padding-bottom: 2px; } .customFieldsContainer .customFormItemControl .groupColumn .nowrap { white-space: nowrap; } .customFieldsContainer .customFormItemControl .ming.RadioGroup2 .RadioGroupCon { display: flex; flex-wrap: wrap; } .customFieldsContainer .customFormItemControl .ming.RadioGroup2 .RadioGroupCon .Radio { display: flex; min-width: 0; margin-bottom: 10px; width: 145px; } .customFieldsContainer .customFormItemControl .ming.RadioGroup2 .RadioGroupCon .Radio--disabled { color: #333; } .customFieldsContainer .customFormItemControl .ming.RadioGroup2 .RadioGroupCon .Radio--disabled .Radio-box { display: none; } .customFieldsContainer .customFormItemControl .ming.RadioGroup2 .RadioGroupCon .Radio-box { margin-right: 8px; vertical-align: top; margin-top: 3px; } .customFieldsContainer .customFormItemControl .ming.RadioGroup2 .RadioGroupCon .Radio-text { flex: 1; min-width: 0; } .customFieldsContainer .customFormItemControl .ming.RadioGroup2 .RadioGroupCon .Radio-text .ellipsis { display: inline-block; height: 24px; line-height: 24px; max-width: 100%; } .customFieldsContainer .customFormItemControl .ming.CheckboxGroup { display: flex; flex-wrap: wrap; } .customFieldsContainer .customFormItemControl .ming.CheckboxGroup .Checkbox { display: flex; min-width: 0; margin-bottom: 10px; width: 145px; margin-right: 20px; } .customFieldsContainer .customFormItemControl .ming.CheckboxGroup .Checkbox--disabled { color: #333; } .customFieldsContainer .customFormItemControl .ming.CheckboxGroup .Checkbox--disabled .Checkbox-box { display: none; } .customFieldsContainer .customFormItemControl .ming.CheckboxGroup .Checkbox-box { margin-right: 8px; vertical-align: top; margin-top: 3px; min-width: 18px; } .customFieldsContainer .customFormItemControl .ming.CheckboxGroup .Checkbox .ellipsis { display: inline-block; height: 24px; line-height: 24px; } .customFieldsContainer .customFormItemControl .addBtn { width: 26px; height: 26px; line-height: 26px; border: 1px solid #ddd; border-radius: 50%; display: inline-flex; vertical-align: top; margin: 4px 0; align-items: center; justify-content: center; } .customFieldsContainer .customFormItemControl .customFormControlTags { height: 26px; border-radius: 26px; background: #f7f7f7; display: inline-flex; align-items: center; margin: 4px 8px 4px 0; padding-right: 10px; vertical-align: top; position: relative; max-width: 100%; } .customFieldsContainer .customFormItemControl .customFormControlTags .departWrap { width: 26px; height: 26px; color: #fff; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .customFieldsContainer .customFormItemControl .customFormControlTags:hover .tagDel, .customFieldsContainer .customFormItemControl .customFormControlTags.selected .tagDel { opacity: 1; } .customFieldsContainer .customFormItemControl .customFormControlTags .tagDel { cursor: pointer; color: #9e9e9e; position: absolute; top: -5px; right: -5px; opacity: 0; transition: all 0.2s ease-out; } .customFieldsContainer .customFormItemControl .customFormControlTags .tagDel:hover { color: #757575; } .customFieldsContainer .customFormItemControl .dropdownTitle { height: 24px; line-height: 24px; border-radius: 12px; padding: 0 12px; display: inline-block; vertical-align: top; max-width: 95%; box-sizing: border-box; } .customFieldsContainer .customFormItemControl .customAntPicker { height: 36px; padding: 0 12px; border: 1px solid #f7f7f7; font-size: 13px; background: #f7f7f7; border-radius: 4px; transition: none; } .customFieldsContainer .customFormItemControl .customAntPicker.controlDisabled .ant-picker-input > input { color: #333; } .customFieldsContainer .customFormItemControl .customAntPicker.ant-picker-focused { box-shadow: none; } .customFieldsContainer .customFormItemControl .customAntPicker.ant-picker-focused:not(.controlDisabled) { border-color: #2196f3 !important; background: #fff !important; } .customFieldsContainer .customFormItemControl .customAntPicker.ant-picker-focused:not(.controlDisabled) .ant-picker-clear { opacity: 1; } .customFieldsContainer .customFormItemControl .customAntPicker .ant-picker-input { padding: 0; height: 34px !important; } .customFieldsContainer .customFormItemControl .customCascaderDel { top: 11px; right: 11px; color: #9e9e9e; background: #fff; cursor: pointer; } .customFieldsContainer .customFormItemControl .customCascaderDel:hover { color: #757575; } .customFieldsContainer .customFormItemControl .customTreeSelect .ant-select-selection-placeholder, .customFieldsContainer .customFormItemControl .customTreeSelect .ant-select-selection-item { line-height: 34px; overflow: hidden; white-space: nowrap; } .customFieldsContainer .customFormItemControl .customFormControlTel .iti__flag-container { display: none; } .customFieldsContainer .customFormItemControl .customFormControlTel .customFormControlBox { padding-left: 0 !important; } .customFieldsContainer .customFormItemControl .customFormControlTel .customFormControlBox:not(.controlDisabled) { padding-left: 12px !important; } .customFieldsContainer .customRecordMuster { margin: 0 12px; } .customFieldsContainer .customRecordMuster li { margin-top: 12px; box-sizing: border-box; width: 50%; float: left; } .customFieldsContainer .customRecordMuster li:nth-child(odd) { padding-right: 12px; } .customFieldsContainer .customRecordMuster li:nth-child(even) { padding-left: 12px; } .customFieldsContainer .customRecordMuster li .customRecordList { padding: 0 16px; box-sizing: border-box; align-items: center; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 3px; height: 50px; cursor: pointer; } .customFieldsContainer .customRecordMuster li .customRecordList:hover { background: #f2f2f2; } .customFormErrorMessage { position: absolute; bottom: 100%; transform: translateY(-5px); z-index: 1; left: 0; color: #fff; padding: 3px 8px; white-space: nowrap; background: #f44336; font-size: 12px; margin: 0 12px; } .customFormErrorMessage span { white-space: normal; } .customFormErrorMessage span .delIcon { cursor: pointer; color: rgba(0, 0, 0, 0.24); } .customFormErrorMessage span .delIcon:hover { color: rgba(0, 0, 0, 0.5); } .customFormErrorMessage .customFormErrorArrow { position: absolute; transform: translateY(-5px); z-index: 1; left: 0; background: transparent; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #f44336; bottom: -11px; } .customRadioItem { border-radius: 12px; box-sizing: border-box; display: inline-block; height: 24px; font-size: 13px; align-items: center; vertical-align: middle !important; max-width: 100%; line-height: 24px; font-weight: 400; } .mobileCheckboxDialog .customRadioItem { font-size: 15px; height: 32px; line-height: 32px; border-radius: 16px; } .mobileCheckboxDialog .am-list-body::after { background-color: #fff !important; } .ant-cascader-menus { overflow: hidden; overflow-x: auto; max-width: 900px; padding-right: 1px; } .customDatePicker, .antModalRadius .am-modal-content { border-radius: 10px 10px 0 0; } .cascaderRadio { align-items: center; } .cascaderRadio .Radio-text { flex: 1; text-overflow: ellipsis; overflow: hidden; } input.customFormControlBox:disabled { color: #333; opacity: 1; -webkit-text-fill-color: #333; } .customCascader .ant-select-selection-placeholder { line-height: 34px !important; } .customCascader.ant-select-open .ant-select-selector, .customAntSelect.ant-select-open .ant-select-selector { border-color: #2196f3 !important; background-color: #fff !important; } .customCascader.ant-select-open .ant-select-arrow, .customAntSelect.ant-select-open .ant-select-arrow { display: none; } .customCascader.ant-select-open .ant-select-selection-item, .customAntSelect.ant-select-open .ant-select-selection-item { opacity: 0.4; color: #333; } .customCascader .ant-select-selection-item, .customAntSelect .ant-select-selection-item, .customCascader .ant-select-selection-placeholder, .customAntSelect .ant-select-selection-placeholder { line-height: 34px !important; font-size: 13px !important; } .customCascader.ant-select-disabled .ant-select-selector, .customAntSelect.ant-select-disabled .ant-select-selector { color: #333 !important; border-color: #fff !important; background: #fff !important; padding: 0 !important; } .customCascader.ant-select-disabled .ant-select-selection-item, .customAntSelect.ant-select-disabled .ant-select-selection-item { color: #333; padding: 0; } .customCascader.ant-select-disabled .ant-select-arrow, .customAntSelect.ant-select-disabled .ant-select-arrow { display: none; } .customCascader:not(.ant-select-open):not(.ant-select-disabled) .ant-select-selector:hover, .customAntSelect:not(.ant-select-open):not(.ant-select-disabled) .ant-select-selector:hover { border-color: #f2f2f2 !important; background-color: #f2f2f2 !important; } .customCascader .ant-select-selector, .customAntSelect .ant-select-selector { min-height: 36px; padding: 0 12px !important; height: auto !important; border-radius: 4px !important; box-shadow: none !important; border-color: #f7f7f7 !important; background-color: #f7f7f7 !important; } .customCascader.ant-select-multiple .ant-select-selector > span, .customAntSelect.ant-select-multiple .ant-select-selector > span { max-width: 95%; } .customCascader.ant-select-multiple .ant-select-selection-search, .customAntSelect.ant-select-multiple .ant-select-selection-search { left: 0 !important; margin-left: -1px; } .customCascader.ant-select-multiple .ant-select-selection-search-input, .customAntSelect.ant-select-multiple .ant-select-selection-search-input { margin-left: 0 !important; } .customCascader.ant-select-multiple .customAntDropdownTitle, .customAntSelect.ant-select-multiple .customAntDropdownTitle, .customCascader.ant-select-multiple .customAntDropdownTitleWithBG, .customAntSelect.ant-select-multiple .customAntDropdownTitleWithBG { max-width: 100%; display: inline-flex; } .customCascader.ant-select-multiple .customAntDropdownTitle .icon-close, .customAntSelect.ant-select-multiple .customAntDropdownTitle .icon-close, .customCascader.ant-select-multiple .customAntDropdownTitleWithBG .icon-close, .customAntSelect.ant-select-multiple .customAntDropdownTitleWithBG .icon-close { opacity: 0.7; } .customCascader.ant-select-multiple .customAntDropdownTitle .icon-close:hover, .customAntSelect.ant-select-multiple .customAntDropdownTitle .icon-close:hover, .customCascader.ant-select-multiple .customAntDropdownTitleWithBG .icon-close:hover, .customAntSelect.ant-select-multiple .customAntDropdownTitleWithBG .icon-close:hover { opacity: 1; } .customCascader .ant-select-selection-search, .customAntSelect .ant-select-selection-search { left: 12px !important; } .customCascader .ant-select-selection-search-input, .customAntSelect .ant-select-selection-search-input { padding: 0; height: 34px !important; } .customCascader .ant-select-selection-item, .customAntSelect .ant-select-selection-item { overflow: inherit; max-width: 100%; white-space: inherit; } .customCascader .customAntSelectPlaceHolder, .customAntSelect .customAntSelectPlaceHolder { display: inline-block; height: 20px; line-height: 20px; box-sizing: initial; padding-top: 8px; font-size: 13px; } .customCascader .anticon, .customAntSelect .anticon { color: #9e9e9e; background: transparent; } .customCascader .anticon:hover, .customAntSelect .anticon:hover { color: #757575; } .customCascader .ant-select-selection-placeholder, .customAntSelect .ant-select-selection-placeholder { color: #bdbdbd; } .mobileCustomApiSelect .ant-select-selector { background-color: #fff !important; border: 1px solid #e0e0e0 !important; } .customAntDropdownTitle, .customAntDropdownTitleWithBG { height: 24px; line-height: 24px; border-radius: 12px; display: inline-block; vertical-align: top; max-width: 95%; } .customAntDropdownTitleWithBG { padding: 0 12px; box-sizing: border-box; } .ruleErrorMsgDialog { width: 98% !important; max-width: 480px; } .ruleErrorMsgDialog .mui-dialog-desc { padding-top: 16px !important; } .mobileCustomFormTextareaBox { border: 1px solid #e0e0e0 !important; margin-bottom: 1px !important; border-radius: 2px !important; margin-top: 0 !important; } .mobileCustomFormTextareaBox:focus { border-color: #2196f3 !important; background: #fff !important; box-shadow: none !important; } .ming.RadioGroup { display: flex; flex-wrap: wrap; } .ming.RadioGroup.RadioGroup--vertical { flex-direction: column; } .ming.Radio { margin-right: 20px; cursor: pointer; } .ming.Radio span { vertical-align: middle; } .ming.Radio .Radio-box { border: 1px solid; width: 18px; height: 18px; box-sizing: border-box; border-radius: 50%; display: inline-block; vertical-align: middle; margin-top: -1px; margin-right: 12px; position: relative; background-color: #fff; } .ming.Radio .Radio-box-round { width: 12px; height: 12px; top: 2px; left: 2px; border-radius: 50%; position: absolute; display: inline-block; transition: all 0.2s; background-color: #1e88e5; } .ming.Radio .Radio-box--middle { width: 16px; height: 16px; } .ming.Radio .Radio-box--middle .Radio-box-round { width: 10px; height: 10px; } .ming.Radio .Radio-box--small { width: 14px; height: 14px; } .ming.Radio .Radio-box--small .Radio-box-round { width: 10px; height: 10px; top: 1px; left: 1px; } .ming.Radio.checked .Radio-box { border-color: #1e88e5; } .ming.Radio:not(.checked) .Radio-box { border-color: #ccc; } .ming.Radio:not(.checked) .Radio-box-round { width: 0; height: 0; top: 50%; left: 50%; } .ming.Radio.Radio--disabled { color: #9e9e9e; cursor: not-allowed; } .ming.Radio.Radio--disabled .Radio-box { border-color: #bdbdbd; background-color: #f5f5f5; } .ming.Radio.Radio--disabled .Radio-box-round { background-color: #bdbdbd; } .ming.Radio .Radio-text .icon { margin-right: 4px; color: #9e9e9e; font-size: 16px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ [class^=ant-]::-ms-clear, [class*= ant-]::-ms-clear, [class^=ant-] input::-ms-clear, [class*= ant-] input::-ms-clear, [class^=ant-] input::-ms-reveal, [class*= ant-] input::-ms-reveal { display: none; } /* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */ html, body { width: 100%; height: 100%; } input::-ms-clear, input::-ms-reveal { display: none; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } body { margin: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-variant: tabular-nums; line-height: 1.5715; background-color: #fff; font-feature-settings: 'tnum'; } [tabindex='-1']:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 500; } p { margin-top: 0; margin-bottom: 1em; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; border-bottom: 0; cursor: help; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type='text'], input[type='password'], input[type='number'], textarea { -webkit-appearance: none; } ol, ul, dl { margin-top: 0; margin-bottom: 1em; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: 0.5em; margin-left: 0; } blockquote { margin: 0 0 1em; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #1890ff; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; -webkit-text-decoration-skip: objects; } a:hover { color: #40a9ff; } a:active { color: #096dd9; } a:active, a:hover { text-decoration: none; outline: 0; } a:focus { text-decoration: none; outline: 0; } a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } pre, code, kbd, samp { font-size: 1em; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; } pre { margin-top: 0; margin-bottom: 1em; overflow: auto; } figure { margin: 0 0 1em; } img { vertical-align: middle; border-style: none; } a, area, button, [role='button'], input:not([type='range']), label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75em; padding-bottom: 0.3em; color: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; } input, button, select, optgroup, textarea { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } input[type='radio'], input[type='checkbox'] { box-sizing: border-box; padding: 0; } input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; margin-bottom: 0.5em; padding: 0; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } mark { padding: 0.2em; background-color: #feffe6; } ::-moz-selection { color: #fff; background: #1890ff; } ::selection { color: #fff; background: #1890ff; } .clearfix::before { display: table; content: ''; } .clearfix::after { display: table; clear: both; content: ''; } .anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon::before { display: none; } .anticon .anticon-icon { display: block; } .anticon > .anticon { line-height: 0; vertical-align: 0; } .anticon[tabindex] { cursor: pointer; } .anticon-spin::before { display: inline-block; -webkit-animation: loadingCircle 1s infinite linear; animation: loadingCircle 1s infinite linear; } .anticon-spin { display: inline-block; -webkit-animation: loadingCircle 1s infinite linear; animation: loadingCircle 1s infinite linear; } .ant-fade-enter, .ant-fade-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-fade-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-fade-enter.ant-fade-enter-active, .ant-fade-appear.ant-fade-appear-active { -webkit-animation-name: antFadeIn; animation-name: antFadeIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-fade-leave.ant-fade-leave-active { -webkit-animation-name: antFadeOut; animation-name: antFadeOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-fade-enter, .ant-fade-appear { opacity: 0; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .ant-fade-leave { -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .ant-move-up-enter, .ant-move-up-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-move-up-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-move-up-enter.ant-move-up-enter-active, .ant-move-up-appear.ant-move-up-appear-active { -webkit-animation-name: antMoveUpIn; animation-name: antMoveUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-move-up-leave.ant-move-up-leave-active { -webkit-animation-name: antMoveUpOut; animation-name: antMoveUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-move-up-enter, .ant-move-up-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-up-leave { -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-down-enter, .ant-move-down-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-move-down-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-move-down-enter.ant-move-down-enter-active, .ant-move-down-appear.ant-move-down-appear-active { -webkit-animation-name: antMoveDownIn; animation-name: antMoveDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-move-down-leave.ant-move-down-leave-active { -webkit-animation-name: antMoveDownOut; animation-name: antMoveDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-move-down-enter, .ant-move-down-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-down-leave { -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-left-enter, .ant-move-left-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-move-left-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-move-left-enter.ant-move-left-enter-active, .ant-move-left-appear.ant-move-left-appear-active { -webkit-animation-name: antMoveLeftIn; animation-name: antMoveLeftIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-move-left-leave.ant-move-left-leave-active { -webkit-animation-name: antMoveLeftOut; animation-name: antMoveLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-move-left-enter, .ant-move-left-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-left-leave { -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-right-enter, .ant-move-right-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-move-right-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-move-right-enter.ant-move-right-enter-active, .ant-move-right-appear.ant-move-right-appear-active { -webkit-animation-name: antMoveRightIn; animation-name: antMoveRightIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-move-right-leave.ant-move-right-leave-active { -webkit-animation-name: antMoveRightOut; animation-name: antMoveRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-move-right-enter, .ant-move-right-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-right-leave { -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } @-webkit-keyframes antMoveDownIn { 0% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveDownIn { 0% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveDownOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveDownOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveLeftIn { 0% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveLeftIn { 0% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveLeftOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveLeftOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveRightIn { 0% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveRightIn { 0% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveRightOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveRightOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveUpIn { 0% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveUpIn { 0% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveUpOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveUpOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes loadingCircle { 100% { transform: rotate(360deg); } } @keyframes loadingCircle { 100% { transform: rotate(360deg); } } [ant-click-animating='true'], [ant-click-animating-without-extra-node='true'] { position: relative; } html { --antd-wave-shadow-color: #1890ff; --scroll-bar: 0; } [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; box-shadow: 0 0 0 0 #1890ff; box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: 0.2; -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ''; pointer-events: none; } @-webkit-keyframes waveEffect { 100% { box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes waveEffect { 100% { box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @-webkit-keyframes fadeEffect { 100% { opacity: 0; } } @keyframes fadeEffect { 100% { opacity: 0; } } .ant-slide-up-enter, .ant-slide-up-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-up-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-up-enter.ant-slide-up-enter-active, .ant-slide-up-appear.ant-slide-up-appear-active { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-slide-up-leave.ant-slide-up-leave-active { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-slide-up-enter, .ant-slide-up-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-up-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-down-enter, .ant-slide-down-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-down-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-down-enter.ant-slide-down-enter-active, .ant-slide-down-appear.ant-slide-down-appear-active { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-slide-down-leave.ant-slide-down-leave-active { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-slide-down-enter, .ant-slide-down-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-down-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-left-enter, .ant-slide-left-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-left-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-left-enter.ant-slide-left-enter-active, .ant-slide-left-appear.ant-slide-left-appear-active { -webkit-animation-name: antSlideLeftIn; animation-name: antSlideLeftIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-slide-left-leave.ant-slide-left-leave-active { -webkit-animation-name: antSlideLeftOut; animation-name: antSlideLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-slide-left-enter, .ant-slide-left-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-left-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-right-enter, .ant-slide-right-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-right-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-right-enter.ant-slide-right-enter-active, .ant-slide-right-appear.ant-slide-right-appear-active { -webkit-animation-name: antSlideRightIn; animation-name: antSlideRightIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-slide-right-leave.ant-slide-right-leave-active { -webkit-animation-name: antSlideRightOut; animation-name: antSlideRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-slide-right-enter, .ant-slide-right-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-right-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes antSlideUpIn { 0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideUpIn { 0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes antSlideUpOut { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideUpOut { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } } @-webkit-keyframes antSlideDownIn { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @keyframes antSlideDownIn { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @-webkit-keyframes antSlideDownOut { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @keyframes antSlideDownOut { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @-webkit-keyframes antSlideLeftIn { 0% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideLeftIn { 0% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes antSlideLeftOut { 0% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideLeftOut { 0% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } } @-webkit-keyframes antSlideRightIn { 0% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } } @keyframes antSlideRightIn { 0% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } } @-webkit-keyframes antSlideRightOut { 0% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } } @keyframes antSlideRightOut { 0% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } } .ant-zoom-enter, .ant-zoom-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-enter.ant-zoom-enter-active, .ant-zoom-appear.ant-zoom-appear-active { -webkit-animation-name: antZoomIn; animation-name: antZoomIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-zoom-leave.ant-zoom-leave-active { -webkit-animation-name: antZoomOut; animation-name: antZoomOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-zoom-enter, .ant-zoom-appear { transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-enter-prepare, .ant-zoom-appear-prepare { transform: none; } .ant-zoom-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-enter, .ant-zoom-big-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-big-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-big-enter.ant-zoom-big-enter-active, .ant-zoom-big-appear.ant-zoom-big-appear-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-zoom-big-leave.ant-zoom-big-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-zoom-big-enter, .ant-zoom-big-appear { transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-enter-prepare, .ant-zoom-big-appear-prepare { transform: none; } .ant-zoom-big-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-big-fast-leave { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-fast-enter-prepare, .ant-zoom-big-fast-appear-prepare { transform: none; } .ant-zoom-big-fast-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-up-enter, .ant-zoom-up-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-up-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-up-enter.ant-zoom-up-enter-active, .ant-zoom-up-appear.ant-zoom-up-appear-active { -webkit-animation-name: antZoomUpIn; animation-name: antZoomUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-zoom-up-leave.ant-zoom-up-leave-active { -webkit-animation-name: antZoomUpOut; animation-name: antZoomUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-zoom-up-enter, .ant-zoom-up-appear { transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-up-enter-prepare, .ant-zoom-up-appear-prepare { transform: none; } .ant-zoom-up-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-down-enter, .ant-zoom-down-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-down-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-down-enter.ant-zoom-down-enter-active, .ant-zoom-down-appear.ant-zoom-down-appear-active { -webkit-animation-name: antZoomDownIn; animation-name: antZoomDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-zoom-down-leave.ant-zoom-down-leave-active { -webkit-animation-name: antZoomDownOut; animation-name: antZoomDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-zoom-down-enter, .ant-zoom-down-appear { transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-down-enter-prepare, .ant-zoom-down-appear-prepare { transform: none; } .ant-zoom-down-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-left-enter, .ant-zoom-left-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-left-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-left-enter.ant-zoom-left-enter-active, .ant-zoom-left-appear.ant-zoom-left-appear-active { -webkit-animation-name: antZoomLeftIn; animation-name: antZoomLeftIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-zoom-left-leave.ant-zoom-left-leave-active { -webkit-animation-name: antZoomLeftOut; animation-name: antZoomLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-zoom-left-enter, .ant-zoom-left-appear { transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-left-enter-prepare, .ant-zoom-left-appear-prepare { transform: none; } .ant-zoom-left-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-right-enter, .ant-zoom-right-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-right-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-zoom-right-enter.ant-zoom-right-enter-active, .ant-zoom-right-appear.ant-zoom-right-appear-active { -webkit-animation-name: antZoomRightIn; animation-name: antZoomRightIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-zoom-right-leave.ant-zoom-right-leave-active { -webkit-animation-name: antZoomRightOut; animation-name: antZoomRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-zoom-right-enter, .ant-zoom-right-appear { transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-right-enter-prepare, .ant-zoom-right-appear-prepare { transform: none; } .ant-zoom-right-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @-webkit-keyframes antZoomIn { 0% { transform: scale(0.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomIn { 0% { transform: scale(0.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes antZoomOut { 0% { transform: scale(1); } 100% { transform: scale(0.2); opacity: 0; } } @keyframes antZoomOut { 0% { transform: scale(1); } 100% { transform: scale(0.2); opacity: 0; } } @-webkit-keyframes antZoomBigIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomBigIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes antZoomBigOut { 0% { transform: scale(1); } 100% { transform: scale(0.8); opacity: 0; } } @keyframes antZoomBigOut { 0% { transform: scale(1); } 100% { transform: scale(0.8); opacity: 0; } } @-webkit-keyframes antZoomUpIn { 0% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 0%; } } @keyframes antZoomUpIn { 0% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 0%; } } @-webkit-keyframes antZoomUpOut { 0% { transform: scale(1); transform-origin: 50% 0%; } 100% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } } @keyframes antZoomUpOut { 0% { transform: scale(1); transform-origin: 50% 0%; } 100% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } } @-webkit-keyframes antZoomLeftIn { 0% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 0% 50%; } } @keyframes antZoomLeftIn { 0% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 0% 50%; } } @-webkit-keyframes antZoomLeftOut { 0% { transform: scale(1); transform-origin: 0% 50%; } 100% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } } @keyframes antZoomLeftOut { 0% { transform: scale(1); transform-origin: 0% 50%; } 100% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } } @-webkit-keyframes antZoomRightIn { 0% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 100% 50%; } } @keyframes antZoomRightIn { 0% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 100% 50%; } } @-webkit-keyframes antZoomRightOut { 0% { transform: scale(1); transform-origin: 100% 50%; } 100% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } } @keyframes antZoomRightOut { 0% { transform: scale(1); transform-origin: 100% 50%; } 100% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } } @-webkit-keyframes antZoomDownIn { 0% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 100%; } } @keyframes antZoomDownIn { 0% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 100%; } } @-webkit-keyframes antZoomDownOut { 0% { transform: scale(1); transform-origin: 50% 100%; } 100% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } } @keyframes antZoomDownOut { 0% { transform: scale(1); transform-origin: 50% 100%; } 100% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } } .ant-motion-collapse-legacy { overflow: hidden; } .ant-motion-collapse-legacy-active { transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-motion-collapse { overflow: hidden; transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-input-affix-wrapper { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ display: inline-flex; } .ant-input-affix-wrapper::-moz-placeholder { opacity: 1; } .ant-input-affix-wrapper:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-input-affix-wrapper::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-input-affix-wrapper:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-affix-wrapper:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-affix-wrapper:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-input-rtl .ant-input-affix-wrapper:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-input-affix-wrapper:focus, .ant-input-rtl .ant-input-affix-wrapper-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-affix-wrapper-borderless, .ant-input-affix-wrapper-borderless:hover, .ant-input-affix-wrapper-borderless:focus, .ant-input-affix-wrapper-borderless-focused, .ant-input-affix-wrapper-borderless-disabled, .ant-input-affix-wrapper-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-affix-wrapper { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-affix-wrapper-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-affix-wrapper-sm { padding: 0px 7px; } .ant-input-affix-wrapper-rtl { direction: rtl; } .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-color: #40a9ff; border-right-width: 1px; z-index: 1; } .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { z-index: 0; } .ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus { z-index: 1; } .ant-input-affix-wrapper-disabled .ant-input[disabled] { background: transparent; } .ant-input-affix-wrapper > input.ant-input { padding: 0; border: none; outline: none; } .ant-input-affix-wrapper > input.ant-input:focus { box-shadow: none !important; } .ant-input-affix-wrapper::before { width: 0; visibility: hidden; content: '\A0'; } .ant-input-prefix, .ant-input-suffix { display: flex; flex: none; align-items: center; } .ant-input-prefix > *:not(:last-child), .ant-input-suffix > *:not(:last-child) { margin-right: 8px; } .ant-input-show-count-suffix { color: rgba(0, 0, 0, 0.45); } .ant-input-show-count-has-suffix { margin-right: 2px; } .ant-input-prefix { margin-right: 4px; } .ant-input-suffix { margin-left: 4px; } .ant-input-clear-icon { margin: 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; vertical-align: -1px; cursor: pointer; transition: color 0.3s; } .ant-input-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .ant-input-clear-icon:active { color: rgba(0, 0, 0, 0.85); } .ant-input-clear-icon-hidden { visibility: hidden; } .ant-input-clear-icon-has-suffix { margin: 0 4px; } .ant-input-affix-wrapper-textarea-with-clear-btn { padding: 0 !important; border: 0 !important; } .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon { position: absolute; top: 8px; right: 8px; z-index: 1; } .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover { background: #fff; border-color: #ff4d4f; } .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-input-status-error .ant-input-feedback-icon { color: #ff4d4f; } .ant-input-status-error .ant-input-prefix { color: #ff4d4f; } .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover { background: #fff; border-color: #faad14; } .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-input-status-warning .ant-input-feedback-icon { color: #faad14; } .ant-input-status-warning .ant-input-prefix { color: #faad14; } .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { background: #fff; border-color: #ff4d4f; } .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-input-affix-wrapper-status-error .ant-input-feedback-icon { color: #ff4d4f; } .ant-input-affix-wrapper-status-error .ant-input-prefix { color: #ff4d4f; } .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { background: #fff; border-color: #faad14; } .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-input-affix-wrapper-status-warning .ant-input-feedback-icon { color: #faad14; } .ant-input-affix-wrapper-status-warning .ant-input-prefix { color: #faad14; } .ant-input-textarea-status-validating .ant-input-feedback-icon, .ant-input-affix-wrapper-status-validating .ant-input-feedback-icon { display: inline-block; color: #1890ff; } .ant-input-textarea-status-success .ant-input-feedback-icon, .ant-input-affix-wrapper-status-success .ant-input-feedback-icon { color: #52c41a; -webkit-animation-name: diffZoomIn1 !important; animation-name: diffZoomIn1 !important; } .ant-input-textarea-status-error .ant-input-feedback-icon { color: #ff4d4f; } .ant-input-textarea-status-warning .ant-input-feedback-icon { color: #faad14; } .ant-input-textarea .ant-input-feedback-icon { position: absolute; top: 0; right: 11px; bottom: 0; z-index: 1; display: inline-flex; align-items: center; margin: auto; } .ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input { padding-right: 24px; } .ant-input-group-wrapper-status-error .ant-input-group-addon { color: #ff4d4f; border-color: #ff4d4f; } .ant-input-group-wrapper-status-warning .ant-input-group-addon { color: #faad14; border-color: #faad14; } .ant-input { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ } .ant-input::-moz-placeholder { opacity: 1; } .ant-input:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input:placeholder-shown { text-overflow: ellipsis; } .ant-input:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-input-rtl .ant-input:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input:focus, .ant-input-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-input:focus, .ant-input-rtl .ant-input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-borderless, .ant-input-borderless:hover, .ant-input-borderless:focus, .ant-input-borderless-focused, .ant-input-borderless-disabled, .ant-input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-sm { padding: 0px 7px; } .ant-input-rtl { direction: rtl; } .ant-input-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0; } .ant-input-group > [class*='col-'] { padding-right: 8px; } .ant-input-group > [class*='col-']:last-child { padding-right: 0; } .ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input { display: table-cell; } .ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-group-addon, .ant-input-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-group-wrap > * { display: block !important; } .ant-input-group .ant-input { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-group .ant-input:focus { z-index: 1; border-right-width: 1px; } .ant-input-group .ant-input:hover { z-index: 1; border-right-width: 1px; } .ant-input-search-with-button .ant-input-group .ant-input:hover { z-index: 0; } .ant-input-group-addon { position: relative; padding: 0 11px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input-group-addon .ant-select { margin: -5px -11px; } .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 1px solid transparent; box-shadow: none; } .ant-input-group-addon .ant-select-open .ant-select-selector, .ant-input-group-addon .ant-select-focused .ant-select-selector { color: #1890ff; } .ant-input-group-addon .ant-cascader-picker { margin: -9px -12px; background-color: transparent; } .ant-input-group-addon .ant-cascader-picker .ant-cascader-input { text-align: left; border: 0; box-shadow: none; } .ant-input-group > .ant-input:first-child, .ant-input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, .ant-input-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group-addon:first-child { border-right: 0; } .ant-input-group-addon:last-child { border-left: 0; } .ant-input-group > .ant-input:last-child, .ant-input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, .ant-input-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon { padding: 6.5px 11px; font-size: 16px; } .ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon { padding: 0px 7px; } .ant-input-group-lg .ant-select-single .ant-select-selector { height: 40px; } .ant-input-group-sm .ant-select-single .ant-select-selector { height: 24px; } .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group .ant-input-affix-wrapper:not(:first-child), .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group.ant-input-group-compact { display: block; } .ant-input-group.ant-input-group-compact::before { display: table; content: ''; } .ant-input-group.ant-input-group-compact::after { display: table; clear: both; content: ''; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-group.ant-input-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper { display: inline-flex; } .ant-input-group.ant-input-group-compact > .ant-picker-range { display: inline-flex; } .ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-group.ant-input-group-compact .ant-input { float: none; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 1px; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select-focused { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-left: -1px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 2px 0 0 2px; } .ant-input-group > .ant-input-rtl:first-child, .ant-input-group-rtl .ant-input-group-addon:first-child { border-radius: 0 2px 2px 0; } .ant-input-group-rtl .ant-input-group-addon:first-child { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-group-rtl .ant-input-group-addon:last-child { border-right: 0; border-left: 1px solid #d9d9d9; } .ant-input-group-rtl.ant-input-group > .ant-input:last-child, .ant-input-group-rtl.ant-input-group-addon:last-child { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: 0; margin-left: -1px; border-left-width: 1px; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-left-width: 1px; border-radius: 2px 0 0 2px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl { margin-right: -1px; margin-left: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 0 2px 2px 0; } .ant-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } .ant-input-password-icon { color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.3s; } .ant-input-password-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-input[type='color'] { height: 32px; } .ant-input[type='color'].ant-input-lg { height: 40px; } .ant-input[type='color'].ant-input-sm { height: 24px; padding-top: 3px; padding-bottom: 3px; } .ant-input-textarea-show-count > .ant-input { height: 100%; } .ant-input-textarea-show-count::after { float: right; color: rgba(0, 0, 0, 0.45); white-space: nowrap; content: attr(data-count); pointer-events: none; } .ant-input-search .ant-input:hover, .ant-input-search .ant-input:focus { border-color: #40a9ff; } .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-left-color: #40a9ff; } .ant-input-search .ant-input-affix-wrapper { border-radius: 0; } .ant-input-search .ant-input-lg { line-height: 1.5713; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child { left: -1px; padding: 0; border: 0; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { padding-top: 0; padding-bottom: 0; border-radius: 0 2px 2px 0; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) { color: rgba(0, 0, 0, 0.45); } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before { top: 0; right: 0; bottom: 0; left: 0; } .ant-input-search-button { height: 32px; } .ant-input-search-button:hover, .ant-input-search-button:focus { z-index: 1; } .ant-input-search-large .ant-input-search-button { height: 40px; } .ant-input-search-small .ant-input-search-button { height: 24px; } .ant-input-group-wrapper-rtl { direction: rtl; } .ant-input-group-rtl { direction: rtl; } .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input { border: none; outline: none; } .ant-input-affix-wrapper-rtl .ant-input-prefix { margin: 0 0 0 4px; } .ant-input-affix-wrapper-rtl .ant-input-suffix { margin: 0 4px 0 0; } .ant-input-textarea-rtl { direction: rtl; } .ant-input-textarea-rtl.ant-input-textarea-show-count::after { text-align: left; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix { margin-right: 0; margin-left: 4px; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon { right: auto; left: 8px; } .ant-input-search-rtl { direction: rtl; } .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-right-color: #40a9ff; border-left-color: #d9d9d9; } .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover, .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused { border-right-color: #40a9ff; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon { right: -1px; left: auto; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button { border-radius: 2px 0 0 2px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-input { height: 32px; } .ant-input-lg { height: 40px; } .ant-input-sm { height: 24px; } .ant-input-affix-wrapper > input.ant-input { height: auto; } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-btn { line-height: 1.5715; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 2px; color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: #fff; } .ant-btn > .anticon { line-height: 1; } .ant-btn, .ant-btn:active, .ant-btn:focus { outline: 0; } .ant-btn:not([disabled]):hover { text-decoration: none; } .ant-btn:not([disabled]):active { outline: 0; box-shadow: none; } .ant-btn[disabled] { cursor: not-allowed; } .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { height: 40px; padding: 6.4px 15px; font-size: 16px; border-radius: 2px; } .ant-btn-sm { height: 24px; padding: 0px 7px; font-size: 14px; border-radius: 2px; } .ant-btn > a:only-child { color: currentcolor; } .ant-btn > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus { color: #40a9ff; border-color: #40a9ff; background: #fff; } .ant-btn:hover > a:only-child, .ant-btn:focus > a:only-child { color: currentcolor; } .ant-btn:hover > a:only-child::after, .ant-btn:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:active { color: #096dd9; border-color: #096dd9; background: #fff; } .ant-btn:active > a:only-child { color: currentcolor; } .ant-btn:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn[disabled] > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn[disabled]:active > a:only-child { color: currentcolor; } .ant-btn[disabled] > a:only-child::after, .ant-btn[disabled]:hover > a:only-child::after, .ant-btn[disabled]:focus > a:only-child::after, .ant-btn[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active { text-decoration: none; background: #fff; } .ant-btn > span { display: inline-block; } .ant-btn-primary { color: #fff; border-color: #1890ff; background: #1890ff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:hover, .ant-btn-primary:focus { color: #fff; border-color: #40a9ff; background: #40a9ff; } .ant-btn-primary:hover > a:only-child, .ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-primary:hover > a:only-child::after, .ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:active { color: #fff; border-color: #096dd9; background: #096dd9; } .ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-primary[disabled] > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-primary[disabled] > a:only-child::after, .ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-right-color: #40a9ff; border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: #40a9ff; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary { border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-left-color: #d9d9d9; } .ant-btn-ghost { color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: transparent; } .ant-btn-ghost > a:only-child { color: currentcolor; } .ant-btn-ghost > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:hover, .ant-btn-ghost:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-ghost:hover > a:only-child, .ant-btn-ghost:focus > a:only-child { color: currentcolor; } .ant-btn-ghost:hover > a:only-child::after, .ant-btn-ghost:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-ghost:active > a:only-child { color: currentcolor; } .ant-btn-ghost:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost[disabled], .ant-btn-ghost[disabled]:hover, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-ghost[disabled] > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-ghost[disabled] > a:only-child::after, .ant-btn-ghost[disabled]:hover > a:only-child::after, .ant-btn-ghost[disabled]:focus > a:only-child::after, .ant-btn-ghost[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed { color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: #fff; border-style: dashed; } .ant-btn-dashed > a:only-child { color: currentcolor; } .ant-btn-dashed > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:hover, .ant-btn-dashed:focus { color: #40a9ff; border-color: #40a9ff; background: #fff; } .ant-btn-dashed:hover > a:only-child, .ant-btn-dashed:focus > a:only-child { color: currentcolor; } .ant-btn-dashed:hover > a:only-child::after, .ant-btn-dashed:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:active { color: #096dd9; border-color: #096dd9; background: #fff; } .ant-btn-dashed:active > a:only-child { color: currentcolor; } .ant-btn-dashed:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed[disabled], .ant-btn-dashed[disabled]:hover, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dashed[disabled] > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dashed[disabled] > a:only-child::after, .ant-btn-dashed[disabled]:hover > a:only-child::after, .ant-btn-dashed[disabled]:focus > a:only-child::after, .ant-btn-dashed[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger { color: #fff; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:hover, .ant-btn-danger:focus { color: #fff; border-color: #ff7875; background: #ff7875; } .ant-btn-danger:hover > a:only-child, .ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-danger:hover > a:only-child::after, .ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:active { color: #fff; border-color: #d9363e; background: #d9363e; } .ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger[disabled], .ant-btn-danger[disabled]:hover, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-danger[disabled] > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-danger[disabled] > a:only-child::after, .ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link { color: #1890ff; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover, .ant-btn-link:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-link:hover > a:only-child, .ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-link:hover > a:only-child::after, .ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover { background: transparent; } .ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active { border-color: transparent; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text { color: rgba(0, 0, 0, 0.85); border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:hover, .ant-btn-text:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-text:hover > a:only-child, .ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-text:hover > a:only-child::after, .ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:hover, .ant-btn-text:focus { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.018); border-color: transparent; } .ant-btn-text:active { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.028); border-color: transparent; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; background: #fff; } .ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous:hover, .ant-btn-dangerous:focus { color: #ff7875; border-color: #ff7875; background: #fff; } .ant-btn-dangerous:hover > a:only-child, .ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous:hover > a:only-child::after, .ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous:active { color: #d9363e; border-color: #d9363e; background: #fff; } .ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous[disabled], .ant-btn-dangerous[disabled]:hover, .ant-btn-dangerous[disabled]:focus, .ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous[disabled] > a:only-child, .ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary { color: #fff; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-dangerous.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary:hover, .ant-btn-dangerous.ant-btn-primary:focus { color: #fff; border-color: #ff7875; background: #ff7875; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary:active { color: #fff; border-color: #d9363e; background: #d9363e; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary[disabled], .ant-btn-dangerous.ant-btn-primary[disabled]:hover, .ant-btn-dangerous.ant-btn-primary[disabled]:focus, .ant-btn-dangerous.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link { color: #ff4d4f; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:active { color: #d9363e; border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text { color: #ff4d4f; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #ff7875; border-color: transparent; background: rgba(0, 0, 0, 0.018); } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:active { color: #d9363e; border-color: transparent; background: rgba(0, 0, 0, 0.028); } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-icon-only { width: 32px; height: 32px; padding: 2.4px 0; font-size: 16px; border-radius: 2px; vertical-align: -3px; } .ant-btn-icon-only > * { font-size: 16px; } .ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; padding: 4.9px 0; font-size: 18px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-lg > * { font-size: 18px; } .ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; padding: 0px 0; font-size: 14px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-sm > * { font-size: 14px; } .ant-btn-icon-only > .anticon { display: flex; justify-content: center; } a.ant-btn-icon-only { vertical-align: -1px; } a.ant-btn-icon-only > .anticon { display: inline; } .ant-btn-round { height: 32px; padding: 4px 16px; font-size: 14px; border-radius: 32px; } .ant-btn-round.ant-btn-lg { height: 40px; padding: 6.4px 20px; font-size: 16px; border-radius: 40px; } .ant-btn-round.ant-btn-sm { height: 24px; padding: 0px 12px; font-size: 14px; border-radius: 24px; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle { min-width: 32px; padding-right: 0; padding-left: 0; text-align: center; border-radius: 50%; } .ant-btn-circle.ant-btn-lg { min-width: 40px; border-radius: 50%; } .ant-btn-circle.ant-btn-sm { min-width: 24px; border-radius: 50%; } .ant-btn::before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: none; background: #fff; border-radius: inherit; opacity: 0.35; transition: opacity 0.2s; content: ''; pointer-events: none; } .ant-btn .anticon { transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn .anticon.anticon-plus > svg, .ant-btn .anticon.anticon-minus > svg { shape-rendering: optimizespeed; } .ant-btn.ant-btn-loading { position: relative; cursor: default; } .ant-btn.ant-btn-loading::before { display: block; } .ant-btn > .ant-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn > .ant-btn-loading-icon .anticon { padding-right: 8px; -webkit-animation: none; animation: none; } .ant-btn > .ant-btn-loading-icon .anticon svg { -webkit-animation: loadingCircle 1s infinite linear; animation: loadingCircle 1s infinite linear; } .ant-btn > .ant-btn-loading-icon:only-child .anticon { padding-right: 0; } .ant-btn-group { position: relative; display: inline-flex; } .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn { position: relative; } .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > span > .ant-btn:active { z-index: 2; } .ant-btn-group > .ant-btn[disabled], .ant-btn-group > span > .ant-btn[disabled] { z-index: 0; } .ant-btn-group .ant-btn-icon-only { font-size: 14px; } .ant-btn-group-lg > .ant-btn, .ant-btn-group-lg > span > .ant-btn { height: 40px; padding: 6.4px 15px; font-size: 16px; border-radius: 0; } .ant-btn-group-lg .ant-btn.ant-btn-icon-only { width: 40px; height: 40px; padding-right: 0; padding-left: 0; } .ant-btn-group-sm > .ant-btn, .ant-btn-group-sm > span > .ant-btn { height: 24px; padding: 0px 7px; font-size: 14px; border-radius: 0; } .ant-btn-group-sm > .ant-btn > .anticon, .ant-btn-group-sm > span > .ant-btn > .anticon { font-size: 14px; } .ant-btn-group-sm .ant-btn.ant-btn-icon-only { width: 24px; height: 24px; padding-right: 0; padding-left: 0; } .ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group { margin-left: -1px; } .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn { margin-left: 0; } .ant-btn-group > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group-sm > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group > .ant-btn-group { float: left; } .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { padding-right: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { padding-left: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-rtl.ant-btn + .ant-btn-group, .ant-btn-rtl.ant-btn-group span + .ant-btn, .ant-btn-rtl.ant-btn-group .ant-btn + span, .ant-btn-rtl.ant-btn-group > span + span, .ant-btn-rtl.ant-btn-group + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-group-rtl.ant-btn + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group span + .ant-btn, .ant-btn-group-rtl.ant-btn-group .ant-btn + span, .ant-btn-group-rtl.ant-btn-group > span + span, .ant-btn-group-rtl.ant-btn-group + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn-group { margin-right: -1px; margin-left: auto; } .ant-btn-group.ant-btn-group-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-radius: 0 2px 2px 0; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0 0 2px; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-radius: 0 2px 2px 0; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0 0 2px; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 8px; } .ant-btn.ant-btn-background-ghost { color: #fff; border-color: #fff; } .ant-btn.ant-btn-background-ghost, .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:active, .ant-btn.ant-btn-background-ghost:focus { background: transparent; } .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:focus { color: #40a9ff; border-color: #40a9ff; } .ant-btn.ant-btn-background-ghost:active { color: #096dd9; border-color: #096dd9; } .ant-btn.ant-btn-background-ghost[disabled] { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: #d9d9d9; } .ant-btn-background-ghost.ant-btn-primary { color: #1890ff; border-color: #1890ff; text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus { color: #40a9ff; border-color: #40a9ff; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:active { color: #096dd9; border-color: #096dd9; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus { color: #ff7875; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:active { color: #d9363e; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous:hover, .ant-btn-background-ghost.ant-btn-dangerous:focus { color: #ff7875; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous:active { color: #d9363e; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous[disabled], .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { color: #ff4d4f; border-color: transparent; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { color: #d9363e; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } .ant-btn-two-chinese-chars > *:not(.anticon) { margin-right: -0.34em; letter-spacing: 0.34em; } .ant-btn.ant-btn-block { width: 100%; } .ant-btn:empty { display: inline-block; width: 0; visibility: hidden; content: '\A0'; } a.ant-btn { padding-top: 0.01px !important; line-height: 30px; } a.ant-btn-lg { line-height: 38px; } a.ant-btn-sm { line-height: 22px; } .ant-btn-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary { border-right-color: #40a9ff; border-left-color: #d9d9d9; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-right-color: #d9d9d9; border-left-color: #40a9ff; } .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon { padding-right: 0; padding-left: 8px; } .ant-btn > .ant-btn-loading-icon:only-child .anticon { padding-right: 0; padding-left: 0; } .ant-btn-rtl.ant-btn > .anticon + span, .ant-btn-rtl.ant-btn > span + .anticon { margin-right: 8px; margin-left: 0; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-select-single .ant-select-selector { display: flex; } .ant-select-single .ant-select-selector .ant-select-selection-search { position: absolute; top: 0; right: 11px; bottom: 0; left: 11px; } .ant-select-single .ant-select-selector .ant-select-selection-search-input { width: 100%; } .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 30px; transition: all 0.3s; } @supports (-moz-appearance: meterbar) { .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { line-height: 30px; } } .ant-select-single .ant-select-selector .ant-select-selection-item { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-single .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } .ant-select-single .ant-select-selector::after, .ant-select-single .ant-select-selector .ant-select-selection-item::after, .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after { display: inline-block; width: 0; visibility: hidden; content: '\A0'; } .ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 25px; } .ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 18px; } .ant-select-single.ant-select-open .ant-select-selection-item { color: #bfbfbf; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { width: 100%; height: 32px; padding: 0 11px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 30px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after { line-height: 30px; } .ant-select-single.ant-select-customize-input .ant-select-selector::after { display: none; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; right: 0; left: 0; padding: 0 11px; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after { display: none; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { height: 40px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 38px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 38px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { height: 24px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search { right: 7px; left: 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { padding: 0 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 28px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 21px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { padding: 0 11px; } /** * Do not merge `height` & `line-height` under style with `selection` & `search`, * since chrome may update to redesign with its align logic. */ .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } .ant-select-selection-overflow-item { flex: none; align-self: center; max-width: 100%; } .ant-select-multiple .ant-select-selector { display: flex; flex-wrap: wrap; align-items: center; padding: 1px 4px; } .ant-select-show-search.ant-select-multiple .ant-select-selector { cursor: text; } .ant-select-disabled.ant-select-multiple .ant-select-selector { background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple .ant-select-selector::after { display: inline-block; width: 0; margin: 2px 0; line-height: 24px; content: '\A0'; } .ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 24px; } .ant-select-multiple .ant-select-selection-item { position: relative; display: flex; flex: none; box-sizing: border-box; max-width: 100%; height: 24px; margin-top: 2px; margin-bottom: 2px; line-height: 22px; background: #f5f5f5; border: 1px solid #f0f0f0; border-radius: 2px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-margin-end: 4px; margin-inline-end: 4px; -webkit-padding-start: 8px; padding-inline-start: 8px; -webkit-padding-end: 4px; padding-inline-end: 4px; } .ant-select-disabled.ant-select-multiple .ant-select-selection-item { color: #bfbfbf; border-color: #d9d9d9; cursor: not-allowed; } .ant-select-multiple .ant-select-selection-item-content { display: inline-block; margin-right: 4px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } .ant-select-multiple .ant-select-selection-item-remove { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: rgba(0, 0, 0, 0.45); font-weight: bold; font-size: 10px; line-height: inherit; cursor: pointer; } .ant-select-multiple .ant-select-selection-item-remove > * { line-height: 1; } .ant-select-multiple .ant-select-selection-item-remove svg { display: inline-block; } .ant-select-multiple .ant-select-selection-item-remove::before { display: none; } .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon { display: block; } .ant-select-multiple .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } .ant-select-multiple .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search { -webkit-margin-start: 0; margin-inline-start: 0; } .ant-select-multiple .ant-select-selection-search { position: relative; max-width: 100%; -webkit-margin-start: 7px; margin-inline-start: 7px; } .ant-select-multiple .ant-select-selection-search-input, .ant-select-multiple .ant-select-selection-search-mirror { height: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 24px; transition: all 0.3s; } .ant-select-multiple .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } .ant-select-multiple .ant-select-selection-search-mirror { position: absolute; top: 0; left: 0; z-index: 999; white-space: pre; visibility: hidden; } .ant-select-multiple .ant-select-selection-placeholder { position: absolute; top: 50%; right: 11px; left: 11px; transform: translateY(-50%); transition: all 0.3s; } .ant-select-multiple.ant-select-lg .ant-select-selector::after { line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search { height: 32px; line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search-input, .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-sm .ant-select-selector::after { line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-item { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { height: 16px; line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search-input, .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { left: 7px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { -webkit-margin-start: 3px; margin-inline-start: 3px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 32px; } .ant-select-disabled .ant-select-selection-item-remove { display: none; } .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector { background-color: #fff; border-color: #ff4d4f !important; } .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-select-status-error .ant-select-feedback-icon { color: #ff4d4f; } .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector { background-color: #fff; border-color: #faad14 !important; } .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-select-status-warning .ant-select-feedback-icon { color: #faad14; } .ant-select-status-success .ant-select-feedback-icon { color: #52c41a; } .ant-select-status-validating .ant-select-feedback-icon { color: #1890ff; } .ant-select-status-error.ant-select-has-feedback .ant-select-clear, .ant-select-status-warning.ant-select-has-feedback .ant-select-clear, .ant-select-status-success.ant-select-has-feedback .ant-select-clear, .ant-select-status-validating.ant-select-has-feedback .ant-select-clear { right: 32px; } .ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value { padding-right: 42px; } .ant-select-feedback-icon { font-size: 14px; text-align: center; visibility: visible; -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); pointer-events: none; } .ant-select-feedback-icon:not(:first-child) { margin-left: 8px; } /* Reset search input style */ .ant-select { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; cursor: pointer; } .ant-select:not(.ant-select-customize-input) .ant-select-selector { position: relative; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: pointer; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector { cursor: text; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: auto; } .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { background: #f5f5f5; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: not-allowed; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { margin: 0; padding: 0; background: transparent; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button { display: none; /* stylelint-disable-next-line property-no-vendor-prefix */ -webkit-appearance: none; } .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: #40a9ff; border-right-width: 1px; } .ant-select-selection-item { flex: 1; overflow: hidden; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; } @media all and (-ms-high-contrast: none) { .ant-select-selection-item *::-ms-backdrop, .ant-select-selection-item { flex: auto; } } .ant-select-selection-placeholder { flex: 1; overflow: hidden; color: #bfbfbf; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } @media all and (-ms-high-contrast: none) { .ant-select-selection-placeholder *::-ms-backdrop, .ant-select-selection-placeholder { flex: auto; } } .ant-select-arrow { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 11px; display: flex; align-items: center; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 1; text-align: center; pointer-events: none; } .ant-select-arrow > * { line-height: 1; } .ant-select-arrow svg { display: inline-block; } .ant-select-arrow::before { display: none; } .ant-select-arrow .ant-select-arrow-icon { display: block; } .ant-select-arrow .anticon { vertical-align: top; transition: transform 0.3s; } .ant-select-arrow .anticon > svg { vertical-align: top; } .ant-select-arrow .anticon:not(.ant-select-suffix) { pointer-events: auto; } .ant-select-disabled .ant-select-arrow { cursor: not-allowed; } .ant-select-clear { position: absolute; top: 50%; right: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; font-style: normal; line-height: 1; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; transition: color 0.3s ease, opacity 0.15s ease; text-rendering: auto; } .ant-select-clear::before { display: block; } .ant-select-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-select:hover .ant-select-clear { opacity: 1; } .ant-select-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; padding: 4px 0; overflow: hidden; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-empty { color: rgba(0, 0, 0, 0.25); } .ant-select-item-empty { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.25); } .ant-select-item { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: background 0.3s ease; } .ant-select-item-group { color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: default; } .ant-select-item-option { display: flex; } .ant-select-item-option-content { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-item-option-state { flex: none; } .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background-color: #f5f5f5; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: rgba(0, 0, 0, 0.85); font-weight: 600; background-color: #e6f7ff; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state { color: #1890ff; } .ant-select-item-option-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-item-option-disabled.ant-select-item-option-selected { background-color: #f5f5f5; } .ant-select-item-option-grouped { padding-left: 24px; } .ant-select-lg { font-size: 16px; } .ant-select-borderless .ant-select-selector { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-select-rtl { direction: rtl; } .ant-select-rtl .ant-select-arrow { right: initial; left: 11px; } .ant-select-rtl .ant-select-clear { right: initial; left: 11px; } .ant-select-dropdown-rtl { direction: rtl; } .ant-select-dropdown-rtl .ant-select-item-option-grouped { padding-right: 24px; padding-left: 12px; } .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 4px; padding-left: 24px; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item { text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content { margin-right: 0; margin-left: 4px; text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror { right: 0; left: auto; } .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder { right: 11px; left: auto; } .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { right: 7px; } .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder { right: 0; left: 9px; text-align: right; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 11px; left: 25px; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 18px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 6px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 21px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-empty { margin: 0 8px; font-size: 14px; line-height: 1.5715; text-align: center; } .ant-empty-image { height: 100px; margin-bottom: 8px; } .ant-empty-image img { height: 100%; } .ant-empty-image svg { height: 100%; margin: auto; } .ant-empty-footer { margin-top: 16px; } .ant-empty-normal { margin: 32px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-normal .ant-empty-image { height: 40px; } .ant-empty-small { margin: 8px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-small .ant-empty-image { height: 35px; } .ant-empty-img-default-ellipse { fill: #f5f5f5; fill-opacity: 0.8; } .ant-empty-img-default-path-1 { fill: #aeb8c2; } .ant-empty-img-default-path-2 { fill: url('#linearGradient-1'); } .ant-empty-img-default-path-3 { fill: #f5f5f7; } .ant-empty-img-default-path-4 { fill: #dce0e6; } .ant-empty-img-default-path-5 { fill: #dce0e6; } .ant-empty-img-default-g { fill: #fff; } .ant-empty-img-simple-ellipse { fill: #f5f5f5; } .ant-empty-img-simple-g { stroke: #d9d9d9; } .ant-empty-img-simple-path { fill: #fafafa; } .ant-empty-rtl { direction: rtl; } .ming.Checkbox { display: block; cursor: pointer; } .ming.Checkbox.flexRow { display: flex; } .ming.Checkbox span { vertical-align: middle; } .ming.Checkbox .Checkbox-box { display: inline-block; box-sizing: border-box; width: 18px; height: 18px; border-radius: 2px; border: 1px solid transparent; position: relative; vertical-align: middle; margin-right: 8px; } .ming.Checkbox .Checkbox-box > i.icon { display: inline-block; font-size: 14px; color: #fff; line-height: 16px; width: 16px; text-align: center; vertical-align: top; } .ming.Checkbox .Checkbox-box--small { width: 14px; height: 14px; } .ming.Checkbox .Checkbox-box--small > i.icon { font-size: 12px; line-height: 12px; width: 12px; } .ming.Checkbox.indeterminate .Checkbox-box.Checkbox-box--small:after { width: 6px; height: 5px; } .ming.Checkbox.clearselected .Checkbox-box { background-color: #2196f3 !important; border-color: #2196f3 !important; } .ming.Checkbox.clearselected .Checkbox-box:hover { background-color: #2182f3 !important; border-color: #2182f3 !important; } .ming.Checkbox.clearselected .Checkbox-box > i.icon { display: inline-block; } .ming.Checkbox.indeterminate .Checkbox-box:after { content: ''; display: inline-block; position: absolute; background-color: #1e88e5; transform: translate(-50%, -50%) scale(1); top: 50%; left: 50%; width: 8px; height: 8px; } .ming.Checkbox.checked .Checkbox-box { background-color: #1e88e5; } .ming.Checkbox.checked .Checkbox-box > i.icon { display: inline-block; } .ming.Checkbox:not(.checked) .Checkbox-box { background-color: #fff; border: 1px solid #bdbdbd; } .ming.Checkbox:not(.checked):not(.Checkbox--disabled) .Checkbox-box:hover { border-color: #9e9e9e; } .ming.Checkbox.Checkbox--light .Checkbox-box { background-color: #fff; } .ming.Checkbox.Checkbox--light.checked .Checkbox-box { color: #1e88e5; border-color: #1e88e5; } .ming.Checkbox.Checkbox--light.checked .Checkbox-box > i.icon { color: #1e88e5; } .ming.Checkbox.Checkbox--light.Checkbox--disabled { color: #9e9e9e; cursor: default; } .ming.Checkbox.Checkbox--light.Checkbox--disabled.checked .Checkbox-box > i.icon { color: #9e9e9e; } .ming.Checkbox.Checkbox--light.Checkbox--disabled .Checkbox-box { border-color: #ddd; background-color: #f5f5f5; } .ming.Checkbox.Checkbox--light.Checkbox--disabled.checked .Checkbox-box { background-color: #f5f5f5; } .ming.Checkbox.Checkbox--disabled { color: #9e9e9e; cursor: default; } .ming.Checkbox.Checkbox--disabled .Checkbox-box { border-color: #ddd; background-color: #f5f5f5; } .ming.Checkbox.Checkbox--disabled.checked .Checkbox-box { background-color: #bdbdbd; } .am-icon { fill: currentColor; background-size: cover; width: 22px; height: 22px; } .am-icon-xxs { width: 15px; height: 15px; } .am-icon-xs { width: 18px; height: 18px; } .am-icon-sm { width: 21px; height: 21px; } .am-icon-md { width: 22px; height: 22px; } .am-icon-lg { width: 36px; height: 36px; } .am-icon-loading { -webkit-animation: cirle-anim 1s linear infinite; animation: cirle-anim 1s linear infinite; } @-webkit-keyframes cirle-anim { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes cirle-anim { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .am-button { display: block; outline: 0 none; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; text-align: center; font-size: 18px; height: 47px; line-height: 47px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; white-space: nowrap; color: #000; background-color: #fff; border: 1PX solid #ddd; border-radius: 5px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-button { position: relative; border: none; } html:not([data-scale]) .am-button::before { content: ''; position: absolute; left: 0; top: 0; width: 200%; height: 200%; border: 1PX solid #ddd; border-radius: 10px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } } .am-button-borderfix:before { -webkit-transform: scale(0.49) !important; -ms-transform: scale(0.49) !important; transform: scale(0.49) !important; } .am-button.am-button-active { background-color: #ddd; } .am-button.am-button-disabled { color: rgba(0, 0, 0, 0.3); opacity: 0.6; } .am-button-primary { color: #fff; background-color: #108ee9; border: 1PX solid #108ee9; border-radius: 5px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-button-primary { position: relative; border: none; } html:not([data-scale]) .am-button-primary::before { content: ''; position: absolute; left: 0; top: 0; width: 200%; height: 200%; border: 1PX solid #108ee9; border-radius: 10px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } } .am-button-primary.am-button-active { color: rgba(255, 255, 255, 0.3); background-color: #0e80d2; } .am-button-primary.am-button-disabled { color: rgba(255, 255, 255, 0.6); opacity: 0.4; } .am-button-ghost { color: #108ee9; background-color: transparent; border: 1PX solid #108ee9; border-radius: 5px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-button-ghost { position: relative; border: none; } html:not([data-scale]) .am-button-ghost::before { content: ''; position: absolute; left: 0; top: 0; width: 200%; height: 200%; border: 1PX solid #108ee9; border-radius: 10px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } } .am-button-ghost.am-button-active { color: rgba(16, 142, 233, 0.6); background-color: transparent; border: 1PX solid rgba(16, 142, 233, 0.6); border-radius: 5px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-button-ghost.am-button-active { position: relative; border: none; } html:not([data-scale]) .am-button-ghost.am-button-active::before { content: ''; position: absolute; left: 0; top: 0; width: 200%; height: 200%; border: 1PX solid rgba(16, 142, 233, 0.6); border-radius: 10px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } } .am-button-ghost.am-button-disabled { color: rgba(0, 0, 0, 0.1); border: 1PX solid rgba(0, 0, 0, 0.1); border-radius: 5px; opacity: 1; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-button-ghost.am-button-disabled { position: relative; border: none; } html:not([data-scale]) .am-button-ghost.am-button-disabled::before { content: ''; position: absolute; left: 0; top: 0; width: 200%; height: 200%; border: 1PX solid rgba(0, 0, 0, 0.1); border-radius: 10px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } } .am-button-warning { color: #fff; background-color: #e94f4f; } .am-button-warning.am-button-active { color: rgba(255, 255, 255, 0.3); background-color: #d24747; } .am-button-warning.am-button-disabled { color: rgba(255, 255, 255, 0.6); opacity: 0.4; } .am-button-inline { display: inline-block; padding: 0 15px; } .am-button-inline.am-button-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .am-button-small { font-size: 13px; height: 30px; line-height: 30px; padding: 0 15px; } .am-button-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .am-button > .am-button-icon { margin-right: 0.5em; } .am-list-header { padding: 15px 15px 9px 15px; font-size: 14px; color: #888; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .am-list-footer { padding: 9px 15px 15px 15px; font-size: 14px; color: #888; } .am-list-body { position: relative; background-color: #fff; border-top: 1PX solid #ddd; border-bottom: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-list-body { border-top: none; } html:not([data-scale]) .am-list-body::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-list-body::before { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-list-body { border-bottom: none; } html:not([data-scale]) .am-list-body::after { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-list-body::after { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-list-body div:not(:last-child) .am-list-line { border-bottom: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line { border-bottom: none; } html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line::after { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line::after { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-list-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 15px; min-height: 44px; background-color: #fff; vertical-align: middle; overflow: hidden; -webkit-transition: background-color 200ms; transition: background-color 200ms; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /* list左图片显示*/ } .am-list-item .am-list-ripple { position: absolute; background: transparent; display: inline-block; overflow: hidden; will-change: box-shadow, transform; -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); outline: none; cursor: pointer; border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .am-list-item .am-list-ripple.am-list-ripple-animate { background-color: rgba(158, 158, 158, 0.2); -webkit-animation: ripple 1s linear; animation: ripple 1s linear; } .am-list-item.am-list-item-top .am-list-line { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .am-list-item.am-list-item-top .am-list-line .am-list-arrow { margin-top: 2px; } .am-list-item.am-list-item-middle .am-list-line { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .am-list-item.am-list-item-bottom .am-list-line { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .am-list-item.am-list-item-error .am-list-line .am-list-extra { color: #f50; } .am-list-item.am-list-item-error .am-list-line .am-list-extra .am-list-brief { color: #f50; } .am-list-item.am-list-item-active { background-color: #ddd; } .am-list-item.am-list-item-disabled .am-list-line .am-list-content, .am-list-item.am-list-item-disabled .am-list-line .am-list-extra { color: #bbb; } .am-list-item img { width: 22px; height: 22px; vertical-align: middle; } .am-list-item .am-list-thumb:first-child { margin-right: 15px; } .am-list-item .am-list-thumb:last-child { margin-left: 8px; } .am-list-item .am-list-line { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; padding-right: 15px; overflow: hidden; /* list左侧主内容*/ /* list右补充内容*/ /* 辅助性文字*/ /* list右侧箭头*/ } .am-list-item .am-list-line .am-list-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #000; font-size: 17px; line-height: 1.5; text-align: left; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 7px; padding-bottom: 7px; } .am-list-item .am-list-line .am-list-extra { -webkit-flex-basis: 36%; -ms-flex-preferred-size: 36%; flex-basis: 36%; color: #888; font-size: 16px; line-height: 1.5; text-align: right; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 7px; padding-bottom: 7px; } .am-list-item .am-list-line .am-list-title { width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .am-list-item .am-list-line .am-list-brief { color: #888; font-size: 15px; line-height: 1.5; margin-top: 6px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .am-list-item .am-list-line .am-list-arrow { display: block; width: 15px; height: 15px; margin-left: 8px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; visibility: hidden; } .am-list-item .am-list-line .am-list-arrow-horizontal { visibility: visible; } .am-list-item .am-list-line .am-list-arrow-vertical { visibility: visible; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .am-list-item .am-list-line .am-list-arrow-vertical-up { visibility: visible; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .am-list-item .am-list-line-multiple { padding: 12.5px 15px 12.5px 0; } .am-list-item .am-list-line-multiple .am-list-content { padding-top: 0; padding-bottom: 0; } .am-list-item .am-list-line-multiple .am-list-extra { padding-top: 0; padding-bottom: 0; } .am-list-item .am-list-line-wrap .am-list-content { white-space: normal; } .am-list-item .am-list-line-wrap .am-list-extra { white-space: normal; } .am-list-item select { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; font-size: 17px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } @keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } .mobileCheckboxBtnsWrapper { height: 50px; border-top: 1px solid #f5f5f5; } .mobileCheckboxBtnsWrapper .am-button { height: 36px; line-height: 36px; } .mobileCheckboxBtnsWrapper .am-button-primary:hover { color: #fff; } .mobileCheckboxBtnsWrapper .am-button, .mobileCheckboxBtnsWrapper .am-button::before, .mobileCheckboxBtnsWrapper .am-button-active::before { border-radius: 50px !important; } .mobileCheckboxSearchWrapper { background-color: #f2f2f3; margin: 12px 15px 6px; display: flex; align-items: center; border-radius: 24px; padding: 7px 10px; } .mobileCheckboxSearchWrapper input { border: none; background: transparent; } .mobileCheckboxDialog .ming.Radio { margin-right: 8px !important; } .mobileCheckboxDialog .am-list-body div:last-child .am-list-line::after { width: 0; height: 0; } .otherInputHeight textarea { height: 36px !important; line-height: 36px !important; min-height: 36px !important; overflow: hidden; padding: 0px 11px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-picker-status-error.ant-picker, .ant-picker-status-error.ant-picker:not([disabled]):hover { background-color: #fff; border-color: #ff4d4f; } .ant-picker-status-error.ant-picker-focused, .ant-picker-status-error.ant-picker:focus { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-picker-status-error .ant-picker-feedback-icon { color: #ff4d4f; } .ant-picker-status-warning.ant-picker, .ant-picker-status-warning.ant-picker:not([disabled]):hover { background-color: #fff; border-color: #faad14; } .ant-picker-status-warning.ant-picker-focused, .ant-picker-status-warning.ant-picker:focus { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-picker-status-warning .ant-picker-feedback-icon { color: #faad14; } .ant-picker-status-validating .ant-picker-feedback-icon { display: inline-block; color: #1890ff; } .ant-picker-status-success .ant-picker-feedback-icon { color: #52c41a; -webkit-animation-name: diffZoomIn1 !important; animation-name: diffZoomIn1 !important; } .ant-picker { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; padding: 4px 11px 4px; position: relative; display: inline-flex; align-items: center; background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; transition: border 0.3s, box-shadow 0.3s; } .ant-picker:hover, .ant-picker-focused { border-color: #40a9ff; border-right-width: 1px; } .ant-picker-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-picker.ant-picker-disabled { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-picker.ant-picker-disabled .ant-picker-suffix { color: rgba(0, 0, 0, 0.25); } .ant-picker.ant-picker-borderless { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-picker-input { position: relative; display: inline-flex; align-items: center; width: 100%; } .ant-picker-input > input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ flex: auto; min-width: 1px; height: auto; padding: 0; background: transparent; border: 0; } .ant-picker-input > input::-moz-placeholder { opacity: 1; } .ant-picker-input > input:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-picker-input > input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-picker-input > input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-picker-input > input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-picker-input > input:placeholder-shown { text-overflow: ellipsis; } .ant-picker-input > input:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-picker-input > input:focus, .ant-picker-input > input-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-picker-input > input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-picker-input > input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-picker-input > input-borderless, .ant-picker-input > input-borderless:hover, .ant-picker-input > input-borderless:focus, .ant-picker-input > input-borderless-focused, .ant-picker-input > input-borderless-disabled, .ant-picker-input > input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-picker-input > input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-picker-input > input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-picker-input > input-sm { padding: 0px 7px; } .ant-picker-input > input:focus { box-shadow: none; } .ant-picker-input > input[disabled] { background: transparent; } .ant-picker-input:hover .ant-picker-clear { opacity: 1; } .ant-picker-input-placeholder > input { color: #bfbfbf; } .ant-picker-large { padding: 6.5px 11px 6.5px; } .ant-picker-large .ant-picker-input > input { font-size: 16px; } .ant-picker-small { padding: 0px 7px 0px; } .ant-picker-suffix { display: flex; flex: none; align-self: center; margin-left: 4px; color: rgba(0, 0, 0, 0.25); line-height: 1; pointer-events: none; } .ant-picker-suffix > * { vertical-align: top; } .ant-picker-suffix > *:not(:last-child) { margin-right: 8px; } .ant-picker-clear { position: absolute; top: 50%; right: 0; color: rgba(0, 0, 0, 0.25); line-height: 1; background: #fff; transform: translateY(-50%); cursor: pointer; opacity: 0; transition: opacity 0.3s, color 0.3s; } .ant-picker-clear > * { vertical-align: top; } .ant-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-picker-separator { position: relative; display: inline-block; width: 1em; height: 16px; color: rgba(0, 0, 0, 0.25); font-size: 16px; vertical-align: top; cursor: default; } .ant-picker-focused .ant-picker-separator { color: rgba(0, 0, 0, 0.45); } .ant-picker-disabled .ant-picker-range-separator .ant-picker-separator { cursor: not-allowed; } .ant-picker-range { position: relative; display: inline-flex; } .ant-picker-range .ant-picker-clear { right: 11px; } .ant-picker-range:hover .ant-picker-clear { opacity: 1; } .ant-picker-range .ant-picker-active-bar { bottom: -1px; height: 2px; margin-left: 11px; background: #1890ff; opacity: 0; transition: all 0.3s ease-out; pointer-events: none; } .ant-picker-range.ant-picker-focused .ant-picker-active-bar { opacity: 1; } .ant-picker-range-separator { align-items: center; padding: 0 8px; line-height: 1; } .ant-picker-range.ant-picker-small .ant-picker-clear { right: 7px; } .ant-picker-range.ant-picker-small .ant-picker-active-bar { margin-left: 7px; } .ant-picker-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1050; } .ant-picker-dropdown-hidden { display: none; } .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow { top: 1.7px; display: block; transform: rotate(-135deg) translateY(1px); } .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow { bottom: 1.7px; display: block; transform: rotate(45deg); } .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-picker-dropdown-range { padding: 4px 0; } .ant-picker-dropdown-range-hidden { display: none; } .ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel { padding-top: 4px; } .ant-picker-ranges { margin-bottom: 0; padding: 4px 12px; overflow: hidden; line-height: 34px; text-align: left; list-style: none; } .ant-picker-ranges > li { display: inline-block; } .ant-picker-ranges .ant-picker-preset > .ant-tag-blue { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; cursor: pointer; } .ant-picker-ranges .ant-picker-ok { float: right; margin-left: 8px; } .ant-picker-range-wrapper { display: flex; } .ant-picker-range-arrow { position: absolute; z-index: 1; display: none; width: 6px; height: 6px; margin-left: 16.5px; background: linear-gradient(135deg, transparent 40%, #fff 40%); box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1); transition: left 0.3s ease-out; border-radius: 0 0 2px 0; pointer-events: none; } .ant-picker-range-arrow::before { position: absolute; top: -6px; left: -6px; width: 18px; height: 18px; background: linear-gradient(to left, #fff 50%, #fff 50%) no-repeat -5px -5px; content: ''; -webkit-clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 Z'); clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 Z'); } .ant-picker-panel-container { overflow: hidden; vertical-align: top; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); transition: margin 0.3s; } .ant-picker-panel-container .ant-picker-panels { display: inline-flex; flex-wrap: nowrap; direction: ltr; } .ant-picker-panel-container .ant-picker-panel { vertical-align: top; background: transparent; border-width: 0 0 1px 0; border-radius: 0; } .ant-picker-panel-container .ant-picker-panel .ant-picker-content, .ant-picker-panel-container .ant-picker-panel table { text-align: center; } .ant-picker-panel-container .ant-picker-panel-focused { border-color: #f0f0f0; } .ant-picker-panel { display: inline-flex; flex-direction: column; text-align: center; background: #fff; border: 1px solid #f0f0f0; border-radius: 2px; outline: none; } .ant-picker-panel-focused { border-color: #1890ff; } .ant-picker-decade-panel, .ant-picker-year-panel, .ant-picker-quarter-panel, .ant-picker-month-panel, .ant-picker-week-panel, .ant-picker-date-panel, .ant-picker-time-panel { display: flex; flex-direction: column; width: 280px; } .ant-picker-header { display: flex; padding: 0 8px; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid #f0f0f0; } .ant-picker-header > * { flex: none; } .ant-picker-header button { padding: 0; color: rgba(0, 0, 0, 0.25); line-height: 40px; background: transparent; border: 0; cursor: pointer; transition: color 0.3s; } .ant-picker-header > button { min-width: 1.6em; font-size: 14px; } .ant-picker-header > button:hover { color: rgba(0, 0, 0, 0.85); } .ant-picker-header-view { flex: auto; font-weight: 500; line-height: 40px; } .ant-picker-header-view button { color: inherit; font-weight: inherit; } .ant-picker-header-view button:not(:first-child) { margin-left: 8px; } .ant-picker-header-view button:hover { color: #1890ff; } .ant-picker-prev-icon, .ant-picker-next-icon, .ant-picker-super-prev-icon, .ant-picker-super-next-icon { position: relative; display: inline-block; width: 7px; height: 7px; } .ant-picker-prev-icon::before, .ant-picker-next-icon::before, .ant-picker-super-prev-icon::before, .ant-picker-super-next-icon::before { position: absolute; top: 0; left: 0; display: inline-block; width: 7px; height: 7px; border: 0 solid currentcolor; border-width: 1.5px 0 0 1.5px; content: ''; } .ant-picker-super-prev-icon::after, .ant-picker-super-next-icon::after { position: absolute; top: 4px; left: 4px; display: inline-block; width: 7px; height: 7px; border: 0 solid currentcolor; border-width: 1.5px 0 0 1.5px; content: ''; } .ant-picker-prev-icon, .ant-picker-super-prev-icon { transform: rotate(-45deg); } .ant-picker-next-icon, .ant-picker-super-next-icon { transform: rotate(135deg); } .ant-picker-content { width: 100%; table-layout: fixed; border-collapse: collapse; } .ant-picker-content th, .ant-picker-content td { position: relative; min-width: 24px; font-weight: 400; } .ant-picker-content th { height: 30px; color: rgba(0, 0, 0, 0.85); line-height: 30px; } .ant-picker-cell { padding: 3px 0; color: rgba(0, 0, 0, 0.25); cursor: pointer; } .ant-picker-cell-in-view { color: rgba(0, 0, 0, 0.85); } .ant-picker-cell::before { position: absolute; top: 50%; right: 0; left: 0; z-index: 1; height: 24px; transform: translateY(-50%); transition: all 0.3s; content: ''; } .ant-picker-cell .ant-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border-radius: 2px; transition: background 0.3s, border 0.3s; } .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { background: #f5f5f5; } .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border: 1px solid #1890ff; border-radius: 2px; content: ''; } .ant-picker-cell-in-view.ant-picker-cell-in-range { position: relative; } .ant-picker-cell-in-view.ant-picker-cell-in-range::before { background: #e6f7ff; } .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner { color: #fff; background: #1890ff; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { background: #e6f7ff; } .ant-picker-cell-in-view.ant-picker-cell-range-start::before { left: 50%; } .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 50%; } .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after { position: absolute; top: 50%; z-index: 0; height: 24px; border-top: 1px dashed #7ec1ff; border-bottom: 1px dashed #7ec1ff; transform: translateY(-50%); transition: all 0.3s; content: ''; } .ant-picker-cell-range-hover-start::after, .ant-picker-cell-range-hover-end::after, .ant-picker-cell-range-hover::after { right: 0; left: 2px; } .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { background: #cbe6ff; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 2px 0 0 2px; } .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 0 2px 2px 0; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after, .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { position: absolute; top: 0; bottom: 0; z-index: -1; background: #cbe6ff; transition: all 0.3s; content: ''; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { right: -6px; left: 0; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { right: 0; left: -6px; } .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { right: 50%; } .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { left: 50%; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { left: 6px; border-left: 1px dashed #7ec1ff; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 6px; border-right: 1px dashed #7ec1ff; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-picker-cell-disabled { color: rgba(0, 0, 0, 0.25); pointer-events: none; } .ant-picker-cell-disabled .ant-picker-cell-inner { background: transparent; } .ant-picker-cell-disabled::before { background: rgba(0, 0, 0, 0.04); } .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: rgba(0, 0, 0, 0.25); } .ant-picker-decade-panel .ant-picker-content, .ant-picker-year-panel .ant-picker-content, .ant-picker-quarter-panel .ant-picker-content, .ant-picker-month-panel .ant-picker-content { height: 264px; } .ant-picker-decade-panel .ant-picker-cell-inner, .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner { padding: 0 8px; } .ant-picker-quarter-panel .ant-picker-content { height: 56px; } .ant-picker-footer { width: -webkit-min-content; width: -moz-min-content; width: min-content; min-width: 100%; line-height: 38px; text-align: center; border-bottom: 1px solid transparent; } .ant-picker-panel .ant-picker-footer { border-top: 1px solid #f0f0f0; } .ant-picker-footer-extra { padding: 0 12px; line-height: 38px; text-align: left; } .ant-picker-footer-extra:not(:last-child) { border-bottom: 1px solid #f0f0f0; } .ant-picker-now { text-align: left; } .ant-picker-today-btn { color: #1890ff; } .ant-picker-today-btn:hover { color: #40a9ff; } .ant-picker-today-btn:active { color: #096dd9; } .ant-picker-today-btn.ant-picker-today-btn-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-picker-decade-panel .ant-picker-cell-inner { padding: 0 4px; } .ant-picker-decade-panel .ant-picker-cell::before { display: none; } .ant-picker-year-panel .ant-picker-body, .ant-picker-quarter-panel .ant-picker-body, .ant-picker-month-panel .ant-picker-body { padding: 0 8px; } .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner { width: 60px; } .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { left: 14px; border-left: 1px dashed #7ec1ff; border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { right: 14px; border-right: 1px dashed #7ec1ff; border-radius: 0 2px 2px 0; } .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { right: 14px; border-right: 1px dashed #7ec1ff; border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { left: 14px; border-left: 1px dashed #7ec1ff; border-radius: 2px 0 0 2px; } .ant-picker-week-panel .ant-picker-body { padding: 8px 12px; } .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner { background: transparent !important; } .ant-picker-week-panel-row td { transition: background 0.3s; } .ant-picker-week-panel-row:hover td { background: #f5f5f5; } .ant-picker-week-panel-row-selected td, .ant-picker-week-panel-row-selected:hover td { background: #1890ff; } .ant-picker-week-panel-row-selected td.ant-picker-cell-week, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week { color: rgba(255, 255, 255, 0.5); } .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: #fff; } .ant-picker-week-panel-row-selected td .ant-picker-cell-inner, .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner { color: #fff; } .ant-picker-date-panel .ant-picker-body { padding: 8px 12px; } .ant-picker-date-panel .ant-picker-content { width: 252px; } .ant-picker-date-panel .ant-picker-content th { width: 36px; } .ant-picker-datetime-panel { display: flex; } .ant-picker-datetime-panel .ant-picker-time-panel { border-left: 1px solid #f0f0f0; } .ant-picker-datetime-panel .ant-picker-date-panel, .ant-picker-datetime-panel .ant-picker-time-panel { transition: opacity 0.3s; } .ant-picker-datetime-panel-active .ant-picker-date-panel, .ant-picker-datetime-panel-active .ant-picker-time-panel { opacity: 0.3; } .ant-picker-datetime-panel-active .ant-picker-date-panel-active, .ant-picker-datetime-panel-active .ant-picker-time-panel-active { opacity: 1; } .ant-picker-time-panel { width: auto; min-width: auto; } .ant-picker-time-panel .ant-picker-content { display: flex; flex: auto; height: 224px; } .ant-picker-time-panel-column { flex: 1 0 auto; width: 56px; margin: 0; padding: 0; overflow-y: hidden; text-align: left; list-style: none; transition: background 0.3s; } .ant-picker-time-panel-column::after { display: block; height: 196px; content: ''; } .ant-picker-datetime-panel .ant-picker-time-panel-column::after { height: 198px; } .ant-picker-time-panel-column:not(:first-child) { border-left: 1px solid #f0f0f0; } .ant-picker-time-panel-column-active { background: rgba(230, 247, 255, 0.2); } .ant-picker-time-panel-column:hover { overflow-y: auto; } .ant-picker-time-panel-column > li { margin: 0; padding: 0; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner { display: block; width: 100%; height: 28px; margin: 0; padding: 0 0 0 14px; color: rgba(0, 0, 0, 0.85); line-height: 28px; border-radius: 0; cursor: pointer; transition: background 0.3s; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover { background: #f5f5f5; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { background: #e6f7ff; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } /* stylelint-disable-next-line selector-type-no-unknown,selector-no-vendor-prefix */ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell { padding: 21px 0; } .ant-picker-rtl { direction: rtl; } .ant-picker-rtl .ant-picker-suffix { margin-right: 4px; margin-left: 0; } .ant-picker-rtl .ant-picker-clear { right: auto; left: 0; } .ant-picker-rtl .ant-picker-separator { transform: rotate(180deg); } .ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) { margin-right: 8px; margin-left: 0; } .ant-picker-rtl.ant-picker-range .ant-picker-clear { right: auto; left: 11px; } .ant-picker-rtl.ant-picker-range .ant-picker-active-bar { margin-right: 11px; margin-left: 0; } .ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar { margin-right: 7px; } .ant-picker-dropdown-rtl .ant-picker-ranges { text-align: right; } .ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok { float: left; margin-right: 8px; margin-left: 0; } .ant-picker-panel-rtl { direction: rtl; } .ant-picker-panel-rtl .ant-picker-prev-icon, .ant-picker-panel-rtl .ant-picker-super-prev-icon { transform: rotate(135deg); } .ant-picker-panel-rtl .ant-picker-next-icon, .ant-picker-panel-rtl .ant-picker-super-next-icon { transform: rotate(-45deg); } .ant-picker-cell .ant-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border-radius: 2px; transition: background 0.3s, border 0.3s; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before { right: 50%; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 0; left: 50%; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before { right: 50%; left: 50%; } .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { right: 0; left: -6px; } .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { right: -6px; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { right: 0; left: 50%; } .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { right: 50%; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { right: 6px; left: 0; border-right: 1px dashed #7ec1ff; border-left: none; border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 0; left: 6px; border-right: none; border-left: 1px dashed #7ec1ff; border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after { right: 6px; left: 6px; border-right: 1px dashed #7ec1ff; border-left: 1px dashed #7ec1ff; border-radius: 2px; } .ant-picker-dropdown-rtl .ant-picker-footer-extra { direction: rtl; text-align: right; } .ant-picker-panel-rtl .ant-picker-time-panel { direction: ltr; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tag { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; height: auto; margin-right: 8px; padding: 0 7px; font-size: 12px; line-height: 20px; white-space: nowrap; background: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; opacity: 1; transition: all 0.3s; } .ant-tag, .ant-tag a, .ant-tag a:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag > a:first-child:last-child { display: inline-block; margin: 0 -8px; padding: 0 8px; } .ant-tag-close-icon { margin-left: 3px; color: rgba(0, 0, 0, 0.45); font-size: 10px; cursor: pointer; transition: all 0.3s; } .ant-tag-close-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag-has-color { border-color: transparent; } .ant-tag-has-color, .ant-tag-has-color a, .ant-tag-has-color a:hover, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover { color: #fff; } .ant-tag-checkable { background-color: transparent; border-color: transparent; cursor: pointer; } .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { color: #1890ff; } .ant-tag-checkable:active, .ant-tag-checkable-checked { color: #fff; } .ant-tag-checkable-checked { background-color: #1890ff; } .ant-tag-checkable:active { background-color: #096dd9; } .ant-tag-hidden { display: none; } .ant-tag-pink { color: #c41d7f; background: #fff0f6; border-color: #ffadd2; } .ant-tag-pink-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-magenta { color: #c41d7f; background: #fff0f6; border-color: #ffadd2; } .ant-tag-magenta-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-red { color: #cf1322; background: #fff1f0; border-color: #ffa39e; } .ant-tag-red-inverse { color: #fff; background: #f5222d; border-color: #f5222d; } .ant-tag-volcano { color: #d4380d; background: #fff2e8; border-color: #ffbb96; } .ant-tag-volcano-inverse { color: #fff; background: #fa541c; border-color: #fa541c; } .ant-tag-orange { color: #d46b08; background: #fff7e6; border-color: #ffd591; } .ant-tag-orange-inverse { color: #fff; background: #fa8c16; border-color: #fa8c16; } .ant-tag-yellow { color: #d4b106; background: #feffe6; border-color: #fffb8f; } .ant-tag-yellow-inverse { color: #fff; background: #fadb14; border-color: #fadb14; } .ant-tag-gold { color: #d48806; background: #fffbe6; border-color: #ffe58f; } .ant-tag-gold-inverse { color: #fff; background: #faad14; border-color: #faad14; } .ant-tag-cyan { color: #08979c; background: #e6fffb; border-color: #87e8de; } .ant-tag-cyan-inverse { color: #fff; background: #13c2c2; border-color: #13c2c2; } .ant-tag-lime { color: #7cb305; background: #fcffe6; border-color: #eaff8f; } .ant-tag-lime-inverse { color: #fff; background: #a0d911; border-color: #a0d911; } .ant-tag-green { color: #389e0d; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-green-inverse { color: #fff; background: #52c41a; border-color: #52c41a; } .ant-tag-blue { color: #096dd9; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-blue-inverse { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-tag-geekblue { color: #1d39c4; background: #f0f5ff; border-color: #adc6ff; } .ant-tag-geekblue-inverse { color: #fff; background: #2f54eb; border-color: #2f54eb; } .ant-tag-purple { color: #531dab; background: #f9f0ff; border-color: #d3adf7; } .ant-tag-purple-inverse { color: #fff; background: #722ed1; border-color: #722ed1; } .ant-tag-success { color: #52c41a; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-processing { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-error { color: #ff4d4f; background: #fff2f0; border-color: #ffccc7; } .ant-tag-warning { color: #faad14; background: #fffbe6; border-color: #ffe58f; } .ant-tag > .anticon + span, .ant-tag > span + .anticon { margin-left: 7px; } .ant-tag.ant-tag-rtl { margin-right: 0; margin-left: 8px; direction: rtl; text-align: right; } .ant-tag-rtl .ant-tag-close-icon { margin-right: 3px; margin-left: 0; } .ant-tag-rtl.ant-tag > .anticon + span, .ant-tag-rtl.ant-tag > span + .anticon { margin-right: 7px; margin-left: 0; } .datepicker-modal { z-index: 1000 !important; transform: none !important; overflow: hidden; position: fixed !important; } .datepicker-modal .datepicker { background-color: #fff; border-radius: 5px; z-index: 1000; } .datepicker-modal .datepicker .datepicker-header { height: 42px; line-height: 42px; color: #000; font-size: 17px; } .datepicker-modal .datepicker .datepicker-content .datepicker-viewport .datepicker-wheel { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .datepicker-modal .datepicker .datepicker-content .datepicker-viewport .datepicker-wheel .datepicker-scroll > li { font-size: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .datepicker-modal .datepicker .datepicker-content .datepicker-viewport::after { background: linear-gradient(#fff, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #fff); } .datepicker-modal .datepicker .datepicker-navbar { border-bottom: 1px solid #ddd; } .datepicker-modal .datepicker .datepicker-navbar .datepicker-navbar-btn { color: #108ee9; font-size: 17px; } .mui-datetimerange-base .mui-datetime-picker { cursor: pointer; } .mui-datetimerange-base .mui-datetime-picker.disabled { cursor: not-allowed; } .mui-datetimerangepicker { display: block; border: solid 1px #e5e5e5; background-color: #fff; border-radius: 4px; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.24), 0 0 1px 0 rgba(0, 0, 0, 0.12); } .mui-datetimerangepicker .mui-calender { padding: 0 13px 10px; } .mui-datetimerangepicker .mui-datetimerangepicker-row { display: flex; } .mui-datetimerangepicker .mui-datetimerangepicker-row .mui-datetimerangepicker-col { flex: 1; min-width: 246px; } .mui-datetimerangepicker .mui-datetimerangepicker-row .mui-datetimerangepicker-col:nth-child(2) { border-left: solid 1px #e5e5e5; } .mui-datetimerangepicker .mui-datetimerangepicker-row .mui-datetimerangepicker-col .mui-time { display: inline-block; vertical-align: middle; } .mui-datetimerangepicker .mui-datetimerangepicker-row .mui-datetimerangepicker-col .mui-time .mui-forminput { width: auto; max-width: 80px; padding: 4px 6px; min-height: 30px; } .mui-datetimerangepicker .mui-datetimerangepicker-row dl { margin: 0; margin-left: 12px; } .mui-datetimerangepicker .mui-datetimerangepicker-row dl dt { font-size: 16px; line-height: 30px; } .mui-datetimerangepicker .mui-datetimerangepicker-row dl dd { margin-left: 24px; } .mui-datetimerangepicker .mui-datetimerangepicker-row dl dd > span { display: inline-block; margin-right: 6px; padding-left: 12px; font-size: 14px; line-height: 30px; vertical-align: middle; } .mui-datetimerangepicker .mui-datetimerangepicker-row.partial { padding: 6px; background-color: #f5f5f5; } .mui-datetimerangepicker .mui-datetimerangepicker-row.partial > .mui-datetimerangepicker-col { flex: none; width: 50%; box-sizing: border-box; padding: 0 12px; } .mui-datetimerangepicker .mui-datetimerangepicker-row.partial > .mui-datetimerangepicker-col:nth-child(2) { border-left: none; padding-left: 19px; } .mui-datetimerangepicker .mui-datetimerangepicker-row.partial > .mui-datetimerangepicker-col .ming.Checkbox { padding: 5px 0; } .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar { box-sizing: content-box; height: 30px; padding: 8px 18px; text-align: right; background-color: #f5f5f5; } .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar > .mui-datetimerangepicker-col { text-align: right; flex: none; width: 50%; box-sizing: border-box; } .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar > .mui-datetimerangepicker-col:nth-child(2) { border-left: none; padding-left: 18px; } .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar > .mui-datetimerangepicker-col:after { content: ''; display: block; width: 100%; height: 0; clear: both; } .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar > .mui-datetimerangepicker-col > .label { display: inline-block; font-size: 13px; line-height: 30px; vertical-align: middle; margin-right: 8px; } .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar > .mui-datetimerangepicker-col > .label, .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar > .mui-datetimerangepicker-col > .mui-time, .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar > .mui-datetimerangepicker-col > .Dropdown { float: left; } .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar > .mui-datetimerangepicker-col .Menu { width: 80px; text-align: left; } .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar > .mui-datetimerangepicker-col > button { font-size: 13px; line-height: 20px; padding: 5px 6px; min-width: 50px; vertical-align: middle; margin-left: 6px; } .mui-datetimerangepicker .mui-datetimerangepicker-row.toolbar > .mui-datetimerangepicker-col > button.Button--ghost { padding: 4px 6px; } .mui-forminput { font-size: 14px; line-height: 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; padding: 7px 8px; vertical-align: bottom; box-sizing: border-box; color: #333; min-height: 36px; display: inline-flex; width: 172px; cursor: pointer; text-align: left; outline: none; } .mui-forminput:hover { border-color: #bbb; } .mui-forminput.mui-forminput-error { border-color: #f44336 !important; } .mui-forminput:disabled { background-color: #f5f5f5; border-color: #f5f5f5; cursor: not-allowed; resize: none; user-select: text; } .mui-forminput > .mui-forminput-label { display: block; padding: 0 4px; flex: 1; text-align: left; word-break: break-all; } .mui-forminput > .Icon { width: 20px; height: 20px; text-align: center; font-size: 16px; line-height: 20px; vertical-align: top; color: #9e9e9e; } .mui-forminput.mui-forminput-singleline { height: 36px; } .mui-forminput.mui-forminput-singleline > .mui-forminput-label { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-time { position: relative; } .mui-time .mui-timemenu { position: absolute; left: 0; top: 100%; visibility: hidden; } .mui-time .mui-timemenu.show { visibility: visible; } .mui-time.right-edge .mui-timemenu { left: auto; right: 0; } .mui-time.bottom-edge .mui-timemenu { top: auto; bottom: 100%; } .mui-timemenu { box-sizing: content-box; display: inline-block; overflow: hidden; background-color: #fff; border: solid 1px #f5f5f5; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.24), 0 0 1px 0 rgba(0, 0, 0, 0.12); z-index: 100; } .mui-timemenu:after { content: ''; display: block; width: 100%; height: 0; clear: both; } .mui-timemenu.col-1 { width: 60px; } .mui-timemenu.col-2 { width: 120px; } .mui-timemenu.col-3 { width: 180px; } .mui-timemenu .mui-timemenu-col { box-sizing: border-box; width: 60px; height: 160px; overflow-x: hidden; overflow-y: auto; float: left; border-right: solid 1px #f5f5f5; } .mui-timemenu .mui-timemenu-col:last-child { border-right: none; } .mui-timemenu-list { list-style-type: none; margin: 0; padding: 0; user-select: none; } .mui-timemenu-list li { font-size: 13px; line-height: 20px; padding: 0 6px; text-align: center; cursor: pointer; } .mui-timemenu-list li:hover { background-color: #eee; } .mui-timemenu-list li.current { color: #fff; } .mui-timemenu-list li.disabled { background-color: #f5f5f5; color: #aaa; cursor: not-allowed; } .ming.Dropdown, .dropdownTrigger { display: inline-block; box-sizing: border-box; position: relative; max-width: 100%; } .ming.Dropdown .Dropdown--input, .dropdownTrigger .Dropdown--input { padding: 5px 5px 5px 12px; } .ming.Dropdown .Dropdown--input .value, .dropdownTrigger .Dropdown--input .value { display: inline-block; max-width: 90%; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; margin: 0; } .ming.Dropdown .Dropdown--border, .dropdownTrigger .Dropdown--border { border-width: 1px; border-style: solid; border-color: #ddd; height: 36px; box-sizing: border-box; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; } .ming.Dropdown .Dropdown--border:hover, .dropdownTrigger .Dropdown--border:hover, .ming.Dropdown .Dropdown--border.active, .dropdownTrigger .Dropdown--border.active { border-color: #2196f3; } .ming.Dropdown .Dropdown--border:hover .clearIcon, .dropdownTrigger .Dropdown--border:hover .clearIcon, .ming.Dropdown .Dropdown--border.active .clearIcon, .dropdownTrigger .Dropdown--border.active .clearIcon { display: inline-block; } .ming.Dropdown .Dropdown--border:hover .dropArrow, .dropdownTrigger .Dropdown--border:hover .dropArrow, .ming.Dropdown .Dropdown--border.active .dropArrow, .dropdownTrigger .Dropdown--border.active .dropArrow { display: none; } .ming.Dropdown .Dropdown--placeholder, .dropdownTrigger .Dropdown--placeholder { color: #bdbdbd; } .ming.Dropdown .Dropdown--hr, .dropdownTrigger .Dropdown--hr { height: 1px; margin-top: 6px; margin-bottom: 6px; background: #ddd; } .ming.Dropdown .Dropdown--hr:last-child, .dropdownTrigger .Dropdown--hr:last-child { display: none; } .ming.Dropdown.disabled, .dropdownTrigger.disabled { background-color: #f5f5f5; } .ming.Dropdown.disabled .Dropdown--border:hover, .dropdownTrigger.disabled .Dropdown--border:hover { border-color: #ccc; } .ming.Dropdown.disabled .Dropdown--input, .dropdownTrigger.disabled .Dropdown--input { cursor: not-allowed; color: #999; } .ming.Dropdown .clearIcon, .dropdownTrigger .clearIcon { display: none; } .dropdownTrigger { position: absolute; z-index: 9999 !important; } .dropdownTrigger .ming.Menu { position: relative; } .ming.MenuItem .Item-content { overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; width: 100%; white-space: nowrap; } .ming.MenuItem .Item-content:not(.disabled):hover { background-color: #1e88e5 !important; } .ming.MenuItem .Item-content.disabled { color: #999; cursor: not-allowed; } .ming.MenuItem--withSubMenu > .Item-content:after { content: ''; border: 5px solid transparent; border-left-color: #333; position: absolute; right: 10px; top: 50%; margin-top: -5px; } .ming.MenuItem--withSubMenu:hover > .Item-content:after { border-left-color: #fff; } .ming.MenuItem .icon { color: #9e9e9e; } .ming.Item { cursor: pointer; height: 36px; line-height: 36px; vertical-align: middle; box-sizing: border-box; width: 100%; } .ming.Item .Item-content { display: block; position: relative; padding: 0 16px; color: currentColor; } .ming.Item .Item-content .disabled { cursor: not-allowed; } .ming.Item .Item-content .icon { color: #9e9e9e; } .ming.Item .Item-content:not(.disabled):hover { text-decoration: none; color: white !important; background-color: rgba(0, 0, 0, 0.04); } .ming.Item .Item-content:not(.disabled):hover .icon { color: white; } .ming.Item .Item-content:not(.disabled):hover a { color: white; } .ming.Item .Item-content:not(.disabled):hover .subText { color: white !important; } .ming.Item .Item-content .Icon { font-size: 14px; line-height: 36px; left: 10px; position: absolute; } .ming.Item .Item-content span div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ming.Item.iconAtEnd .Item-content .Icon { left: auto; right: 10px; } .ming.Menu { position: absolute; width: 180px; padding: 5px 0; border-radius: 3px; background: white; z-index: 11; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1); } .ming.Menu-hidden { display: none; } .MenuBox { background: white; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1); padding: 5px 0; border-radius: 3px; z-index: 11; width: 100%; } .MenuBox .ming.Menu { position: relative; box-shadow: none; padding: 0; } .ming.List { user-select: none; list-style-type: none; } .ming.List .List-header { padding: 5px 16px; font-size: 12px; line-height: 20px; border-bottom: 1px solid #e5e5e5; } .ming.List .List-body { overflow-y: auto; overflow-x: hidden; } .ming.List .List-footer { border-top: 1px solid #ccc; } .ming.List--withIconFront .Item .Item-content { padding-left: 32px; } .ming.List--withIconEnd .Item .Item-content.iconAtEnd { padding-right: 32px; } .ming.List .Dividor { margin-top: 5px; margin-bottom: 5px; border-top: 1px solid #eee; } .mui-datepickerbase { display: block; min-width: 246px; } .mui-datepicker-header { box-sizing: content-box; display: block; height: 30px; padding: 11px 18px 6px; cursor: default; user-select: none; } .mui-datepicker-header:after { content: ''; display: block; width: 100%; height: 0; clear: both; } .mui-datepicker-header button { background-color: transparent; border: none; font-size: 15px; line-height: 20px; padding: 5px 4px; outline: none; } .mui-datepicker-header button:active { background-color: #f5f5f5; } .mui-datepicker-header > .time { float: left; } .mui-datepicker-header > .time > button { vertical-align: middle; cursor: pointer; font-weight: bold; } .mui-datepicker-header > .time > span { display: inline-block; font-size: 15px; line-height: 30px; vertical-align: middle; } .mui-datepicker-header > .time > span.year { font-weight: bold; } .mui-datepicker-header > .pager { float: right; } .mui-datepicker-header > .pager > button { vertical-align: middle; box-sizing: border-box; width: 30px; outline: none; color: #757575; cursor: pointer; } .mui-datepicker-header > .pager > button.prev, .mui-datepicker-header > .pager > button.next { font-size: 18px; } .mui-datepicker-header > .pager > button.now { font-size: 12px; } .mui-calender table { width: 100%; border-collapse: collapse; } .mui-calender table th, .mui-calender table td { text-align: center; color: #333; font-size: 13px; line-height: 28px; padding: 0; user-select: none; cursor: default; box-sizing: border-box; } .mui-calender table th { font-weight: bold; color: #9e9e9e; line-height: 36px; } .mui-calender table.date th, .mui-calender table.date td { width: calc(14.28571429%); width: 14.28%; height: 28px; } .mui-calender table.date td { position: relative; } .mui-calender table.date td div { display: inline-block; width: 24px; height: 24px; border-radius: 50%; line-height: 24px; cursor: pointer; position: absolute; top: 2px; left: 50%; margin-left: -12px; } .mui-calender table.date td div:hover { background-color: #e0e0e0; } .mui-calender table.date td.disabled div { cursor: not-allowed; } .mui-calender table.date td.disabled div:hover { background-color: transparent; } .mui-calender table.date td.in-range:before { content: ''; display: block; height: 24px; position: absolute; left: 0; right: 0; top: 2px; } .mui-calender table.date td.in-range.cell-start:before { left: 50%; } .mui-calender table.date td.in-range.cell-end:before { right: 50%; } .mui-calender table.date td.in-range.cell-left:before { left: 4px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .mui-calender table.date td.in-range.cell-right:before { right: 4px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .mui-calender table.month { margin-top: 15px; margin-bottom: 15px; } .mui-calender table.month td { width: calc(25%); width: 25%; font-size: 15px; line-height: 58px; border-radius: 5px; cursor: pointer; } .mui-calender table.month td:hover { background-color: #f5f5f5; } .mui-calender table.year { margin-top: 15px; margin-bottom: 15px; } .mui-calender table.year td { width: calc(25%); width: 25%; font-size: 15px; line-height: 58px; border-radius: 5px; cursor: pointer; } .mui-calender table.year td:hover { background-color: #f5f5f5; } .mui-calender table td.other { color: #bdbdbd; } .mui-calender table td.now { position: relative; } .mui-calender table td.now:after { content: ''; display: none; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 0; height: 0; border: dashed 4px transparent; border-top-color: #999; border-left-color: #999; } .mui-calender table td.current { color: #fff !important; } .mui-calender table td.disabled { background-color: #f5f5f5; color: #aaa; cursor: not-allowed; } .ming.PositionContainer-wrapper { background-color: transparent; position: absolute; left: -99999px; top: -99999px; z-index: 9999; } .am-tabs { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; overflow: hidden; height: 100%; width: 100%; } .am-tabs * { -webkit-box-sizing: border-box; box-sizing: border-box; } .am-tabs-content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 100%; min-height: 0; } .am-tabs-content-wrap-animated { -webkit-transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); will-change: transform, left, top; } .am-tabs-pane-wrap { width: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow-y: auto; } .am-tabs-tab-bar-wrap { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .am-tabs-horizontal .am-tabs-pane-wrap-active { height: auto; } .am-tabs-horizontal .am-tabs-pane-wrap-inactive { height: 0; overflow: visible; } .am-tabs-vertical .am-tabs-content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .am-tabs-vertical .am-tabs-tab-bar-wrap { height: 100%; } .am-tabs-vertical .am-tabs-pane-wrap { height: 100%; } .am-tabs-vertical .am-tabs-pane-wrap-active { overflow: auto; } .am-tabs-vertical .am-tabs-pane-wrap-inactive { overflow: hidden; } .am-tabs-top, .am-tabs-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .am-tabs-left, .am-tabs-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .am-tabs-default-bar { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; height: 100%; overflow: visible; z-index: 1; } .am-tabs-default-bar-tab { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; height: 43.5px; line-height: 43.5px; } .am-tabs-default-bar-tab .am-badge .am-badge-text { top: -13px; -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } .am-tabs-default-bar-tab .am-badge .am-badge-dot { top: -6px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .am-tabs-default-bar-tab-active { color: #108ee9; } .am-tabs-default-bar-underline { position: absolute; border: 1px #108ee9 solid; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .am-tabs-default-bar-animated .am-tabs-default-bar-content { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); will-change: transform; } .am-tabs-default-bar-animated .am-tabs-default-bar-underline { -webkit-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1); will-change: top, left, width, color; } .am-tabs-default-bar-top, .am-tabs-default-bar-bottom { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .am-tabs-default-bar-top .am-tabs-default-bar-content, .am-tabs-default-bar-bottom .am-tabs-default-bar-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .am-tabs-default-bar-top .am-tabs-default-bar-prevpage, .am-tabs-default-bar-bottom .am-tabs-default-bar-prevpage { pointer-events: none; position: absolute; top: 0; display: block; width: 59px; height: 100%; content: ' '; z-index: 999; left: 0; background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)); background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0)); } .am-tabs-default-bar-top .am-tabs-default-bar-nextpage, .am-tabs-default-bar-bottom .am-tabs-default-bar-nextpage { pointer-events: none; position: absolute; top: 0; display: block; width: 59px; height: 100%; content: ' '; z-index: 999; right: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff); background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff); } .am-tabs-default-bar-top .am-tabs-default-bar-tab, .am-tabs-default-bar-bottom .am-tabs-default-bar-tab { padding: 8px 0; } .am-tabs-default-bar-top .am-tabs-default-bar-underline, .am-tabs-default-bar-bottom .am-tabs-default-bar-underline { bottom: 0; } .am-tabs-default-bar-top .am-tabs-default-bar-tab { border-bottom: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab { border-bottom: none; } html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-tabs-default-bar-bottom .am-tabs-default-bar-tab { border-top: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab { border-top: none; } html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-tabs-default-bar-left, .am-tabs-default-bar-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .am-tabs-default-bar-left .am-tabs-default-bar-content, .am-tabs-default-bar-right .am-tabs-default-bar-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .am-tabs-default-bar-left .am-tabs-default-bar-tab, .am-tabs-default-bar-right .am-tabs-default-bar-tab { padding: 0 8px; } .am-tabs-default-bar-left .am-tabs-default-bar-underline { right: 0; } .am-tabs-default-bar-left .am-tabs-default-bar-tab { border-right: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab { border-right: none; } html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: 0; bottom: auto; left: auto; width: 1PX; height: 100%; background: #ddd; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after { -webkit-transform: scaleX(0.33); -ms-transform: scaleX(0.33); transform: scaleX(0.33); } } .am-tabs-default-bar-right .am-tabs-default-bar-underline { left: 0; } .am-tabs-default-bar-right .am-tabs-default-bar-tab { border-left: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab { border-left: none; } html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 1PX; height: 100%; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before { -webkit-transform: scaleX(0.33); -ms-transform: scaleX(0.33); transform: scaleX(0.33); } } .mobileCityPicker .am-modal-content { border-radius: 10px 10px 0 0; } .mobileCityPicker .am-modal-header { height: 42px; padding: 0; display: flex; justify-content: center; align-items: center; margin-bottom: -10px; } .mobileCityPicker .am-modal-header .am-modal-title { font-size: 17px; flex: 1; } .mobileCityPicker .am-list-content { font-size: 15px !important; } .mobileCityPicker .am-tabs-default-bar-tab { padding: 0; height: 36px; } .CityPicker { border: 1px solid #ccc; min-height: 50px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1); background-color: #fff; width: 302px; font-weight: 400; border-radius: 3px; } .cityTabs { display: flex; height: 45px; border-bottom: 1px solid #ccc; box-sizing: border-box; align-items: center; justify-content: space-around; } .cityTabs-item { font-size: 14px; height: 100%; width: 80px; cursor: pointer; display: flex; line-height: 44px; justify-content: center; box-sizing: border-box; border-bottom-width: 2px; border-bottom-style: solid; } .cityTabs-item:not(.activeTab) { border-bottom-width: 0; } .cityTabs-item.activeTab { cursor: initial; } .cityTabs-item.disbaleTab { color: #ccc; cursor: initial; } .cityTabs-item.hidden { visibility: hidden; } .cityContent { padding: 5px; overflow: hidden; } .cityContent-item { padding: 5px 12px; float: left; cursor: pointer; color: #888; } .cityContent-item:hover, .cityContent-item.active { color: #000; background-color: #f1f1f1; } .rc-trigger-popup { position: absolute; left: -9999px; top: -9999px; z-index: 1050; } .rc-trigger-popup-hidden { display: none; } .rc-trigger-popup-zoom-enter, .rc-trigger-popup-zoom-appear { opacity: 0; animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); animation-play-state: paused; } .rc-trigger-popup-zoom-leave { animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05); animation-play-state: paused; } .rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active, .rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active { animation-name: rcTriggerZoomIn; animation-play-state: running; } .rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active { animation-name: rcTriggerZoomOut; animation-play-state: running; } @keyframes rcTriggerZoomIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); } } @keyframes rcTriggerZoomOut { 0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); } 100% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0); } } .rc-trigger-popup-mask { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: #373737; background-color: rgba(55, 55, 55, 0.6); height: 100%; filter: alpha(opacity=50); z-index: 1050; } .rc-trigger-popup-mask-hidden { display: none; } .rc-trigger-popup-fade-enter, .rc-trigger-popup-fade-appear { opacity: 0; animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-play-state: paused; } .rc-trigger-popup-fade-leave { animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-play-state: paused; } .rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active, .rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active { animation-name: rcTriggerMaskFadeIn; animation-play-state: running; } .rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active { animation-name: rcDialogFadeOut; animation-play-state: running; } @keyframes rcTriggerMaskFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes rcDialogFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(static/flags.416250f60d785a2e02f17e054d2e4e44.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(static/flags@2x.d429a5777afaf2fc349652e812e9bb11.png)}}.iti__flag.iti__np{background-color:transparent} .am-toast { position: fixed; width: 100%; z-index: 1999; font-size: 14px; text-align: center; } .am-toast > span { max-width: 50%; } .am-toast.am-toast-mask { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: 0; top: 0; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .am-toast.am-toast-nomask { position: fixed; max-width: 50%; width: auto; left: 50%; top: 50%; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .am-toast.am-toast-nomask .am-toast-notice { -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .am-toast-notice-content .am-toast-text { min-width: 60px; border-radius: 3px; color: #fff; background-color: rgba(58, 58, 58, 0.9); line-height: 1.5; padding: 9px 15px; } .am-toast-notice-content .am-toast-text.am-toast-text-icon { border-radius: 5px; padding: 15px 15px; } .am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info { margin-top: 6px; } .ming.Textarea { border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; padding: 12px; font-size: 14px; width: 100%; overflow-x: hidden; overflow-y: auto; resize: none; } .ming.Textarea:hover:not(:disabled), .ming.Textarea:focus { border-color: #1e88e5; } .ming.Switch { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 100px; position: relative; display: inline-block; width: 48px; height: 24px; cursor: pointer; outline: 0; text-align: left; } .ming.Switch.hasText { width: 62px; } .ming.Switch .dot { position: absolute; display: block; width: 20px; height: 20px; top: 2px; content: ''; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 50%; background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.16); } .ming.Switch .txt { width: 28px; text-align: center; color: #fff; display: inline-block; line-height: 24px; padding-left: 8px; box-sizing: initial; } .ming.Switch--on { background: #01ca83; } .ming.Switch--on .dot { left: 26px; } .ming.Switch--on.hasText .dot { left: 40px; } .ming.Switch--on.small .dot { left: 18px; } .ming.Switch--off { background: #ccc; } .ming.Switch--off .dot { left: 2px; } .ming.Switch--off .txt { margin-left: 18px; } .ming.Switch--disabled { opacity: 0.5; cursor: not-allowed; } .ming.Switch.small { width: 34px; height: 18px; } .ming.Switch.small .dot { width: 14px; height: 14px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tooltip { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1070; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; visibility: visible; } .ant-tooltip-hidden { display: none; } .ant-tooltip-placement-top, .ant-tooltip-placement-topLeft, .ant-tooltip-placement-topRight { padding-bottom: 8px; } .ant-tooltip-placement-right, .ant-tooltip-placement-rightTop, .ant-tooltip-placement-rightBottom { padding-left: 8px; } .ant-tooltip-placement-bottom, .ant-tooltip-placement-bottomLeft, .ant-tooltip-placement-bottomRight { padding-top: 8px; } .ant-tooltip-placement-left, .ant-tooltip-placement-leftTop, .ant-tooltip-placement-leftBottom { padding-right: 8px; } .ant-tooltip-inner { min-width: 30px; min-height: 32px; padding: 6px 8px; color: #fff; text-align: left; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tooltip-arrow { position: absolute; display: block; width: 13.07106781px; height: 13.07106781px; overflow: hidden; background: transparent; pointer-events: none; } .ant-tooltip-arrow-content { --antd-arrow-background-color: rgba(0, 0, 0, 0.75); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 5px; height: 5px; margin: auto; background-color: transparent; content: ''; pointer-events: auto; border-radius: 0 0 2px 0; pointer-events: none; } .ant-tooltip-arrow-content::before { position: absolute; top: -5px; left: -5px; width: 15px; height: 15px; background: linear-gradient(to left, var(--antd-arrow-background-color) 50%, var(--antd-arrow-background-color) 50%) no-repeat -4px -4px; content: ''; -webkit-clip-path: path('M 3.5355339059327373 11.464466094067262 A 5 5 0 0 1 7.071067811865475 10 L 8 10 A 2 2 0 0 0 10 8 L 10 7.071067811865475 A 5 5 0 0 1 11.464466094067262 3.5355339059327373 Z'); clip-path: path('M 3.5355339059327373 11.464466094067262 A 5 5 0 0 1 7.071067811865475 10 L 8 10 A 2 2 0 0 0 10 8 L 10 7.071067811865475 A 5 5 0 0 1 11.464466094067262 3.5355339059327373 Z'); } .ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow { bottom: -4.83106781px; } .ant-tooltip-placement-top .ant-tooltip-arrow-content, .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-topRight .ant-tooltip-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateY(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; transform: translateX(-50%); } .ant-tooltip-placement-topLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-topRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { left: -4.97106781px; } .ant-tooltip-placement-right .ant-tooltip-arrow-content, .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content { box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(6.53553391px) rotate(135deg); } .ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; transform: translateY(-50%); } .ant-tooltip-placement-rightTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-left .ant-tooltip-arrow, .ant-tooltip-placement-leftTop .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { right: -4.99106781px; } .ant-tooltip-placement-left .ant-tooltip-arrow-content, .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content { box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateX(-6.53553391px) rotate(315deg); } .ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; transform: translateY(-50%); } .ant-tooltip-placement-leftTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { top: -4.97106781px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content { box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateY(6.53553391px) rotate(225deg); } .ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; transform: translateX(-50%); } .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-pink .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-pink .ant-tooltip-arrow-content::before { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-arrow-content::before { background-color: #eb2f96; } .ant-tooltip-red .ant-tooltip-inner { background-color: #f5222d; } .ant-tooltip-red .ant-tooltip-arrow-content::before { background-color: #f5222d; } .ant-tooltip-volcano .ant-tooltip-inner { background-color: #fa541c; } .ant-tooltip-volcano .ant-tooltip-arrow-content::before { background-color: #fa541c; } .ant-tooltip-orange .ant-tooltip-inner { background-color: #fa8c16; } .ant-tooltip-orange .ant-tooltip-arrow-content::before { background-color: #fa8c16; } .ant-tooltip-yellow .ant-tooltip-inner { background-color: #fadb14; } .ant-tooltip-yellow .ant-tooltip-arrow-content::before { background-color: #fadb14; } .ant-tooltip-gold .ant-tooltip-inner { background-color: #faad14; } .ant-tooltip-gold .ant-tooltip-arrow-content::before { background-color: #faad14; } .ant-tooltip-cyan .ant-tooltip-inner { background-color: #13c2c2; } .ant-tooltip-cyan .ant-tooltip-arrow-content::before { background-color: #13c2c2; } .ant-tooltip-lime .ant-tooltip-inner { background-color: #a0d911; } .ant-tooltip-lime .ant-tooltip-arrow-content::before { background-color: #a0d911; } .ant-tooltip-green .ant-tooltip-inner { background-color: #52c41a; } .ant-tooltip-green .ant-tooltip-arrow-content::before { background-color: #52c41a; } .ant-tooltip-blue .ant-tooltip-inner { background-color: #1890ff; } .ant-tooltip-blue .ant-tooltip-arrow-content::before { background-color: #1890ff; } .ant-tooltip-geekblue .ant-tooltip-inner { background-color: #2f54eb; } .ant-tooltip-geekblue .ant-tooltip-arrow-content::before { background-color: #2f54eb; } .ant-tooltip-purple .ant-tooltip-inner { background-color: #722ed1; } .ant-tooltip-purple .ant-tooltip-arrow-content::before { background-color: #722ed1; } .ant-tooltip-rtl { direction: rtl; } .ant-tooltip-rtl .ant-tooltip-inner { text-align: right; } .customFormAttachmentBox .triggerTraget { width: max-content; padding: 0 16px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; border-radius: 3px; max-width: 100%; } .customFormAttachmentBox .triggerTraget:not(.mobile):hover { background-color: #F5F5F5; } .customFormAttachmentBox .triggerTraget .addFileName { font-weight: 500; } .customFormAttachmentBox .spaceBetween { justify-content: space-between; } .customFormAttachmentBox .handleBtn { width: 36px; height: 36px; border-radius: 3px; display: flex; align-items: center; justify-content: center; } .customFormAttachmentBox .handleBtn:hover { color: #2196F3 !important; background-color: #FAFAFA; } /* flexbox */ .am-flexbox { text-align: left; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .am-flexbox.am-flexbox-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .am-flexbox.am-flexbox-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .am-flexbox.am-flexbox-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .am-flexbox.am-flexbox-dir-column .am-flexbox-item { margin-left: 0; } .am-flexbox.am-flexbox-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .am-flexbox.am-flexbox-dir-column-reverse .am-flexbox-item { margin-left: 0; } .am-flexbox.am-flexbox-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .am-flexbox.am-flexbox-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .am-flexbox.am-flexbox-wrap-reverse { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .am-flexbox.am-flexbox-justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .am-flexbox.am-flexbox-justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .am-flexbox.am-flexbox-justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .am-flexbox.am-flexbox-justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .am-flexbox.am-flexbox-justify-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .am-flexbox.am-flexbox-align-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .am-flexbox.am-flexbox-align-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .am-flexbox.am-flexbox-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .am-flexbox.am-flexbox-align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .am-flexbox.am-flexbox-align-baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .am-flexbox.am-flexbox-align-content-start { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .am-flexbox.am-flexbox-align-content-end { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .am-flexbox.am-flexbox-align-content-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .am-flexbox.am-flexbox-align-content-between { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .am-flexbox.am-flexbox-align-content-around { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } .am-flexbox.am-flexbox-align-content-stretch { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .am-flexbox .am-flexbox-item { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 8px; min-width: 10px; } .am-flexbox .am-flexbox-item:first-child { margin-left: 0; } .attachmentFiles { padding: 10px 0; flex-wrap: wrap; justify-content: space-between; } .attachmentFiles .fileWrapper { width: 120px; height: 120px; margin-bottom: 10px; border: 1px solid #e0e0e0; position: relative; } .attachmentFiles .fileWrapper .closeIcon { position: absolute; top: 5px; right: 5px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); } .attachmentFiles .fileEmpty { border: none; height: 0; margin-bottom: 0; } .attachmentFiles .image { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .attachmentFiles .filePanel { flex: 1; width: 100%; background-color: #F2F2F2; } .attachmentFiles .filePanel .fileIcon { width: 40px; height: 46px; } .attachmentFiles .fileText { font-size: 12px; height: 29px; width: 100%; padding: 0 7px; box-sizing: border-box; background-color: #fff; } .attachmentFiles .fileText span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dialogScroll { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; overflow-y: auto; } .dialogScroll.darkHeader .dialogCloseBtn { position: relative; z-index: 2; } .dialogBox { position: relative; top: 50%; left: 50%; width: 450px; margin: 32px auto; background-color: #fff; padding-bottom: 1px; } .dialogBox .header { height: 60px; margin-left: 24px; } .dialogBox .header .title { display: inline-block; margin-top: 20px; vertical-align: top; width: 90%; } .dialogBox .noHeader { height: 18px; } .dialogBox .dialogContent { padding: 0 24px; } .dialogBox .oneScreenDialog { overflow: hidden; overflow-y: auto; } .checkBox .btnCk { display: inline-block; height: 17px; padding-left: 21px; cursor: pointer; color: #999; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABGCAMAAACaCWaBAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhNUAit8AkOkAkeoAhNUAkeoAi+A0p+4nou3v+P7m9P3///8koe3G5voPl+sZnOzY7vzj8/0loe3X7vzw+f5Xt/Gi1/dJJITcAAAAEHRSTlMACzRJTQxIMgdY2vz/AP7ad2GfxAAAAMxJREFUeAHt081SwkAQReFLpgOEDBCk0cTf939LV6dKayY9C8uNcrfn215p0yVbWeo2Ur+1YNtene32Wtl+Z52S1TrCkswUzOwO7uA/guZxmtdrnld9dP9ef2XDYcwrGw/DUcMpBzsNOudwZ40xGJUb+wGYLjGYHq6XOqC7X291QPfHJ0DQs6IOCDpgvtU7YF6eX2odML+6I753wOKOmN7oXwCi7ABE0QGIdzoDIJzOAIiiAxBFByCKDkB8lB3AfgU0j9O8XvO8x8b9PwEwoTnfL0Ft6AAAAABJRU5ErkJggg==) no-repeat 0 0; background-size: 14px 33px; } .checkBox .btnCk.selected { background-position: 0 -17px; } .dialogBox .footer { margin-top: 32px !important; padding: 0 24px 24px 24px !important; text-align: right; } .footer .yesText { line-height: 36px; height: 36px; padding: 0 24px; cursor: pointer; text-align: center; color: #fff; background-color: #1191ea; } .footer .yesText:not(.Hidden) { display: inline-block; } .footer .yesText.disable { color: #fff !important; background-color: #ccc !important; cursor: not-allowed; } .dialogBox a:hover { text-decoration: none; } .footer .noText { margin-right: 32px; cursor: pointer; color: #aaa; } .dialogBox .dialogCloseBtn { font-size: 20px; float: right; margin-top: 8px; margin-right: 8px; cursor: pointer; } .dialogBox .dialogCloseBtn:not(:hover) { color: #999 !important; } .opacity7 { opacity: 0.7; } .maskTaskBox { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; } .dialogBox .minorContent { margin-left: 24px; } .attachmentsPreview { position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(15, 15, 15, 0.95); transition: 0.2s opacity linear; overflow: hidden; } .attachmentsPreview.light { background: rgba(255, 255, 255, 0.98); } .attachmentsPreview.light .previewHeader { background: #fff; color: #333; } .attachmentsPreview.light .previewHeader .close { color: #9e9e9e; } .attachmentsPreview.light .previewHeader .close:hover { background-color: rgba(221, 44, 0, 0.1); } .attachmentsPreview.light .thumbnailGuide { background: #fff; } .attachmentsPreview.light .thumbnailGuide .statusBar [class^='icon-'], .attachmentsPreview.light .thumbnailGuide .statusBar [class*=' icon-'] { color: rgba(0, 0, 0, 0.45); } .attachmentsPreview.light .thumbnailGuide .statusBar [class^='icon-']:hover, .attachmentsPreview.light .thumbnailGuide .statusBar [class*=' icon-']:hover { color: rgba(0, 0, 0, 0.55); } .attachmentsPreview.light .thumbnailGuide .statusBar .currentIndex { color: rgba(0, 0, 0, 0.45); } .attachmentsPreview.light .thumbnailGuide .statusBar .originImage { color: rgba(0, 0, 0, 0.4) !important; background-color: rgba(0, 0, 0, 0.08) !important; } .attachmentsPreview.light .thumbnailGuide .statusBar .originImage:hover { background-color: rgba(0, 0, 0, 0.12) !important; } .attachmentsPreview.fullscreen .previewPanel { top: 0; } .attachmentsPreview.fullscreen .previewContainer { bottom: 0; } .attachmentsPreview.fullscreen .previewContainer .ctrlCon { opacity: 0; } .attachmentsPreview.fullscreen .previewHeader { transform: translateY(-100%); } .attachmentsPreview.fullscreen .thumbnailGuide { transform: translateY(100%); } .attachmentsPreview.fullscreen .attachmentInfo { top: 0; } .attachmentsPreview .previewHeader { z-index: 1; font-size: 14px; height: 54px; color: rgba(255, 255, 255, 0.8); background-color: #000; transition: transform 0.4s; } .attachmentsPreview .previewHeader > .flexRow { height: 54px; } .attachmentsPreview .previewHeader .btns { justify-content: flex-end; } .attachmentsPreview .previewHeader .newVersion { justify-content: center; } .attachmentsPreview .previewHeader .newVersion .big { width: auto; padding: 0 16px; } .attachmentsPreview .previewHeader .newVersion .big span { font-size: 13px; margin-left: 5px; } .attachmentsPreview .previewHeader .editName { line-height: 54px; padding: 0 11px; } .attachmentsPreview .previewHeader .editName:hover { color: #fff; } .attachmentsPreview .previewHeader .editName:hover .editBtn { color: #fff; } .attachmentsPreview .previewHeader .editName .content { margin: 0 5px; font-weight: bold; } .attachmentsPreview .previewHeader .editName .content .fileName { display: inline-block; max-width: 200px; } .attachmentsPreview .previewHeader .editName .editBtn { margin-left: 10px; line-height: 54px; } .attachmentsPreview .previewHeader .editName input { border: none; background-color: rgba(97, 97, 97, 0.7); font-size: 14px; color: #fff; height: 34px; padding: 0 5px; margin-top: 10px; border-radius: 2px; width: 420px; } .attachmentsPreview .previewHeader .ctrlDownlload { padding-right: 0 !important; margin-right: -5px; } .attachmentsPreview .previewHeader .ctrlDownlload .tipCon { display: inline; } .attachmentsPreview .previewHeader .historyPanel .newVersionFile { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; } .attachmentsPreview .previewHeader .historyPanel .newVersionFile:hover ~ span { color: #ffffff; } .attachmentsPreview .previewHeader .historyPanel .mingPopup { color: #333; } .attachmentsPreview .previewHeader .historyPanel .mingPopup .MdLoader { margin: 10px auto; } .attachmentsPreview .previewHeader .versionListCon { padding: 8px 20px; } .attachmentsPreview .previewHeader .versionList { overflow: hidden; color: #999; font-size: 12px; user-select: text; } .attachmentsPreview .previewHeader .versionList .versionItem { line-height: 40px; border-top: 1px dashed #ccc; margin-top: -1px; } .attachmentsPreview .previewHeader .versionList .versionItem.active { color: #06c; } .attachmentsPreview .previewHeader .versionList .versionItem .name { display: inline-block; width: 80px; } .attachmentsPreview .previewHeader .versionList .versionItem .updater { display: inline-block; width: 50px; } .attachmentsPreview .previewHeader .versionList .versionItem .updateTime { display: inline-block; width: 120px; } .attachmentsPreview .previewHeader .versionList .versionItem .historyBtn { float: right; margin-left: 3px; margin-right: 3px; width: 14px; height: 40px; } .attachmentsPreview .previewHeader .versionList .versionItem .historyBtn i { font-size: 14px; cursor: pointer; color: #7cafe2; } .attachmentsPreview .previewHeader .split { width: 1px; height: 1em; background-color: rgba(255, 255, 255, 0.8); margin: 20px 10px; } .attachmentsPreview .previewHeader .historyVersion, .attachmentsPreview .previewHeader .more, .attachmentsPreview .previewHeader .saveTo, .attachmentsPreview .previewHeader .delete, .attachmentsPreview .previewHeader .close, .attachmentsPreview .previewHeader .ctrlDownlload, .attachmentsPreview .previewHeader .openNewPage, .attachmentsPreview .previewHeader .shareNode { display: flex; align-items: center; font-size: 14px; line-height: 54px; padding: 0 11px; } .attachmentsPreview .previewHeader .historyVersion i, .attachmentsPreview .previewHeader .more i, .attachmentsPreview .previewHeader .saveTo i, .attachmentsPreview .previewHeader .delete i, .attachmentsPreview .previewHeader .close i, .attachmentsPreview .previewHeader .ctrlDownlload i, .attachmentsPreview .previewHeader .openNewPage i, .attachmentsPreview .previewHeader .shareNode i { font-size: 21px; vertical-align: middle; line-height: inherit; } .attachmentsPreview .previewHeader .historyVersion:hover, .attachmentsPreview .previewHeader .more:hover, .attachmentsPreview .previewHeader .saveTo:hover, .attachmentsPreview .previewHeader .delete:hover, .attachmentsPreview .previewHeader .close:hover, .attachmentsPreview .previewHeader .ctrlDownlload:hover, .attachmentsPreview .previewHeader .openNewPage:hover, .attachmentsPreview .previewHeader .shareNode:hover { color: #ffffff; } .attachmentsPreview .previewHeader .normal { line-height: normal; } .attachmentsPreview .previewHeader .officeEdit { display: flex; align-items: center; color: #fff; padding: 6px 15px; margin: auto 0; border-radius: 4px; font-weight: bold; transition: background-color 0.3s; } .attachmentsPreview .previewHeader .officeEdit span { font-size: 13px; } .attachmentsPreview .previewHeader .viewHistory, .attachmentsPreview .previewHeader .uploadNewVersion { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s; } .attachmentsPreview .previewHeader .viewHistory i, .attachmentsPreview .previewHeader .uploadNewVersion i { font-size: 16px !important; } .attachmentsPreview .previewHeader .viewHistory:hover, .attachmentsPreview .previewHeader .uploadNewVersion:hover { background-color: rgba(255, 255, 255, 0.4) !important; } .attachmentsPreview .previewHeader .download, .attachmentsPreview .previewHeader .viewHistory, .attachmentsPreview .previewHeader .uploadNewVersion { display: flex; align-content: center; justify-content: center; margin: auto 5px; width: 32px; height: 32px; border-radius: 4px; } .attachmentsPreview .previewHeader .download i, .attachmentsPreview .previewHeader .viewHistory i, .attachmentsPreview .previewHeader .uploadNewVersion i { font-size: 20px; } .attachmentsPreview .previewHeader .download.disable, .attachmentsPreview .previewHeader .viewHistory.disable, .attachmentsPreview .previewHeader .uploadNewVersion.disable { color: #ffffff; background-color: rgba(244, 67, 54, 0.68); } .attachmentsPreview .previewHeader .download:hover { color: #ffffff; } .attachmentsPreview .previewHeader .more .deletePopup { padding: 10px; font-size: 13px; line-height: 1.3em; } .attachmentsPreview .previewHeader .more .deletePopup .btnGroup { text-align: right; margin: 0; } .attachmentsPreview .previewHeader .more .deletePopup .btnGroup button { vertical-align: middle; } .attachmentsPreview .previewHeader .saveTo, .attachmentsPreview .previewHeader .more { position: relative; font-size: 14px; } .attachmentsPreview .previewHeader .saveTo i, .attachmentsPreview .previewHeader .more i { vertical-align: middle; } .attachmentsPreview .previewHeader .saveTo .selectOptions, .attachmentsPreview .previewHeader .more .selectOptions { z-index: 1; width: 120px; margin-top: -10px; } .attachmentsPreview .previewHeader .more .selectOptions { width: auto; } .attachmentsPreview .previewHeader .close { padding: 0 17px; } .attachmentsPreview .previewHeader .close:hover { background-color: rgba(221, 44, 0, 0.4); } .attachmentsPreview .previewPanel { position: absolute; top: 54px; bottom: 0px; left: 0px; right: 0px; transition: top 0.4s; } .attachmentsPreview .previewContainer { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 50px; transition: bottom 0.4s; } .attachmentsPreview .previewContainer .ctrlCon .prev, .attachmentsPreview .previewContainer .ctrlCon .next { position: absolute; z-index: 2; transition: opacity 0.4s; box-sizing: border-box; top: 45%; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(117, 117, 117, 0.2); color: rgba(255, 255, 255, 0.8); cursor: pointer; font-size: 40px; text-align: center; line-height: 55px; } .attachmentsPreview .previewContainer .ctrlCon .prev:hover, .attachmentsPreview .previewContainer .ctrlCon .next:hover { background-color: rgba(117, 117, 117, 0.4); } .attachmentsPreview .previewContainer .ctrlCon .prev { left: 32px; padding-right: 5px; } .attachmentsPreview .previewContainer .ctrlCon .next { right: 32px; padding-left: 5px; } .attachmentsPreview .previewContainer .fileViewer { position: absolute; width: 100%; height: 100%; border: none; } .attachmentsPreview .previewContainer .txtViewer .markdown-body { min-width: 700px; } .attachmentsPreview .previewContainer .imageViewer { overflow: visible; } .attachmentsPreview .previewContainer .imageViewer img { background: #f5f5f5; } .attachmentsPreview .previewContainer .iframeViewer { background-color: #fff; color: #333; } .attachmentsPreview .previewContainer .canNotView, .attachmentsPreview .previewContainer .linkPreview { font-size: 14px; color: #919191; text-align: center; top: 50%; position: absolute; width: 100%; margin-top: -125px; } .attachmentsPreview .previewContainer .canNotView .linkIconCon, .attachmentsPreview .previewContainer .linkPreview .linkIconCon { display: inline-block; height: 97px; max-width: 80%; } .attachmentsPreview .previewContainer .canNotView .linkIconCon .linkThumbnailCon, .attachmentsPreview .previewContainer .linkPreview .linkIconCon .linkThumbnailCon { height: 97px; display: table; } .attachmentsPreview .previewContainer .canNotView .linkIconCon .linkThumbnailCon .linkThumbnail, .attachmentsPreview .previewContainer .linkPreview .linkIconCon .linkThumbnailCon .linkThumbnail { display: table-cell; vertical-align: middle; } .attachmentsPreview .previewContainer .canNotView .linkIconCon .linkThumbnailCon .linkThumbnail img, .attachmentsPreview .previewContainer .linkPreview .linkIconCon .linkThumbnailCon .linkThumbnail img { max-height: 97px; max-width: 100%; } .attachmentsPreview .previewContainer .canNotView .linkIcon, .attachmentsPreview .previewContainer .linkPreview .linkIcon { width: 85px; height: 97px; display: inline-block; background-size: cover !important; } .attachmentsPreview .previewContainer .canNotView p, .attachmentsPreview .previewContainer .linkPreview p { margin: 0; } .attachmentsPreview .previewContainer .canNotView .canNotViewIcon, .attachmentsPreview .previewContainer .linkPreview .canNotViewIcon { width: 85px; height: 97px; display: inline-block; background-size: cover !important; } .attachmentsPreview .previewContainer .canNotView .fileName, .attachmentsPreview .previewContainer .linkPreview .fileName { color: #fff; line-height: 1.2em; margin: 20px 0 40px; font-size: 18px; } .attachmentsPreview .previewContainer .canNotView .fileName .ellipsis, .attachmentsPreview .previewContainer .linkPreview .fileName .ellipsis { display: inline-block; max-width: 70%; } .attachmentsPreview .previewContainer .canNotView .msg, .attachmentsPreview .previewContainer .linkPreview .msg { margin: -24px 0 40px; } .attachmentsPreview .previewContainer .canNotView .detail, .attachmentsPreview .previewContainer .linkPreview .detail { line-height: 1; margin: 15px auto 30px; font-size: 12px; } .attachmentsPreview .previewContainer .canNotView a.detail, .attachmentsPreview .previewContainer .linkPreview a.detail { display: block; color: inherit; max-width: 600px; } .attachmentsPreview .previewContainer .canNotView .downloadBtn, .attachmentsPreview .previewContainer .linkPreview .downloadBtn { display: inline-block; width: 110px !important; height: 44px; padding: 0; line-height: 44px; font-size: 16px; color: #fff; cursor: pointer; } .attachmentsPreview .thumbnailGuide { background-color: rgba(0, 0, 0, 0.6); text-align: center; position: absolute; width: 100%; bottom: 0px; transition: transform 0.4s; } .attachmentsPreview .thumbnailGuide .statusBar { text-align: center; padding: 13px 0; } .attachmentsPreview .thumbnailGuide .statusBar .fold { min-height: 24px; } .attachmentsPreview .thumbnailGuide .statusBar .imageOperate { display: inline-block; } .attachmentsPreview .thumbnailGuide .statusBar .imageOperate .originImage { display: inline-block; margin: 0 15px; text-decoration: none; color: rgba(255, 255, 255, 0.8); font-size: 12px; border-radius: 2px; padding: 3px 10px; border-radius: 3px; background: rgba(255, 255, 255, 0.1); } .attachmentsPreview .thumbnailGuide .statusBar .imageOperate .originImage:hover { background: rgba(255, 255, 255, 0.2); } .attachmentsPreview .thumbnailGuide .statusBar [class^='icon-'], .attachmentsPreview .thumbnailGuide .statusBar [class*=' icon-'] { font-size: 24px; margin: 0 15px; color: rgba(255, 255, 255, 0.8); vertical-align: middle; } .attachmentsPreview .thumbnailGuide .statusBar [class^='icon-']:hover, .attachmentsPreview .thumbnailGuide .statusBar [class*=' icon-']:hover { color: #ffffff; } .attachmentsPreview .thumbnailGuide .statusBar .icon-apps, .attachmentsPreview .thumbnailGuide .statusBar .icon-arrow-down-border { font-size: 26px; margin-right: 0px; } .attachmentsPreview .thumbnailGuide .statusBar .currentIndex { line-height: 1em; display: inline-block; margin: 0 15px 0 5px; color: #fff; font-size: 14px; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .attachmentsPreview .thumbnailGuide .statusBar .tip { position: absolute; right: 10px; top: 16px; color: #757575; } .attachmentsPreview .thumbnailGuide .thumbnailList { display: inline-block; text-align: center; padding: 2px 0 10px; max-width: 80%; overflow-x: scroll; margin: 0 auto; } .attachmentsPreview .thumbnailGuide .thumbnailList .listContainer { transition: margin-left 0.4s linear; } .attachmentsPreview .thumbnailGuide .thumbnailList .thumbnailItem { position: relative; display: inline-block; width: 70px; height: 70px; margin: 0 4px; overflow: hidden; cursor: pointer; vertical-align: middle; border: 2px solid transparent; } .attachmentsPreview .thumbnailGuide .thumbnailList .thumbnailItem img { max-width: 100%; } .attachmentsPreview .thumbnailGuide .thumbnailList .thumbnailItem.current { border: 2px solid #2196f3; } .attachmentsPreview .thumbnailGuide .thumbnailList .thumbnailItem.current:after { display: none; } .attachmentsPreview .thumbnailGuide .thumbnailList .thumbnailItem:after { display: block; content: ''; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); transition: opacity 0.3s ease; } .attachmentsPreview .thumbnailGuide .thumbnailList .thumbnailItem:hover:after { display: none; } .attachmentsPreview .thumbnailGuide .thumbnailList .thumbnailItem .typeBlock { position: absolute; box-sizing: border-box; left: 0px; top: 0px; padding: 5px 5px; width: 100%; height: 100%; text-align: left; } .attachmentsPreview .thumbnailGuide .thumbnailList .thumbnailItem .typeBlock .fileName { position: absolute; word-break: break-all; color: #fff; line-height: 1.2em; } .attachmentsPreview .thumbnailGuide .thumbnailList .thumbnailItem .typeBlock .extName { position: absolute; max-width: 60px; color: #fff; left: 6px; bottom: 2px; font-size: 15px; font-weight: bold; line-height: 1em; } .attachmentsPreview .attachmentInfo { position: absolute; background-color: #fff; border-left: 1px solid #eee; width: 328px; top: 54px; right: 0px; bottom: 0; transform: translateX(1px); transition: top 0.4s; } .attachmentsPreview .attachmentInfo .toggleBtn { position: absolute; cursor: pointer; width: 40px; height: 38px; left: -41px; top: 30px; color: rgba(255, 255, 255, 0.8); background-color: rgba(117, 117, 117, 0.2); text-align: center; line-height: 38px; font-size: 21px; border-radius: 2px 0 0 2px; } .attachmentsPreview .attachmentInfo .attDetails { padding-top: 15px; padding-left: 20px; padding-right: 20px; font-size: 13px; } .attachmentsPreview .attachmentInfo .attDetails .attCreator a { width: 45px; height: 45px; vertical-align: middle; display: inline-block; } .attachmentsPreview .attachmentInfo .attDetails .attCreator span { margin-left: 6px; color: #696969; } .attachmentsPreview .attachmentInfo .attDetails .attCreator .attAvater { height: 45px; width: 45px; border-radius: 50%; } .attachmentsPreview .attachmentInfo .attDetails .attCreatorName { display: inline-block; vertical-align: middle; max-width: 15em; margin-left: 6px; color: #212121; } .attachmentsPreview .attachmentInfo .attDetails .attOperateTime { margin-top: 10px; margin-bottom: 10px; color: #9c9c9c; } .attachmentsPreview .attachmentInfo .attDetails .attPostInfo { color: #9c9c9c; font-size: 12px; line-height: 24px; height: 120px; overflow: hidden; } .attachmentsPreview .attachmentInfo .attDetails .viewDetails { margin-top: 5px; height: 30px; } .attachmentsPreview .attachmentInfo .attDetails .postDetails { cursor: pointer; font-size: 12px; color: #aaa; } .attachmentsPreview .attachmentInfo .attDetails .postDetails:hover { cursor: pointer; text-decoration: none; color: #0066cc; } .attachmentsPreview .noSelect { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } @media screen and (max-width: 500px) { .previewHeader .saveTo, .previewHeader .shareNode, .previewHeader .more, .previewHeader .newVersion, .previewHeader .historyPanel { display: none !important; } .previewHeader .fileName { max-width: 100px !important; } .statusBar .tip, .statusBar .icon-apps { display: none !important; } .statusBar .imageOperate * { display: none !important; } .statusBar .imageOperate .icon-zoom_in2, .statusBar .imageOperate .icon-zoom_out, .statusBar .imageOperate .originImage { display: inline-block !important; } } .mingPopupMask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; } .mingPopup { position: absolute; margin-top: -5px; width: 364px; background-color: #fff; z-index: 1000; border: 1px solid #dadada !important; border-radius: 3px !important; background: #fff !important; box-shadow: 0 0 15px rgba(99, 99, 99, 0.5) !important; } .mingPopup .arrow { content: ''; display: block; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; top: -16px; left: 47px; } .darkHeader .header { margin: 0 !important; padding-left: 24px; background-color: #f5f5f5; } .uploadNewVersionContainer .filePreview { position: relative; height: 120px; margin: 0px -24px 25px; text-align: center; background-color: #f5f5f5; } .uploadNewVersionContainer .filePreview .fileIcon { display: none; margin: -13px auto 0; position: relative; width: 85px; height: 97px; background-size: cover !important; } .uploadNewVersionContainer .filePreview .fileSize { position: absolute; right: 3px; bottom: 3px; padding: 3px 2px; border-radius: 3px; background: rgba(255, 255, 255, 0.4); display: block; color: #333; line-height: 1; text-indent: 0; } .uploadNewVersionContainer .filePreview .thumbnailCon { display: none; position: absolute; top: -59px; display: table; width: 100%; height: 185px; } .uploadNewVersionContainer .filePreview .thumbnail { display: table-cell; text-align: center; vertical-align: middle; } .uploadNewVersionContainer .filePreview .thumbnail img { max-width: 60%; max-height: 100px; } .uploadNewVersionContainer .filePreview .process { width: 46%; height: 10px; background: #ccc; border-radius: 10px; position: absolute; top: 50%; margin-top: -5px; left: 27%; } .uploadNewVersionContainer .filePreview .process .processBar { border-radius: 10px; overflow: hidden; } .uploadNewVersionContainer .filePreview .process .processBar .processContent { height: 10px; width: 0; } .uploadNewVersionContainer .filePreview .process .processBar .processPercent { position: absolute; right: -35px; top: -4px; } .uploadNewVersionContainer .dList .dItem { position: relative; padding-left: 100px; margin-bottom: 24px; } .uploadNewVersionContainer .dList .dItem .itemLabel { position: absolute; left: 0px; width: 80px; text-align: right; font-size: 14px; color: #9e9e9e; line-height: 36px; height: 36px; } .uploadNewVersionContainer .dList .dItem .itemContent input, .uploadNewVersionContainer .dList .dItem .itemContent textarea { border: 1px solid #e8e8e8; width: 334px; height: 36px; padding: 10px; border-radius: 2px; box-sizing: border-box; } .uploadNewVersionContainer .dList .dItem .itemContent input:-ms-input-placeholder, .uploadNewVersionContainer .dList .dItem .itemContent textarea:-ms-input-placeholder { color: #acacac !important; } .uploadNewVersionContainer .dList .dItem .itemContent input::-ms-input-placeholder, .uploadNewVersionContainer .dList .dItem .itemContent textarea::-ms-input-placeholder { color: #acacac; } .uploadNewVersionContainer .dList .dItem .itemContent input::placeholder, .uploadNewVersionContainer .dList .dItem .itemContent textarea::placeholder { color: #acacac; } .uploadNewVersionContainer .dList .dItem .itemContent input:focus, .uploadNewVersionContainer .dList .dItem .itemContent textarea:focus { border-color: #2196e3; } .uploadNewVersionContainer .dList .dItem .itemContent textarea { height: 90px; resize: none; } #folderSelectDialog { } /*#folderSelectDialog ul li{ margin: 0px; padding: 0px; list-style-type: none; }*/ #folderSelectDialog .folderContent { } #folderSelectDialog .folderContent .folderUrl { margin: -4px 0 4px; font-size: 14px; height: 30px; overflow-x:hidden; } #folderSelectDialog .folderContent .folderUrl .positionUrl{ transition:all 1s ease; } #folderSelectDialog .folderContent .folderNode { border: 0px solid #ccc; border-top-width: 1px; border-bottom-width: 1px; margin: 0 -24px; padding: 4px 24px; overflow: hidden; overflow-y: auto; box-sizing:border-box; min-height: 300px; max-height: 380px; } #folderSelectDialog .folderContent .folderNode .project{ } #folderSelectDialog .folderContent .folderNode .project.myFiles{ margin-top: 5px; } #folderSelectDialog .folderContent .folderNode .project .projectName, #folderSelectDialog .folderContent .folderNode .homeNetWork{ padding: 10px 0 5px 14px; display: inline-block; max-width: 300px; } #folderSelectDialog .folderContent .folderNode .project > i{ margin-top: 10px; margin-right: 10px; cursor:pointer; color: #666; } #folderSelectDialog .folderContent .animated { -webkit-transition:all 1s ease; transition:all 1s ease; } #folderSelectDialog .folderContent .folderNode .project .initFlop{ transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } #folderSelectDialog .folderContent .folderNode .flop{ transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } #folderSelectDialog .folderNode .nodeList { width: 100%; font-size: 0px; position:relative; } #folderSelectDialog .folderUrl .disable{ cursor: initial !important; color: #9e9e9e !important; } #folderSelectDialog .folderUrl .levelName { cursor: pointer; display: inline-block; } #folderSelectDialog .folderUrl .levelName:not(.ThemeColor3):hover{ text-decoration:none!important; } #folderSelectDialog .folderUrl .levelName:nth-child(3){ max-width: 130px !important; } #folderSelectDialog .folderUrl .levelName:not(.flex){ max-width: 84px; } #folderSelectDialog .folderUrl .levelName:hover{ text-decoration:underline; } #folderSelectDialog .folderUrl .operation{ display:none; padding-left:15px; box-sizing: border-box; color: #7d7d7d; font-size:0px; } #folderSelectDialog .folderUrl .operation .createFolder,#folderSelectDialog .folderUrl .operation .icon-search{ vertical-align:middle; color: #7d7d7d; opacity: .8; } #folderSelectDialog .folderUrl .operation .createFolder:hover,#folderSelectDialog .folderUrl .operation .icon-search:hover{ opacity:1; } #folderSelectDialog .folderUrl .operation .createFolder{ font-size: 18px; cursor: pointer; } #folderSelectDialog .folderUrl .operation .icon-search{ font-size:16px; cursor:pointer; background-color:#fff; display: inline-block; height: 22px; width: 24px; line-height: 22px; } #folderSelectDialog .folderUrl .operation .folderSearch{ display: inline-block; margin-right: 12px; margin-left:12px; box-sizing: border-box; height: 30px; line-height: 30px; } #folderSelectDialog .folderUrl .operation .searchFolder{ margin-right: -14px; padding: 2px 0px 2px 0px; vertical-align: middle; width: 0px; border-width: 0px; border-bottom: 1px solid #7d7d7d; font-size: 13px; } .folderNode .nodeList .nodeItem , .folderNode .nodeList .addNewFolder, .folderNode .nodeList .nullItem { box-sizing: border-box; height: 46px; line-height: 46px; cursor: pointer; } #folderSelectDialog .folderNode .nodeList .nullItem{ font-size:12px; background-color:#f9f9f9; padding-left:56px; } .folderNode .nodeList .addNewFolder .editBox{ margin-left: 15px; vertical-align: middle; width: 160px; height: 20px; line-height: 20px; background: #fff; border:0; margin-top: 3px; color:#7d7d7d; padding: 0; user-select: auto !important; } #folderSelectDialog .folderNode .nodeList .nodeItem:not(.ThemeBGColor3) .customSelect { z-index:1000 !important; } #folderSelectDialog .folderNode .nodeList .nodeItem .leftContent { /*float:left;*/ display:inline-block; font-size:0; } #folderSelectDialog .folderNode .nodeList .nodeItem .visibleType { float:right; } #folderSelectDialog .folderNode .nodeList .nodeItem .noChange{ float:right; margin-right:10px; font-size:12px; } #folderSelectDialog .folderNode .nodeList .nodeItem:hover { background-color: #f8f8f8; } #folderSelectDialog .folderNode .nodeList .nodeItem .nodeName { margin-left: 15px; font-size: 12px; vertical-align: middle; max-width: 230px; display: inline-block; } #folderSelectDialog .folderNode .nodeList .nodeItem:not([nodeType="2"]) .nodeName:hover{ text-decoration:underline; } #folderSelectDialog .folderNode .nodeList .nodeItem .nodeExt { display:inline-block; font-size: 12px; vertical-align: middle; min-width:20px; max-width: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #folderSelectDialog .folderNode .nodeList .nodeItem .nodeType, .folderNode .nodeList .addNewFolder .nodeType { height: 32px; width: 29px; vertical-align: middle; margin-left: 10px; display: inline-block; font-size: 20px; } #folderSelectDialog .folderNode .nodeList .nodeItem .icon-attachment{margin:5px -5px 0 15px;} #folderSelectDialog .folderNode .nodeList .nodeItem .fileIcon-folder{margin-top:-4px;} #folderSelectDialog .colorWhite { color: #fff; } #folderSelectDialog .folderNode .nodeList .nodeItem .customSelect { float:right; /*position: static !important;*/ } #folderSelectDialog .nodeList .nodeItem .customSelect .csList { left:inherit; right:0; } #folderSelectDialog .nodeList .nodeItem .customSelect .csList ul li { box-sizing: border-box; text-align:right; } #folderSelectDialog .noItemBox { -webkit-box-shadow: 0px 2px 10px 0px rgba(245,68,68,1); -moz-box-shadow: 0px 2px 10px 0px rgba(245,68,68,1); box-shadow: 0px 2px 10px 0px rgba(245,68,68,1); } #folderSelectDialog .folderNode .nullData { /*padding: 15px 15px;*/ text-align: center; margin-top: 10px; width:100%; } #folderSelectDialog .selectedHint { height: 30px; line-height: 30px; font-size: 12px; margin-top:8px; padding:0 15px; overflow:hidden; display: none !important; } /*#folderSelectDialog .selectedHint .selectedTitle { width: 56px; display: inline-block; overflow: hidden; white-space: nowrap; font-size: 12px; vertical-align: middle; } #folderSelectDialog .selectedHint .selectedItem { display: inline-block; width: 369px; border: 1px solid #bdbdbd; height: 28px; line-height: 28px; vertical-align: middle; border-radius: 3px; font-size: 12px; margin-left: 8px; padding-left: 5px; }*/ #folderSelectDialog .selectedHint .selectedItem{ font-size:12px; } #folderSelectDialog .selectedHint .selectedItem .item { margin-right:10px; background-color: #9c9c9c; padding: 4px; border-radius: 3px; } #folderSelectDialog .selectedHint .selectedItem .itemName { max-width: 196px; display: inline-block; } #folderSelectDialog .folderNode .nodeItem .searchPath{ min-width: 40px; opacity:.5; text-align: right; padding-left: 15px; } #folderSelectDialog .folderNode .nodeItem .searchPath span{ display:inline-block; } #folderSelectDialog .folderNode .nodeItem .searchPath span:not(.felx){ max-width:60px; } #folderSelectDialog .folderNode .nodeItem .searchPath .rootName{ max-width:50px; } #folderSelectDialog .folderNode .nodeItem .searchPath .above{ text-align:left; } #folderSelectDialog .folderNode .nodeItem .statusIcon{ width: 26px; margin: 0 8px; text-align: center; display:inline-block; position:relative; } /* #folderSelectDialog .folderNode .nodeItem .sharePer:after { content: ''; position: absolute; display: inline-block; width: 100%; height: 4px; left: 0; bottom: -4px; } */ #folderSelectDialog .folderNode .nodeItem .statusIcon > i{ vertical-align:middle; } #folderSelectDialog .folderNode .nodeItem .statusIcon > i:not(.ThemeColor3){ opacity:.5; } /*分享权限*/ #folderSelectDialog .sharePermision{ position: absolute; display: none; left: 20px; bottom: 6px; width: 270px; background-color:#fff; box-shadow: 0 4px 7px rgba(0,0,0,.2); border: 1px solid #f1f1f1; z-index:1005; border-radius: 3px; } #folderSelectDialog .contraryTaskBoxShadow{ box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.13), 0 -2px 6px rgba(0, 0, 0, 0.1); } #folderSelectDialog .contraryShareShadow{ -webkit-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1); } #folderSelectDialog .sharePermision .shareList{ padding: 8px 0; } #folderSelectDialog .sharePermision ul li{ /*height:28px;*/ /*line-height:28px;*/ font-size: 14px; text-align:left; padding: 5px 16px; overflow: hidden; } #folderSelectDialog .sharePermision ul li .desc{ margin: 2px 0px 5px 0; line-height: 1.2em; color: #bdbdbd; font-size: 12px; } #folderSelectDialog .sharePermision ul li .visibleName .ownerName { display: inline-block; max-width: 104px; } #folderSelectDialog .sharePermision ul li .visibleName .companyName { display: inline-block; max-width: 132px; } #folderSelectDialog .sharePermision ul li:not(.ThemeColor3):hover{ background-color: #f8f8f8; cursor:pointer; } #folderSelectDialog .sharePermision ul li .selectSpan { font-size: 14px; width: 32px; text-align: center; display: inline-block; } #folderSelectDialog .nodeVisibleType { position: relative; top: 16px; height: 0; box-sizing: border-box; line-height: 24px; color: #333; } #folderSelectDialog .nodeVisibleType .visibleTypeIcon { width: 22px; height: 22px; margin-right: 10px; border-radius: 22px; border: 1px solid #ccc; display: inline-block; font-size: 18px; text-align: center; line-height: 20px; color: #9e9e9e; } #folderSelectDialog .nodeVisibleType .danger { border-color: #FD423E !important; color: #FD423E !important; } #folderSelectDialog .nodeVisibleType .updateTypeBtn { margin-left: 8px; } #folderSelectDialog .nodeVisibleType .updateTypeBtn:hover { text-decoration: underline; } #folderSelectDialog .footer { margin-top: 10px !important; } #folderSelectDialog .footer a { z-index: 2; position: relative; } .kcDialogBox .header{ height: 60px!important; line-height: 60px; margin: 0 30px!important; } .kcDialogBox .noHeader { margin: 0 30px!important; } .kcDialogBox .dialogCloseBtn{ margin-top: 8px!important; margin-right: -22px!important; font-size: 16px!important; } .kcDialogBox .header .title{ /*vertical-align:middle!important;*/ /*display: inline-block!important;*/ margin-top: 0!important; } .kcDialogBox .dialogContent{ padding: 0px 30px 0!important; } .kcDialogBox .footer{ margin-top: 0; text-align: right!important; padding: 0 22px 15px; } .kcDialogBox .footer .yesText{ display: inline-block; height: 35px; width: 90px; background-color: #1191EA; text-align: center; line-height: 35px; color: #fff; cursor: pointer; padding: 0px!important; } .nullDataHintBox{ -webkit-box-shadow: 0px 1px 10px 0px rgba(245,68,68,1); -moz-box-shadow: 0px 1px 10px 0px rgba(245,68,68,1); box-shadow: 0px 1px 10px 0px rgba(245,68,68,1); } @font-face { font-family: 'emotion'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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); font-weight: normal; font-style: normal; } [class^='emotion'], [class*=' emotion'] { font-family: 'emotion'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .emotion-emoji:before { content: '\E601'; } .emotion-bear:before { content: '\E600'; } .emotion-face:before { content: '1'; } .emotion-history:before { content: '2'; } .emotion-twemoji { width: 22px; height: 22px; } .mdEmotion { position: absolute; background: #fff; box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15); border: solid 1px #c7c7c7; z-index: 10; height: 240px; } .mdEmotion .mdEmotionWrapper { padding: 4px; width: 380px; height: 188px; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; } .mdEmotion .arrow, .mdEmotion .arrow:after { width: 0; height: 0; display: block; position: absolute; border-color: transparent; border-style: solid; border-width: 8px; } .mdEmotion .arrow:after { content: ''; } .mdEmotion.emotion-bottom { margin-top: 8px; } .mdEmotion.emotion-bottom .arrow, .mdEmotion.emotion-bottom .arrow:after { border-top-width: 0; } .mdEmotion.emotion-bottom .arrow { left: 50%; margin-left: -8px; top: -8px; border-bottom-color: #c7c7c7; } .mdEmotion.emotion-bottom .arrow:after { border-bottom-color: #fff; top: 1px; margin-left: -8px; } .mdEmotion.emotion-top { margin-top: -8px; } .mdEmotion.emotion-top .arrow, .mdEmotion.emotion-top .arrow:after { border-bottom-width: 0; } .mdEmotion.emotion-top .arrow { left: 50%; margin-left: -8px; bottom: -8px; border-top-color: #c7c7c7; } .mdEmotion.emotion-top .arrow:after { border-top-color: #fff; bottom: 1px; margin-left: -8px; } .mdEmotion.emotion-left { margin-left: -8px; } .mdEmotion.emotion-left .arrow, .mdEmotion.emotion-left .arrow:after { border-right-width: 0; } .mdEmotion.emotion-left .arrow { top: 50%; margin-top: -8px; right: -8px; border-left-color: #c7c7c7; } .mdEmotion.emotion-left .arrow:after { border-left-color: #fff; right: 1px; margin-top: -8px; } .mdEmotion.emotion-right { margin-left: 8px; } .mdEmotion.emotion-right .arrow, .mdEmotion.emotion-right .arrow:after { border-left-width: 0; } .mdEmotion.emotion-right .arrow { top: 50%; margin-top: -8px; left: -8px; border-right-color: #c7c7c7; } .mdEmotion.emotion-right .arrow:after { margin-top: -8px; border-right-color: #fff; left: 1px; } .mdEmotion .mdEmotionTab { border-top: solid 1px #ececec; margin-bottom: -9px; padding: 10px 6px; height: 50px; background: #fff; box-sizing: border-box; } .mdEmotion .mdEmotionTab .tabItem { display: inline-block; font-size: 20px; line-height: 100%; cursor: pointer; vertical-align: middle; color: #666; padding: 4px; margin-right: 6px; } .mdEmotion .mdEmotionTab .tabItem:hover { background: #efefef; } .mdEmotion .mdEmotionTab .tabItem-images { width: 22px; height: 22px; } .mdEmotion .mdEmotionTab .tabItem.active { color: #08f; background: #f1f1f1; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel { display: none; margin-right: -17px; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel.panel1 .emotionItem { box-sizing: border-box; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel.panel1 .emotionItem.emotionItemBear, .mdEmotion .mdEmotionWrapper .mdEmotionPanel.panel1 .emotionItem.emotionItemAru { transition: all 0.3s 0.1s; width: 25px; height: 25px; line-height: 24px; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel.panel1 .emotionItem.emotionItemBear img, .mdEmotion .mdEmotionWrapper .mdEmotionPanel.panel1 .emotionItem.emotionItemAru img { width: 100%; height: auto; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel.active { display: block; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel .emotionItem { font-size: 0; margin: 4px; display: inline-block; vertical-align: top; width: 25px; height: 25px; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel .emotionItem.emoji { padding: 0 1px; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel .emotionItem img { width: 24px; height: 24px; margin: 0; padding: 0; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel .emotionItem .emotion-twemoji { width: 22px; height: 22px; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel .emotionItem.emotionItemBear { width: 53px; height: 53px; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel .emotionItem.emotionItemBear img { width: 53px; height: 53px; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel .emotionItem.emotionItemAru { width: 53px; height: 53px; line-height: 53px; } .mdEmotion .mdEmotionWrapper .mdEmotionPanel .emotionItem.emotionItemAru img { width: 100%; height: auto; vertical-align: middle; max-height: 100%; } #createShare_container .qrCode { margin: 20px auto 0; text-align: center; } #createShare_container .qrCode img { height: 150px; } .createShareDesc, .createShareCopy { width: 100%; text-align: center; margin-top: 20px; position: relative; } .createShareCopy span { cursor: pointer; color: #888; } .createShareCopy span i { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAEECAYAAABtBXvlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyN0QzNUYxQTZGNTExRTU5NTQ2REVFMEFGMUJBMEZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyN0QzNUYyQTZGNTExRTU5NTQ2REVFMEFGMUJBMEZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjI3RDM1RUZBNkY1MTFFNTk1NDZERUUwQUYxQkEwRkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjI3RDM1RjBBNkY1MTFFNTk1NDZERUUwQUYxQkEwRkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6WuLVZAAAgCklEQVR42uxdCZgV1ZU+/XqhaZqGhmYRjI0ajagojgsjifuC4oLL6CjuER3jMsaYBBRMcMRtkomOEU0UJ+5oNCo6GFcGlygxLkRjxAWkCTTdQLM2a29z/1en7OrHe6+r6tV2q87/feeju3mv6tat8997z3LPLero6CCBQJAdKekCgUAIIhAIQQQCIYhAECBKcv3HSU+cIr1jwQtnPefLdevq6kJ9rtraWnm5bgjiMYqVfFvJLkqGKqnme7cr2aikAbqiZIGSDfJatsO3lOzG/1ayAM0s/1DyJf8r0IQg31FympJjleyvpLeN74Awnyt5XcmLSl5T0pLA9zJYyTglRyo5XMlAm99boWSukjlKZvHAI4gQQcqVnK3kCiaFG5toOMuVSpqUPKrkLiWLEmAPghQTlIzhWdcpQKQzWaYreVnJDCZLu6h7eATBy7xUyWReQnmF/kquZrI8qeQ6JUti9g6KeFCZwgNDNliXUOayiizLLesSzPpOxrJ8pmSakplKJDIcMEH2UvKAklE+2zDjlZyu5CYltytp1b3zlYG+D4/038vy3+8quYeXS/U2LzmEl2WXKznY8ncQ7zH+O+RjUX3703ohuETJ+z6Tw4oePBL+SclOGhOjSMlE9eMHGeTAkvJaJX2UjOblZb2DS9fzd0bzNa7la5r4Lt9zIs9cAp8Igs79LyX3sd0RNA7iF32whuSoUv+8oOS2jBkcI3uNkl8pWe/BrdbztWr42h2WVcNt3IYqoYD3BAE57lXyo5Dbjhf/qpKjNSLHIPXPG0pOsPx5npL9uE/9Aq79T3wvE2jDG6pNg4UG3hIENsC/RaT9vdhDM0oDcgxQ/7ypZKTlz5N4FpwfQBPm870mWf6GtrzJbRN4QJCTlFwfsWeoUPIM2Y8VhEEO2ANwue5u+fN57GwIGrfzvU3A+/UKt1FQAEEwytxv07hbTob/HbPN/7lo11e8LJjGToDuAO/Ng1E1yMnwIO1n+fPpbEyHBdz7tIyZ5HFuq8AlQf5DySAbn3uJR0p4uH5GhttxmoP7wPAfzoblDbx8mmnje8eTEU+IGn6SYXOczzNe2Hg2YyYZy20VuCAI0kYm2PgcYhMXUmcgy8StSrbZ+P5KJVdR1xgHIsBTbbbzFiVlEZo99skYHLD+fyRC7x8zyUTL7zerNu8rtHBOEKSO2AkqrlbSmOXvm5Sssrm0ykakRpvtHKbknAgtrRAELOU//Tkkm6M7/Cd1erfwjqfLUssZQXrwssCunTI8x9/tLM9GkJHpm4m9HDzThIj0LZZ71iDgDyKsB2ibGSf5bkSXqpElyGFkRGXtACPPU+wZMYElz91kL/kOeUV/yCBTlcORF1HkUKPsagRGv06x/An21EcR1oP5vEowMYWfIfGws2w6xuE1MdojOe5dtikQ9XaSwHiEksVkpJNs4lG4upvvrFWyhkdBkOxQCtdLdKplJkWqR5cg4N3Tp0dGAa68wuBFbW3tvYoU8Dr257afEhFnQuQJ4sZoK6bsCXh2gfSVo3L831Yy9om8xiT6lIkUJViXedMcfreSnx2OEbive2b8/yc8I5v4bQ6b7x9sW8wj+6nuN5ORnmI+gxDExmd2j0hbF/HLm8nOANhGiAz/kEe8nclIP+nBCrGOleRzns3esukoKHR5hdQNa/rLDJtf3YEMt/aFWUhhxewMglzazXUXM0kfou4zoGdYCHIMnkXNLA1CkPzoF3Ib17Li/EZJGxlxFYxuiC10t0vRGpzDd5EH9bCSJ3gm8gPjLP2K0bvZxndOYgWu9qE9w1jxLyMjQJlzP40iwwZFCrT5n/kZxuWYoYQgGVN+WMAyCsGsBiYE4hz7uLxWMZPrSDb6b+aXv83jNh9p+dmOsTGeSWt1YiwkIxFzGW2/5Xhhxu+Tslyzgh0lYywD3AFK3mYnxtI87ZnOBDGfRQjSDdaENIvcyp4gLD2Qmn2ih9eGlwzbeOHe/D51zXItFIdbfp5jY4b7nYUcGN0v52WUXeTz8IEo1/IMjHgMdhzOYpLkmkHn5HiWRCJlkyBBA9FdJEXCxTzfY3JYMZxHVaRYFBwc43R2M2kSwc18m51wP6TVmJF/BElHOSRHd4CxDs/UybzEBJD2/uM8y6x66gzMDuRnEoLkwYKA24TNPIjunqXkFTa8/UQx3+8+clcoIZdD44tuPnsEL3uIl1GnkH9VSJAfd6Pl92vYmZELX0TQSRNZgvwlwPa8zMsqjHiPUnB1u4gN//8pcCbZxfJzd1VYTrf8DM/cpz4/3y/J8P4BiHXki28tyvFMYoNkwdyA2gJv1YVkpJvM9GA0d4Pzealzk8vvWx0a3XmvDrP8/GyOzyDA+jOHbQAJrsvy9808k4zn32GI/2+Oa1iL9/UWguTH2+xNGepzW6awvfMqG5dh4edk7GF528V3e+dQsmzY0cZsA+fIpQ7bsCQHQYAvM8hHQpDCl1gw7u7xuR0oO3o/r433tvF5LEdQNOJpshcl3srLp/+m7utqFXNb/F7ebSVBLGYQ4NdkFGno71M74HJFeslEG5/F6H68RcEOIaNUaWmOz7fz582djRhdUYn62Dz32IOMDV9OCyk4GXnhLTI9XsgC+DjHcuk+F0usXLAmkS7zaCYUgnAnTWWieI0WNsjPVdLXxuenZ4y+SCFBhDxXdZP51HXbL9biv+qGIMSzGaL3TioRNuewR7IB6S9mAQdsf52V5TNQYq8KZCB95TjL7/OEIN4ssayK6YfBjheFost29yBkS8fIRyyk6hc5+Lx1tB3t8FmceH+etvyMZ9/L53f9Y+oM+DaxrZcLTrxxQhAGRtILyEhh9xJzWOntFoGbyksgAL58RNwPyPP5XcnYT28+64FkuDzt4ASHz+IkfoBZ7QP+uZSXfX7VqDqOnQ8m7ujGBnISzxGCZHhIkFjnZXo50rf3I/tu3aFspH/OM88kG9+Bh6yRR8P3qKsHKR8OcvIgtbW1jZYBBBHoId0MOPBQmblgOD8F23LHeti38AaioPjzlv6dzw6O7N6Suroh1LlhbQU/k9ggDoCXeCqPeD09aMNX5LyEaIqcR3hryHlUfg8Xz4OZ4Uz++UjKv3HrQzJywR5iBcZOSKSaICHxZTbkM1PUF2YszybmsDd2ZbJZ8+iW8gC3JU+brMmWcynhcOvKRArIGCZJoYmMYSVD2oGbds2xEORy6n5nI2pmoY7uwxbbaFf+bjbMziDIbTbbhfpi/0L5M3kp475zkk6QQvYdv8Vr/0LLZm6kcKLmfvUPvFFmYiBmRjvbBZCtvCcZbuXNHj8DYkyXcFvyHoiolleVltm8jbJ71mQGcYCvycjpaSyAbBilo+pKbHL6BezAU4r2KnW6VJHjdaeNry7n0XsiL3Pybbm1IlucxO2WW+tW4VeTvpvQC4IAhxY4E/VnOySKWOjyezMsBJlskyAmNjgcub0sJD454xlICFI4Ti3w+7vyci2K+JPL7yH5cAEb+XAM/IAsUXmzkkiUoGa9yyxOjAWUO4FSbBAHKGOvSCaQFHcxj25YAqAmVK7TahGXWELB7zuxq+iOoZYmWNJYM4IRZB0ZYT0YSV23B0/jZ5AZpMDvY61sLSoHRUcFDWwjbc1CJswWiNLCW9OLDUEzw/QPGVN82ACp3yvg+zPZpkClQvPQoaieiHWvZbB8R8njQg1vCGKW0IeRjoIK2OCfK0KLgNhnLNlwPxuoJRHpm1sL+bIagTvUsgVrqff5mbD/4qdk7F6MEn5KnUUaMKhdjrYLNQpfYsE1i0za63hmuIsKS+GGC/LBiPTLXOoaa3BLkr9mzIoosDA+Qu//bOpa9GEKt1ngAUHMwm0IVG30qD3YPbc65D5B0O4i8u488V8oedHy+2MeODa8wKkZS6kXIzi7aU0Q+NrXetwexALCdPGAFEj9WOzVBXm5glnDut8DJT3PDfE5z6WuZUURWxkvSytvCeIXniD76RNe43p2FngKpXgog3o0dd3y+gjZ2yDmNSZS10N80KajuI0CDQhiKuq9Ad/zBj+JqRQQWb4IqlpTc3A/68YpPzGS72V9RrTlUG6bQCOCdPBSa6qHtkAuwNV8NTmvwu6GJEjdQDUTa3E4eJCQ1XuZj7dGPOoD6vRWEbfhMEkn0ZMgJklQ7Ayblpb5eB9k3t4V1EMphYQTAMFV7GMxY0VmnGQVk9WLSiK9+Vq45m8s77qV730SOyQEmhLExB/JqHSCTT5bfLh+4BFjGMNK4F5FNrQ1nQV5aXey4r7DxvQODi6Nz57D313P17IW2niH73l7ADNzLFCiSTvhLcOeahRbQF7TxQ4VJx8wQz0XxkMh5lBXV4dYErxciJdYz3c8mDoj78hQwNZX7OVops7iEJUs2CGJDWS5jp5DcBaB3MeEGPEkiIl6NqaxvxoFFY5hJcIpWAOzfB6KBRfmWyzYpotqJShhZKaRj+UlTliK08GKi9QUZCbAzYyKK9Y9MjuR83MXYVthYxvqgT0TxkwpBAkPeNlvU9fqh1B45IVhHzbSWhBwzLZ3HvvT72NvDgpkY8/Ffmwoh/1MT7MMYRsBR7EdTsYpwXYAb9RcMnYCPk/5q8sLYkyQbNhM9nfjLeFlDYzzO3iZ9WGEngWK/VvqPLxmJ15C7WhZVpFlubWUl2BLRKWFIF5iHi/VRkS8nUtE+YUgYQE2wMdh3VwZ6vIGIoyijg5xaggEuZCSLhAIhCACQWE2SF1dnfSGILZwa+vJDCIQ2JlBBAUtU1FQG4fgDON/EdVHDtQA/heJg334syXUmYyIGlhIHkSQEPsxENNAsboVln9RnG8x/7uMJCIuBIkwoPCo+I69FUhvQe4UAnhlLq9nzdq1c3qXWfjiExa4p5HGLvs5hCChAOU/kUz4PTJyvsI+M7yMiblvxt8RRcdmKKTemDlnAiGI50AKB/KfjmMZpkm7d2e5gH/Hkuwlltep+yOpBTnwTaAwwV6sKiXjyNg4dWwBy6WoAssyZPX+noyav4ncJOXWi5XUGQRHniFB8XwyTsAtj/GzgvAnsmzhWQUH9mDLbYvMEUIQK1Dg7hJeigxO4PvGQHAKSwMTBRUtFwoVsiMpcZCjeeREiZuJCSVHJgZzX6BPXuaZtEi6JTkEweyIPd0oQo0DbcaIAmS3Q9n2QmVFuI3PI3HexJogKX7JiBegQNpIec22geIYOCtxAfdhsRAkXiMhPFGf8kv+tuh7QbYa+vBv3KdFQhC9gYJoKGnzJLk7ulmQHXtwn75DXYvOCUE0AfZoP57kFxjwAIS+/pYQRI92X812xtlifAe2hEVf/13JDykhHlAdH3IEj2aoGlgpehs40Od38DsYIQSJDuB6xAE7ONJslOhp6BjF7+JnFGO3sC4EwcGfb5BRzLpMdDMyKON38ga/IyFICEC+FIJ9o0UfI4vR/I7OF4IEB5yBiDwh5AtViQ5GHlXUmdvVQwjiL1BqExt/JojeaYcJ/O52EoL4g8PZ+DtQdE1bHMjv8DAhiPf2BjJLB4iOaQ+8w1d0t0uiQhAEoXDmx4MkXqo4oYzf6c9J02BuFAiCjNEHyDiwUyLi8UMRv9sHSMPs4LAJghEG+T0XiR7FHnjHM3VbIYRJEGz/xNFgZ4ruJAZn8DvvKQTJDxyThiPCThCdSRxO4HdfIQTJvazCKHKM6EpicTTrQJkQZHuDHPWZxoiOJB7QgaeibrgHSRB4M3Ak8TjRDQHjZDK8W0VCEOMg+/NFJwQZuIB1I9EEQX7OJNEFQQ5ANy5OKkGOVDJddEDQDe5hXUkUQYYpeYIkfUTQPcpYV3ZOCkHg536WJPFQYB/QlWcoQjESPwlyN0lVQ4FzjGTdiTVBULZS8qsEbnER61AsCbJLlEYAgbaYThEoBOE1QRAVfZRkD7mgcPRmXSqOE0Emk3HYpUDgBaBLU+JCkL2ZIAKB14PuCN0JgmkQ5V4k3iHwGqWsW8U6E+QKkurqAv+AMqdX6UqQoUpulnco8Bk3sa5pR5DbSKqsC/xHJeuaVgTBsuoceXeCgHBO0Ev5QgiCTS53kpTqEQSHwHWuEIKcQTE7p6OoqIiKi4vTkioS3kfYYA+sEo7bg0/gcpuqe0+DBD0rKqhCSY8ePdLEsKK9o4O2bdtGWzZvpo0bN1Jra6uoZzSASo1PK2mLKkHGKxmu80zRp08f6l1VlXemwP+VK+JA+vbtS5sVUVavXqOI0iIqGi6Gsw4+4ruudKhREqirq3NCKhyeqeU55JgpBgwYsN1sYRuqv9auW0frlAhCxUIyjqm2Na3X1tYGZoOcpSs5sJQaPGiQe3IY0096NgHJBKFiVzJO3Y2ckf4jHXuzZ3k5DaipSSu4V2Tr37+/qGm4uCZqBDlCyX669WJxKkU1Awd6Rg4TlZWVaRGEBujiUVEiyEQde7FvdbVvbtt+/fqlCSgIDT+JCkGw5jtWt94rLS31dZSHRwzeMEFoONZPm9gJQVD8TbvoWWVlb//v0bu3qGl4gE5eHDZBkJN/oY6916uX/xVksMSC+1gQGi5iHQ2NICcpGayjcV6QS9cBhCChYhDraGgEOU/HXispLQ3uXiUloqbh4vywCAIL9HgdeywVoHcpqJlKkBPHkQ/VdOxo0ClYQWjZZZxGI0gEerCuBk4QbQ/ZbGtvD+5ebW2iouHjzKAJggCCtmcJtrQEl3W7des2Uc/wcTR5vP07ZeOG2pby6eD9HEGgul+1pJ1EY5l1dJAE0f6wzU2bNgVjpKdS6eTFIUOGUs+ePUVVw8OYIAkyVvfeat6wgToCNNZLS0to4MCBNGjQoHSaiyBwjA2KINiMspPuvQVDff369YHft7y8XM0mQ6impkZcwMECOjs8CIIcHpcew+6/IA12K3r16kVDhw5Nb7IqkkIQQeGwIAhyaFx6C0usxsbGQN2+Vph74IfuuKMY8sHg0CAIEqtjDBCnaFjeQK2tbZ5cq7m5uTBDXi3BBL7BM93NVbQBiYnL49hzqVQR9etX4zrLd/OWLdS0cmV6NiopKVXXqnbttdqirrV69erQln8xxw5KGsxfvC7aENvDN9vbO2jVqpXU0NBAmzdvsf09xFNWKmKssCzVUP5nxYoV6eVbS4vzmlmmIY9ZRQx5z7G/FxfJlYI6Iu69t3XrVqXcjWnFxAyAdHW4ZVOp4rTN0N7eli4Uh1Ee9bDyFY3DZ+rrl6UN8moXW3Bhl+C78LbBodAhOWReAPvVZ/tFkMQc32zaE25sikyg+iICkzDIq6qqHHmtTEMeuxPXrlnjSXsSjn38NNJHSP+6A0b/tWvX0rKlSws25MvFkC8Ee/plpGMxvJl82sKYNGDZVl3dTy3j3Ck7nAJrxJB3A3QYvCdtXhvpQ4UcHr6llpa0rePWkO9pNeSlvJCjsYk8OJEqmw0yTPrWe5iGPAxy1Ony25DHbkrT+YCtxyXsJWtvb087HOCVgxevpSXWafrQ5SVCEI0AuwTGfKGG/JrVa9R1trdx4JVDWkulIlOuSpIgTdrjVk3pWW39+nVxdQpAl98UgmhqyG/YsMFQZofpJ+lSqjX902RZvbopPTsB+L2vEiclVpF9jOUbyLpy5aq4zSgF63I2ggwWFQ4GcDE3NTWll00oYerUawXlRlo94jRpe6WAfShwJuyww+B0MNS8XgxQsC5nWwjXiOoGb8jDiHdtyCtieLFJC0u4gQMGxMm9XOMHQfqJyoZryGNWCSvzGMuzGhwwFA+PWX8/CCKHXkTAkEegMay0E5ADnjYhiMwgkTfkly1bFoqHCY6DGCRQVvtBENnRE0FDvr6+/htvVZAk0Rw9/CBImahldA15pNe7MeTdoFz/6izlfhBEZpAIAy7YxoZg9rL1KNN+rCz2gyCCiKMsoKMW4PZN6e3NqhSCJBDY1BUUkl6JRQgiiDOa/SCIbGWLODo6ggsitocVsPQGbX4QRMqURxxBbZ5CWrzm++O3+EEQmUEiDNgESFUPAk6qvkQUWwu9QLZs3tUUg5q8cURFRUU66zeoCPemTdqPlWv8IoggQigrK0sTI8iTdLHjcMuWrbp3XZMfBGkSlYwGMFNUV1cHtqTqMvSuWROHLvSFIKtENcO3M9xsyfUK2OkYdN6XT1jlB0EaREXDg9vqjJ4Z5igzFI/ZwxNdzkaQxaKm4dgZ2Bte5jD/KX1A0Lp1VKVmnEJJhaqQq1atilPp08VCkKTaGUqJ11lKAKFSSv+aGlfHKuD7mDWwtIoZhCBJtDMw0uPYBOvZ7PgZleexNx2zSbkNj5dZl3iDIlqb3hHzQAmyjIyyjVJdMWJ2BlyvIAYq0+e0ITZvTgtmpvLynuklG6qfFKl7dbR3KFK0piPx+EzMy5m2sC57ThAMSwtIClh7DsQxEM9wY2egPi+WUba/o2YHFJZz8JW44QvyIBcr1/EHnwhBvLUzQAxEwp3aBnJmiGv83YuL5CLIX5WMlz72xs7oo+wMcmhnbNy4SRnOXe0MgSN84idBPpb+ja6dIbCFD/0kyPwkj/rGEWzuvDpB2hmCvPjAT4IgArmYElDIGgpdUdGLysuNMwqtLlcsbzCiw60KyUcasTMihcXkUUZISZ7/ezfOBEG8AJXV84305gGfECg/FBlR63aLIqcUoapc2xkb0wE6sTM8x7teXSgfQXCuwtlx6zkodL/+zs9J/+ZsjsrKdAV02AhuD8PBd2FnYHYS+IK3giDI3Lj1GhR50OAd0oEz19dQs8rgQYOopbU1vSQTOyOSmBsEQRAsxPFVsdhdiBmgUHJYLuaIHGJnBAro7GeerTi6+f8X49JryJT1hBwOgdkCBahRiFrIEQg81dnuCPJyLAzy8vLAd+XBzli+fHk6fVyM8EDhqc52N6S+RkYZIK2LtPYJ8KwLkAEGONzCgsCxlXU2sBkEZS1e1bnHYCsEUYTZep6HkCM0vEYel62y45/8vc495jRw52rWaG9PE0OM8NDhua7aIchz5EEBrrAQRKmc4vRei3ZRz/CXV7PCIMh6JS/p2mtBFVkrLpH9ZSEDOrouDIIAD+vaa0VFqYDuIxoaMh7x46J2tecFJY069lpQldDF9ggV0M3nwyQI9vf+TseeCyoGgUrogtDwIOtoaAQBHsBAqZ3lFsDGIxyqKTNIeIsEJTP8urgTgnyl5BXdei+ImMSmTZJ8GCJeYd0MnSDAL3TrPZS28XsWaW4WgoSIX/p5cacEeV3JR7r1ICLc/pGjWdkfLaKm4QC6+FqUCALcqVsvolI5FNlzB0B7O62NT6FnHeG7LrohyONKFurWk57v4FNG+coVK+JaslMHLGJdjBxB4M+8UbfehJcJtWu9IEn6WrztVhAabmRdjBxBzFlkgW49itG+oaGhoOUW4h24BmrbCkIDdO+xIG7kliCIvk3VsWcx+jc1NVGjw9kEJX9g7NfX10uxhfAxlTyou2sHRWaAq66uzvF3lcxTcpDOPY2yPxW9elF5j3IqLStNVz0xbYzWtrb0MgqxFMwYEgyMBP6iZBQ5DFrX1ta6ulkhm7TRwKuVvMNk0RKYDTJnBBR4EDJEcwGg5N8pwIyOQlNd5wXhSQhjGSaIJGayzpEuBAEmkcfbHAWCLEC6wsSgb+oFQZYquUHen8Bn3MC6ph1BgF8r+bO8Q4FPgG7dFcaNvSIIXG6XkE85+YJEo4V1q01nggA40ecWeZ8Cj3ELeXRaVNgEAW4iD0vPCxIP6NK0MBvgNUEwDZ6rZIO8W0GB2MC61BonggDIsrxS3q+gQFzFukRxIwiAMkEPyjsWuMRDLBRXggBXkHGctEDgBNCZy6PSGD8JgmoJpypZJe9cYBPQldNYd2JPEOBrJf9KxhEKAkE+bGNdWRSlRgVRl3MOG1wCQXdG+ZyoNSoV0H3uU3Kb6IAgB25jHaGkEgS4nnwqMCzQGg+zblDSCYJNFheRT0WGBVoCuvB9inBJ21TA90Ok/QyKyeGggoKAkqFnUkhJiFElCABvBVx5r4qOJBaohogQQOTrJqVCui/83CcrmS26kjjM5nevxUmnqRDvvYVnkqdEZxKDp/mda1NULBXy/bHcOpskbysJQG7VWaRZ0DgVgTbASIMnQzZbxRd4txdF3SCPKkEAuPkmk2zbjRvM7bKTScPTyaJEEBM4Sus4kgTHOGAVv8sZOj9EKoJtQj7O/kreFx3TFu/zO5yj+4OkItquJUoOIePgUIFeeIDf3ZI4PEwqwm2DG3iCkguUrBe9izzW87uawO+OhCDBAMls+5FUS4ky5vE7ejhuD5bSpJ3YRHMoGacKiZcrOmjhd3IIRWyjU9IIAqD8y1Q2/t4T3QwdeAcH8DtpjetDpjRsM6rsHazkGjIqfguCxUbu+9FKPo77w6Y0bTeOlsURwHuScWaEHOjhPzq4r/fkvm9LwkOnNG8/XInjeTSbJzrsqxE+mvt6SZIePBWzF4hkuAWiz57hc+7TxA5AqRg9C5YATyrZmwx//ELRb9dYxH24F/dpYpewqRg+E9bG8MfvoeQ8JfNF323jUybGd7gP25LeIakYPxtcj4+SEcA6hox98GLMZ595sT98rJIRTIxW6Zb4E8QK7IFGZuluSm5X0iCvnhq5L3ZXMkbJH2UA2R5F5pHHdXV1SXruUiUn8nICxOmRkOdGkYSXeJZ4gRKUlVBbW+vqeyUJHRigGM+y9FEyjowSNFiKlcXsWbfxDApje5aSdTIvyAziFpVKjuJZBTJM0+dYzDMF5HWSc+xlBvEIzTzKzuLf4QlDkuRolt0i2u4vlbzD8iZJLMgzCEHyYwGLWVh5MBnJkiOV7EtG2sXubNMEtTT8TMnfyMiDgnwkTgchSFQARZxNXQveFSsZyssxyM5KBioZoKRGSX8lvZX05c/DIVDBP2+izuqCa8k4uLKJjP3cEHiavuYlE2QZSWxCCKIZoLBLWN6U7ogXUtIFAkFufOPFEggEMoMIBEIQgUAIIhAIQQQCIYhAIAQRCIQgAoEQRCAQgggEAiGIQJAf/y/AAEFgo7rw25vdAAAAAElFTkSuQmCC) no-repeat; background-size: 100px 130px; width: 32px; height: 32px; background-position: -40px 0; display: inline-block; vertical-align: top; margin-top: -6px; margin-right: 5px; } .createShareCopy .clipboardswf { left: 50%; margin-left: -75px; top: -5px; position: absolute; } .createSharePadding { padding-bottom: 40px; } #createShare { margin-bottom: 0; } #createShare .noHeader { margin-right: 0; } .createShareTextRight { text-align: right; } .createShareLink { margin-left: 35px; } #createShare .shareOperator { width: 100%; text-align: right; margin-top: 20px; padding-bottom: 20px; } #createShare .shareBtn { margin-right: 24px; font-size: 13px; cursor: pointer; } #createShare .shareBtn.cancelStyle { color: #4caf50 !important; } .noShare { width: 100%; text-align: center; margin-top: 48px; } .noShare i { display: inline-block; width: 93px; height: 93px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAEECAYAAABtBXvlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyN0QzNUYxQTZGNTExRTU5NTQ2REVFMEFGMUJBMEZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyN0QzNUYyQTZGNTExRTU5NTQ2REVFMEFGMUJBMEZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjI3RDM1RUZBNkY1MTFFNTk1NDZERUUwQUYxQkEwRkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjI3RDM1RjBBNkY1MTFFNTk1NDZERUUwQUYxQkEwRkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6WuLVZAAAgCklEQVR42uxdCZgV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) no-repeat; background-size: 100px 130px; background-position: 0 -33px; } .noShareContent { width: 100%; text-align: center; margin-top: 20px; line-height: 30px; padding-bottom: 35px; } .noShareContent.noShareContentP { padding-bottom: 70px; } .shareBtnClose { color: #f44336 !important; } #createShareAlert { border-radius: 5px; z-index: 9999; position: fixed; bottom: 20px; left: 20px; padding: 12px 20px 10px; width: 290px; background-color: #fff; border-top-width: 8px; border-top-style: solid; -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2), 0 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2), 0 2px 12px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2), 0 2px 12px rgba(0, 0, 0, 0.2); } .createShareAlertTitle { font-size: 16px; margin-bottom: 7px; } .createShareAlertTitle .icon-plus-interest { font-size: 22px; vertical-align: top; display: inline-block; color: #4caf50; margin-right: 10px; } #createShareAlert .inviteBtn { margin-left: 15px; cursor: pointer; } #createShareAlert .inviteBtn:hover, #createShareAlert .createShareLink:hover { text-decoration: underline; } .createShareAlertClose { font-size: 24px; position: absolute; right: 10px; top: 0; cursor: pointer; } .createShareAlertClose:not(:hover) { color: #333 !important; } #createShareAlert.ns-hide { -webkit-animation-direction: reverse; animation-direction: reverse; } #createShareAlert.ns-show, #createShareAlert.ns-hide { -webkit-animation-name: animGenie; animation-name: animGenie; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } @-webkit-keyframes animGenie { 0% { opacity: 0; -webkit-transform: translate3d(0, calc(200% + 30px), 0) scale3d(0, 1, 1); -webkit-animation-timing-function: ease-in; } 40% { opacity: 0.5; -webkit-transform: translate3d(0, 0, 0) scale3d(0.02, 1.1, 1); -webkit-animation-timing-function: ease-out; } 70% { opacity: 0.6; -webkit-transform: translate3d(0, -40px, 0) scale3d(0.8, 1.1, 1); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @keyframes animGenie { 0% { opacity: 0; -webkit-transform: translate3d(0, calc(200% + 30px), 0) scale3d(0, 1, 1); -webkit-animation-timing-function: ease-in; transform: translate3d(0, calc(200% + 30px), 0) scale3d(0, 1, 1); animation-timing-function: ease-in; } 40% { opacity: 0.5; -webkit-transform: translate3d(0, 0, 0) scale3d(0.02, 1.1, 1); -webkit-animation-timing-function: ease-out; transform: translate3d(0, 0, 0) scale3d(0.02, 1.1, 1); animation-timing-function: ease-out; } 70% { opacity: 0.6; -webkit-transform: translate3d(0, -40px, 0) scale3d(0.8, 1.1, 1); transform: translate3d(0, -40px, 0) scale3d(0.8, 1.1, 1); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-notification { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: fixed; z-index: 1010; margin-right: 24px; } .ant-notification-top, .ant-notification-bottom, .ant-notification-topLeft, .ant-notification-bottomLeft { margin-right: 0; margin-left: 24px; } .ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active { -webkit-animation-name: NotificationLeftFadeIn; animation-name: NotificationLeftFadeIn; } .ant-notification-top, .ant-notification-bottom { margin-right: auto; margin-left: auto; } .ant-notification-close-icon { font-size: 14px; cursor: pointer; } .ant-notification-hook-holder { position: relative; } .ant-notification-notice { position: relative; width: 384px; max-width: calc(100vw - 24px * 2); margin-bottom: 16px; margin-left: auto; padding: 16px 24px; overflow: hidden; line-height: 1.5715; word-wrap: break-word; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-notification-top .ant-notification-notice, .ant-notification-bottom .ant-notification-notice { margin-right: auto; margin-left: auto; } .ant-notification-topLeft .ant-notification-notice, .ant-notification-bottomLeft .ant-notification-notice { margin-right: auto; margin-left: 0; } .ant-notification-notice-message { margin-bottom: 8px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; } .ant-notification-notice-message-single-line-auto-margin { display: block; width: calc(384px - 24px * 2 - 24px - 48px - 100%); max-width: 4px; background-color: transparent; pointer-events: none; } .ant-notification-notice-message-single-line-auto-margin::before { display: block; content: ''; } .ant-notification-notice-description { font-size: 14px; } .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 24px; } .ant-notification-notice-with-icon .ant-notification-notice-message { margin-bottom: 4px; margin-left: 48px; font-size: 16px; } .ant-notification-notice-with-icon .ant-notification-notice-description { margin-left: 48px; font-size: 14px; } .ant-notification-notice-icon { position: absolute; margin-left: 4px; font-size: 24px; line-height: 24px; } .anticon.ant-notification-notice-icon-success { color: #52c41a; } .anticon.ant-notification-notice-icon-info { color: #1890ff; } .anticon.ant-notification-notice-icon-warning { color: #faad14; } .anticon.ant-notification-notice-icon-error { color: #ff4d4f; } .ant-notification-notice-close { position: absolute; top: 16px; right: 22px; color: rgba(0, 0, 0, 0.45); outline: none; } .ant-notification-notice-close:hover { color: rgba(0, 0, 0, 0.67); } .ant-notification-notice-btn { float: right; margin-top: 16px; } .ant-notification .notification-fade-effect { -webkit-animation-duration: 0.24s; animation-duration: 0.24s; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ant-notification-fade-enter, .ant-notification-fade-appear { -webkit-animation-duration: 0.24s; animation-duration: 0.24s; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-notification-fade-leave { -webkit-animation-duration: 0.24s; animation-duration: 0.24s; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-fade-appear.ant-notification-fade-appear-active { -webkit-animation-name: NotificationFadeIn; animation-name: NotificationFadeIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-notification-fade-leave.ant-notification-fade-leave-active { -webkit-animation-name: NotificationFadeOut; animation-name: NotificationFadeOut; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes NotificationFadeIn { 0% { left: 384px; opacity: 0; } 100% { left: 0; opacity: 1; } } @keyframes NotificationFadeIn { 0% { left: 384px; opacity: 0; } 100% { left: 0; opacity: 1; } } @-webkit-keyframes NotificationLeftFadeIn { 0% { right: 384px; opacity: 0; } 100% { right: 0; opacity: 1; } } @keyframes NotificationLeftFadeIn { 0% { right: 384px; opacity: 0; } 100% { right: 0; opacity: 1; } } @-webkit-keyframes NotificationFadeOut { 0% { max-height: 150px; margin-bottom: 16px; opacity: 1; } 100% { max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } } @keyframes NotificationFadeOut { 0% { max-height: 150px; margin-bottom: 16px; opacity: 1; } 100% { max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } } .ant-notification-rtl { direction: rtl; } .ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 0; padding-left: 24px; } .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message { margin-right: 48px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description { margin-right: 48px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-icon { margin-right: 4px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-close { right: auto; left: 22px; } .ant-notification-rtl .ant-notification-notice-btn { float: left; } .mdNotification { width: 440px; min-height: 93px; border-top: 4px solid #2196f3; padding: 14px 20px 20px 14px; border-radius: 6px; } .mdNotification.error { border-top-color: #f44336; } .mdNotification.success { border-top-color: #4caf50; } .mdNotification.warning { border-top-color: #fb0; } .mdNotification.info { border-top-color: #1c97f3; } .mdNotification .ant-notification-notice-icon { margin-left: 0px; font-size: 24px; } .mdNotification .ant-notification-notice-icon .success { color: #4caf50; } .mdNotification .ant-notification-notice-icon .error { color: #f44336; } .mdNotification .ant-notification-notice-icon .warning { color: #fb0; } .mdNotification .ant-notification-notice-icon .info { color: #1c97f3; } .mdNotification .ant-notification-notice-message { font-weight: 500; margin-left: 34px; margin-bottom: 8px; font-size: 16px; color: #333; } .mdNotification .ant-notification-notice-description { font-size: 13px; color: #757575; } .mdNotification .ant-notification-notice-description .antNotificationDescription { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 62px; -webkit-line-clamp: 3; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ } .mdNotification .ant-notification-notice-description { margin-left: 34px; font-size: 13px; color: #333; } .mdNotification .ant-notification-notice-btn { margin-top: 8px; } .mdNotification .ant-notification-notice-close { font-size: 20px; right: 10px; top: 0px; color: #9e9e9e; } .notificationIconWrap { animation: rotate 3s ease-in-out infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .attachmentsLoading { width: 100%; height: 100%; text-align: center; display: table; } .attachmentsLoading .bounceWrap { height: 100%; width: 100%; display: table-cell; vertical-align: middle; } .attachmentsLoading .bounceWrap .bounce { width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; background-color: #eee; border-radius: 50%; background-clip: padding-box; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .attachmentsLoading .bounceWrap .bounce:nth-child(6) { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .attachmentsLoading .bounceWrap .bounce:nth-child(5) { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .attachmentsLoading .bounceWrap .bounce:nth-child(4) { -webkit-animation-delay: -0.48s; animation-delay: -0.48s; } .attachmentsLoading .bounceWrap .bounce:nth-child(3) { -webkit-animation-delay: -0.64s; animation-delay: -0.64s; } .attachmentsLoading .bounceWrap .bounce:nth-child(2) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .attachmentsLoading .bounceWrap .bounce:nth-child(1) { -webkit-animation-delay: -0.96s; animation-delay: -0.96s; } @-webkit-keyframes bouncedelay { 0%, 80%, to { opacity: 0; } 40% { opacity: 1; } } @keyframes bouncedelay { 0%, 80%, to { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } .dragAbleContainer { position: absolute; display: flex; align-items: center; justify-content: center; } .dragAbleContainer .dragAbleLoadDiv { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1001; } .dragAbleContainer .dragAbleImg.grab { cursor: grab; } .dragAbleContainer .dragAbleImg.grabbing { cursor: grabbing; } .codeViewer { background: #fff; position: absolute; overflow: scroll; padding: 0 10px 20px; box-sizing: border-box; display: flex; justify-content: center; user-select: text; } .codeViewer > * { max-width: 80%; margin-top: 10px; } .codeViewer > pre { white-space: pre-wrap; } .codeViewer.loading { align-items: center; } @font-face { font-family: octicons-link; src: url(data:font/woff;charset=utf-8;base64,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); } .codeViewer .markdown-body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; color: #333; background-color: #fff; font-size: 16px; line-height: 1.6; word-wrap: break-word; padding: 1em 0; } .codeViewer .markdown-body a { background-color: transparent; } .codeViewer .markdown-body a:active, .codeViewer .markdown-body a:hover { outline: 0; } .codeViewer .markdown-body strong { font-weight: bold; } .codeViewer .markdown-body h1 { font-size: 2em; margin: 0.67em 0; } .codeViewer .markdown-body img { border: 0; } .codeViewer .markdown-body hr { box-sizing: content-box; height: 0; } .codeViewer .markdown-body pre { overflow: auto; display: block; padding: 1em; background: #333; color: white; border: 1px solid #cccccc; border-radius: 3px 3px 3px 3px; font-size: 13px !important; line-height: 1.3em !important; } .codeViewer .markdown-body code, .codeViewer .markdown-body kbd, .codeViewer .markdown-body pre { font-family: monospace, monospace; font-size: 1em; } .codeViewer .markdown-body input { color: inherit; font: inherit; margin: 0; } .codeViewer .markdown-body html input[disabled] { cursor: default; } .codeViewer .markdown-body input { line-height: normal; } .codeViewer .markdown-body input[type='checkbox'] { box-sizing: border-box; padding: 0; } .codeViewer .markdown-body table { border-collapse: collapse; border-spacing: 0; } .codeViewer .markdown-body td, .codeViewer .markdown-body th { padding: 0; } .codeViewer .markdown-body * { box-sizing: border-box; } .codeViewer .markdown-body input { font: 13px / 1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; } .codeViewer .markdown-body a { color: #4078c0; text-decoration: none; } .codeViewer .markdown-body a:hover, .codeViewer .markdown-body a:active { text-decoration: underline; } .codeViewer .markdown-body hr { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #ddd; } .codeViewer .markdown-body hr:before { display: table; content: ''; } .codeViewer .markdown-body hr:after { display: table; clear: both; content: ''; } .codeViewer .markdown-body h1, .codeViewer .markdown-body h2, .codeViewer .markdown-body h3, .codeViewer .markdown-body h4, .codeViewer .markdown-body h5, .codeViewer .markdown-body h6 { margin-top: 15px; margin-bottom: 15px; line-height: 1.1; } .codeViewer .markdown-body h1 { font-size: 30px; } .codeViewer .markdown-body h2 { font-size: 21px; } .codeViewer .markdown-body h3 { font-size: 16px; } .codeViewer .markdown-body h4 { font-size: 14px; } .codeViewer .markdown-body h5 { font-size: 12px; } .codeViewer .markdown-body h6 { font-size: 11px; } .codeViewer .markdown-body blockquote { margin: 0; } .codeViewer .markdown-body ul, .codeViewer .markdown-body ol { padding: 0; margin-top: 0; margin-bottom: 0; } .codeViewer .markdown-body ol ol, .codeViewer .markdown-body ul ol { list-style-type: lower-roman; } .codeViewer .markdown-body ul ul ol, .codeViewer .markdown-body ul ol ol, .codeViewer .markdown-body ol ul ol, .codeViewer .markdown-body ol ol ol { list-style-type: lower-alpha; } .codeViewer .markdown-body dd { margin-left: 0; } .codeViewer .markdown-body code { font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 12px; } .codeViewer .markdown-body pre { margin-top: 0; margin-bottom: 0; font: 12px Consolas, 'Liberation Mono', Menlo, Courier, monospace; } .codeViewer .markdown-body .select::-ms-expand { opacity: 0; } .codeViewer .markdown-body .octicon { font: normal normal normal 16px/1 octicons-link; display: inline-block; text-decoration: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-user-select: none; -ms-user-select: none; user-select: none; } .codeViewer .markdown-body .octicon-link:before { content: '\F05C'; } .codeViewer .markdown-body:before { display: table; content: ''; } .codeViewer .markdown-body:after { display: table; clear: both; content: ''; } .codeViewer .markdown-body > *:first-child { margin-top: 0 !important; } .codeViewer .markdown-body > *:last-child { margin-bottom: 0 !important; } .codeViewer .markdown-body a:not([href]) { color: inherit; text-decoration: none; } .codeViewer .markdown-body .anchor { display: inline-block; padding-right: 2px; margin-left: -18px; } .codeViewer .markdown-body .anchor:focus { outline: none; } .codeViewer .markdown-body h1, .codeViewer .markdown-body h2, .codeViewer .markdown-body h3, .codeViewer .markdown-body h4, .codeViewer .markdown-body h5, .codeViewer .markdown-body h6 { margin-top: 1em; margin-bottom: 16px; font-weight: bold; line-height: 1.4; } .codeViewer .markdown-body h1 .octicon-link, .codeViewer .markdown-body h2 .octicon-link, .codeViewer .markdown-body h3 .octicon-link, .codeViewer .markdown-body h4 .octicon-link, .codeViewer .markdown-body h5 .octicon-link, .codeViewer .markdown-body h6 .octicon-link { color: #000; vertical-align: middle; visibility: hidden; } .codeViewer .markdown-body h1:hover .anchor, .codeViewer .markdown-body h2:hover .anchor, .codeViewer .markdown-body h3:hover .anchor, .codeViewer .markdown-body h4:hover .anchor, .codeViewer .markdown-body h5:hover .anchor, .codeViewer .markdown-body h6:hover .anchor { text-decoration: none; } .codeViewer .markdown-body h1:hover .anchor .octicon-link, .codeViewer .markdown-body h2:hover .anchor .octicon-link, .codeViewer .markdown-body h3:hover .anchor .octicon-link, .codeViewer .markdown-body h4:hover .anchor .octicon-link, .codeViewer .markdown-body h5:hover .anchor .octicon-link, .codeViewer .markdown-body h6:hover .anchor .octicon-link { visibility: visible; } .codeViewer .markdown-body h1 { padding-bottom: 0.3em; font-size: 2.25em; line-height: 1.2; border-bottom: 1px solid #eee; } .codeViewer .markdown-body h1 .anchor { line-height: 1; } .codeViewer .markdown-body h2 { padding-bottom: 0.3em; font-size: 1.75em; line-height: 1.225; border-bottom: 1px solid #eee; } .codeViewer .markdown-body h2 .anchor { line-height: 1; } .codeViewer .markdown-body h3 { font-size: 1.5em; line-height: 1.43; } .codeViewer .markdown-body h3 .anchor { line-height: 1.2; } .codeViewer .markdown-body h4 { font-size: 1.25em; } .codeViewer .markdown-body h4 .anchor { line-height: 1.2; } .codeViewer .markdown-body h5 { font-size: 1em; } .codeViewer .markdown-body h5 .anchor { line-height: 1.1; } .codeViewer .markdown-body h6 { font-size: 1em; color: #777; } .codeViewer .markdown-body h6 .anchor { line-height: 1.1; } .codeViewer .markdown-body p, .codeViewer .markdown-body blockquote, .codeViewer .markdown-body ul, .codeViewer .markdown-body ol, .codeViewer .markdown-body dl, .codeViewer .markdown-body table, .codeViewer .markdown-body pre { margin-top: 0; margin-bottom: 16px; } .codeViewer .markdown-body hr { height: 4px; padding: 0; margin: 16px 0; background-color: #e7e7e7; border: 0 none; } .codeViewer .markdown-body ul, .codeViewer .markdown-body ol { padding-left: 2em; } .codeViewer .markdown-body ul ul, .codeViewer .markdown-body ul ol, .codeViewer .markdown-body ol ol, .codeViewer .markdown-body ol ul { margin-top: 0; margin-bottom: 0; } .codeViewer .markdown-body li > p { margin-top: 16px; } .codeViewer .markdown-body dl { padding: 0; } .codeViewer .markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold; } .codeViewer .markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; } .codeViewer .markdown-body blockquote { padding: 0 15px; color: #777; border-left: 4px solid #ddd; } .codeViewer .markdown-body blockquote > :first-child { margin-top: 0; } .codeViewer .markdown-body blockquote > :last-child { margin-bottom: 0; } .codeViewer .markdown-body table { display: block; width: 100%; overflow: auto; word-break: normal; word-break: keep-all; } .codeViewer .markdown-body table th { font-weight: bold; } .codeViewer .markdown-body table th, .codeViewer .markdown-body table td { padding: 6px 13px; border: 1px solid #ddd; } .codeViewer .markdown-body table tr { background-color: #fff; border-top: 1px solid #ccc; } .codeViewer .markdown-body table tr:nth-child(2n) { background-color: #f8f8f8; } .codeViewer .markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; } .codeViewer .markdown-body code { padding: 0; padding-top: 0.2em; padding-bottom: 0.2em; margin: 0; font-size: 85%; background-color: rgba(0, 0, 0, 0.04); border-radius: 3px; } .codeViewer .markdown-body code:before, .codeViewer .markdown-body code:after { letter-spacing: -0.2em; content: '\A0'; } .codeViewer .markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; } .codeViewer .markdown-body .highlight { margin-bottom: 16px; } .codeViewer .markdown-body .highlight pre { margin-bottom: 0; word-break: normal; } .codeViewer .markdown-body pre { word-wrap: normal; } .codeViewer .markdown-body pre code { display: inline; max-width: initial; padding: 0; margin: 0; overflow: initial; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } .codeViewer .markdown-body pre code:before, .codeViewer .markdown-body pre code:after { content: normal; } .codeViewer .markdown-body kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #555; vertical-align: middle; background-color: #fcfcfc; border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; } .codeViewer .markdown-body .pl-c { color: #969896; } .codeViewer .markdown-body .pl-c1, .codeViewer .markdown-body .pl-s .pl-v { color: #0086b3; } .codeViewer .markdown-body .pl-e, .codeViewer .markdown-body .pl-en { color: #795da3; } .codeViewer .markdown-body .pl-s .pl-s1, .codeViewer .markdown-body .pl-smi { color: #333; } .codeViewer .markdown-body .pl-ent { color: #63a35c; } .codeViewer .markdown-body .pl-k { color: #a71d5d; } .codeViewer .markdown-body .pl-pds, .codeViewer .markdown-body .pl-s, .codeViewer .markdown-body .pl-s .pl-pse .pl-s1, .codeViewer .markdown-body .pl-sr, .codeViewer .markdown-body .pl-sr .pl-cce, .codeViewer .markdown-body .pl-sr .pl-sra, .codeViewer .markdown-body .pl-sr .pl-sre { color: #183691; } .codeViewer .markdown-body .pl-v { color: #ed6a43; } .codeViewer .markdown-body .pl-id { color: #b52a1d; } .codeViewer .markdown-body .pl-ii { background-color: #b52a1d; color: #f8f8f8; } .codeViewer .markdown-body .pl-sr .pl-cce { color: #63a35c; font-weight: bold; } .codeViewer .markdown-body .pl-ml { color: #693a17; } .codeViewer .markdown-body .pl-mh, .codeViewer .markdown-body .pl-mh .pl-en, .codeViewer .markdown-body .pl-ms { color: #1d3e81; font-weight: bold; } .codeViewer .markdown-body .pl-mq { color: #008080; } .codeViewer .markdown-body .pl-mi { color: #333; font-style: italic; } .codeViewer .markdown-body .pl-mb { color: #333; font-weight: bold; } .codeViewer .markdown-body .pl-md { background-color: #ffecec; color: #bd2c00; } .codeViewer .markdown-body .pl-mi1 { background-color: #eaffea; color: #55a532; } .codeViewer .markdown-body .pl-mdr { color: #795da3; font-weight: bold; } .codeViewer .markdown-body .pl-mo { color: #1d3e81; } .codeViewer .markdown-body kbd { display: inline-block; padding: 3px 5px; font: 11px Consolas, 'Liberation Mono', Menlo, Courier, monospace; line-height: 10px; color: #555; vertical-align: middle; background-color: #fcfcfc; border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; } .codeViewer .markdown-body .task-list-item { list-style-type: none; } .codeViewer .markdown-body .task-list-item + .task-list-item { margin-top: 3px; } .codeViewer .markdown-body .task-list-item input { margin: 0 0.35em 0.25em -1.6em; vertical-align: middle; } .codeViewer .markdown-body :checked + .radio-label { z-index: 1; position: relative; border-color: #4078c0; } .codeViewer .markdown-body code, .codeViewer .markdown-body tt { background-color: #f8f8f8; border: 1px solid #eaeaea; border-radius: 3px 3px 3px 3px; margin: 0 2px; padding: 0 5px; white-space: nowrap; } .codeViewer .markdown-body pre > code { background: none repeat scroll 0 0 transparent; border: medium none; margin: 0; padding: 0; white-space: pre; color: inherit; text-shadow: none; } .codeViewer .markdown-body pre code, .codeViewer .markdown-body pre tt { background-color: transparent; border: medium none; } .codeViewer .markdown-body ul { display: block; list-style-type: disc; } .codeViewer .markdown-body ol { display: block; list-style-type: decimal; } .codeViewer .markdown-body li { display: list-item; text-align: match-parent; } .mdcode { /** * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML * Based on https://github.com/chriskempson/tomorrow-theme * @author Rose Pritchard */ /* Code blocks */ /* Inline code */ } .mdcode * { background: none !important; text-shadow: none !important; } .mdcode code[class*='language-'], .mdcode pre[class*='language-'] { color: #ccc; background: none; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .mdcode pre[class*='language-'] { padding: 1em; margin: 0.5em 0; overflow: auto; } .mdcode :not(pre) > code[class*='language-'], .mdcode pre[class*='language-'] { background: #2d2d2d; } .mdcode :not(pre) > code[class*='language-'] { padding: 0.1em; border-radius: 0.3em; white-space: normal; } .mdcode .token.comment, .mdcode .token.block-comment, .mdcode .token.prolog, .mdcode .token.doctype, .mdcode .token.cdata { color: #999; } .mdcode .token.punctuation { color: #ccc; } .mdcode .token.tag, .mdcode .token.attr-name, .mdcode .token.namespace, .mdcode .token.deleted { color: #e2777a; } .mdcode .token.function-name { color: #6196cc; } .mdcode .token.boolean, .mdcode .token.number, .mdcode .token.function { color: #f08d49; } .mdcode .token.property, .mdcode .token.class-name, .mdcode .token.constant, .mdcode .token.symbol { color: #f8c555; } .mdcode .token.selector, .mdcode .token.important, .mdcode .token.atrule, .mdcode .token.keyword, .mdcode .token.builtin { color: #cc99cd; } .mdcode .token.string, .mdcode .token.char, .mdcode .token.attr-value, .mdcode .token.regex, .mdcode .token.variable { color: #7ec699; } .mdcode .token.operator, .mdcode .token.entity, .mdcode .token.url { color: #67cdcc; } .mdcode .token.important, .mdcode .token.bold { font-weight: bold; } .mdcode .token.italic { font-style: italic; } .mdcode .token.entity { cursor: help; } .mdcode .token.inserted { color: green; } .videoPlayer { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .videoPlayer .videoContent { max-width: 80%; max-height: 80%; } .videoPlayer .mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .videoPlayer .mask .playControl { cursor: pointer; width: 80px; height: 80px; border-radius: 80px; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); } .videoPlayer .mask .playControl .icon { margin-left: 4px; color: rgba(255, 255, 255, 0.8); font-size: 30px; } .ming.Progress { display: inline-block; } .ming.Progress svg { transform: rotate(-90deg); } .ming.Progress--primary .Progress--circle-trail { stroke: #e0e0e0; } .ming.Progress--primary .Progress--circle-path { stroke: #1e88e5; } .ming.Progress--primary .Progress--circle-content { color: #1e88e5; } .ming.Progress--primary .Progress--line-bg { background-color: #1e88e5; } .ming.Progress--success .Progress--circle-trail { stroke: #e0e0e0; } .ming.Progress--success .Progress--circle-path { stroke: #4caf50; } .ming.Progress--success .Progress--circle-content { color: #4caf50; } .ming.Progress--success .Progress--line-bg { background-color: #4caf50; } .ming.Progress--warning .Progress--circle-trail { stroke: #e0e0e0; } .ming.Progress--warning .Progress--circle-path { stroke: #ffc134; } .ming.Progress--warning .Progress--circle-content { color: #ffc134; } .ming.Progress--warning .Progress--line-bg { background-color: #ffc134; } .ming.Progress--danger .Progress--circle-trail { stroke: #e0e0e0; } .ming.Progress--danger .Progress--circle-path { stroke: #f44336; } .ming.Progress--danger .Progress--circle-content { color: #f44336; } .ming.Progress--danger .Progress--line-bg { background-color: #f44336; } .Progress--circle-zero { color: #9e9e9e; } .Progress--circle-inner { text-align: center; display: inline-block; position: relative; } .Progress--circle-content { display: inline-block; width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .Progress--line { width: 100%; position: relative; } .Progress--line-outer { display: inline-block; width: 100%; } .Progress--line-inner { width: 100%; display: inline-block; border-radius: 100px; height: 8px; line-height: 8px; background-color: #e0e0e0; } .Progress--line-bg { display: inline-block; border-top-left-radius: 100px; border-bottom-left-radius: 100px; height: 8px; line-height: 8px; } @keyframes 'progressStripes' { 0% { background-position: 0 0; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 75%, transparent 0, transparent); background-size: 40px 40px; } to { background-position: 40px 0; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 75%, transparent 0, transparent); background-size: 40px 40px; } } .Progress--line.Progress--active .Progress--line-bg { animation: 'progressStripes' 2s linear infinite; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .attachmentFilesWrap.imageFilesWrap, .attachmentFilesWrap.smallFilesWrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .attachmentFilesWrap.imageFilesWrap.smallSize, .attachmentFilesWrap.smallFilesWrap.smallSize { flex-wrap: inherit; justify-content: inherit; flex-direction: column; } .attachmentFilesWrap.listFilesWrap { display: flex; flex-direction: column; } .attachmentFilesWrap .textEllipsis { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ } .attachmentFilesWrap .fileEmpty { height: 0; margin-bottom: 0 !important; margin-top: 0 !important; } .attachmentFilesWrap .deleteBtn { color: #fff; background-color: #f44336; } .attachmentFilesWrap .cancelBtn { background-color: #fff; } .attachmentFilesWrap .deleteBtn, .attachmentFilesWrap .cancelBtn { display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); flex: 1; border-radius: 4px; padding: 3px 0; } .attachmentFilesViewMoreWrap .ThemeColor:hover { color: #0780e0; } .sortableSortFile { cursor: pointer; z-index: 9999; box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.3); } .sortableSortFile .textEllipsis { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ } .attachmentFilesWrap.imageFilesWrap.mobile .attachmentImageCard { min-width: 130px; } .attachmentFilesWrap.imageFilesWrap.mobile .attachmentImageCard .filePanel { display: none; } .attachmentFilesWrap.imageFilesWrap.mobile .attachmentImageCard .closeIcon { position: absolute; top: 5px; right: 5px; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); z-index: 1; } .attachmentFilesWrap.imageFilesWrap.smallSize .attachmentImageCard { width: 100%; min-width: auto; flex: auto; } .attachmentImageCard { height: 130px; min-width: 160px; flex: 1; margin: 0 6px 6px 0; background-color: #fff; } .attachmentImageCard .kcIcon { color: #fff; height: 26px; width: 26px; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); } .attachmentImageCard .attachmentFile { height: 100%; border: 1px solid #e0e0e0; position: relative; } .attachmentImageCard .attachmentFile:hover .filePanel, .attachmentImageCard .attachmentFile.hover .filePanel { opacity: 1; } .attachmentImageCard .fileImage { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .attachmentImageCard .fileAccessory { height: 100%; } .attachmentImageCard .fileIconWrap { flex: 1; background-color: #f5f5f5; } .attachmentImageCard .fileIcon { width: 40px; height: 55px; background-position: 50%; background-size: contain !important; } .attachmentImageCard .fileName { padding: 0 10px; margin: 5px 0; background-color: #fff; } .attachmentImageCard .filePanel { cursor: pointer; height: 100%; left: 0; opacity: 0; padding: 12px; position: absolute; top: 0; transition: opacity .2s; width: 100%; } .attachmentImageCard .filePanel.image { background-color: rgba(0, 0, 0, 0.6); } .attachmentImageCard .filePanel.accessory { background-color: #f5f5f5; } .attachmentImageCard .filePanel .name { font-weight: 700; } .attachmentImageCard .operateBtns { justify-content: space-between; } .attachmentImageCard .panelBtn { height: 24px; width: 32px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 1px #0000001f; cursor: pointer; position: relative; } .attachmentImageCard .panelBtn:hover .icon { color: #2196f3 !important; } .attachmentImageCard .panelBtn.delete:hover .icon { color: red !important; } .attachmentImageCard .resetNameInput { width: 100%; display: flex; height: 30px; border: 1px solid #ccc; padding: 0 10px; border-radius: 4px; } .attachmentFilesWrap.smallFilesWrap.mobile .attachmentSmallCard { margin: 0 0 6px 0; } .attachmentFilesWrap.smallFilesWrap.smallSize .attachmentSmallCard { width: 100%; min-width: auto; flex: auto; } .attachmentSmallCard { height: 56px; min-width: 300px; flex: 1; margin: 0 6px 6px 0; border-radius: 4px; background: #FAFAFA; position: relative; } .attachmentSmallCard:hover, .attachmentSmallCard.hover { background: #F2F2F2; } .attachmentSmallCard:hover .operateBtns, .attachmentSmallCard.hover .operateBtns { display: flex; } .attachmentSmallCard:hover .textEllipsis, .attachmentSmallCard.hover .textEllipsis { -webkit-line-clamp: 1; } .attachmentSmallCard:hover .fileSize, .attachmentSmallCard.hover .fileSize { display: block !important; } .attachmentSmallCard .fileImageWrap { width: 56px; height: 100%; border-radius: 4px 0 0 4px; overflow: hidden; } .attachmentSmallCard .fileImageWrap .fileIcon { width: 20px; height: 35px; background-position: 50%; background-size: contain !important; } .attachmentSmallCard .fileImageWrap .fileImage { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .attachmentSmallCard .fileImageWrap .kcIcon { color: #fff; height: 20px; width: 20px; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); } .attachmentSmallCard .fileContent { font-size: 13px; min-width: 0; height: 100%; padding: 0 10px; } .attachmentSmallCard .fileName { font-size: 13px; font-weight: bold; line-height: 16px; } .attachmentSmallCard .fileSize { margin-top: 3px; } .attachmentSmallCard .operateBtns { display: none; justify-content: space-around; height: 100%; margin-right: 5px; } .attachmentSmallCard .operateBtns .btnWrap { padding: 0 5px; } .attachmentSmallCard .operateBtns .btnWrap .icon:hover { color: #2196f3 !important; } .attachmentSmallCard .operateBtns .delete .icon:hover { color: #f44336 !important; } .attachmentSmallCard .operateBtns .cancelBtn, .attachmentSmallCard .operateBtns .deleteBtn { padding: 5px 16px; } .attachmentSmallCard .deleteIcon { margin-right: 5px; } .attachmentListCard { height: 52px; background: #FFFFFF; border-bottom: 1px solid #F0F0F0; position: relative; } .attachmentListCard:hover, .attachmentListCard.hover { background: #FAFAFA; } .attachmentListCard:hover .fileName, .attachmentListCard.hover .fileName { color: #2196f3; } .attachmentListCard:hover .operateBtns, .attachmentListCard.hover .operateBtns { display: flex; } .attachmentListCard:hover .fileDrag, .attachmentListCard.hover .fileDrag { display: block; } .attachmentListCard.header { height: 40px; font-weight: bold; } .attachmentListCard.header:hover { background: inherit; } .attachmentListCard:last-child { border-bottom: 0; } .attachmentListCard .fileDrag { display: none; cursor: pointer; padding: 5px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); } .attachmentListCard .fileImageWrap { width: 100px; height: 100%; padding: 5px; margin-left: 15px; } .attachmentListCard .fileImageWrap .fileIcon { width: 30px; height: 45px; background-position: 50%; background-size: contain !important; } .attachmentListCard .fileImageWrap .fileImage { width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; } .attachmentListCard .fileName { font-weight: bold; padding: 0 5% 0 0; min-width: 0; } .attachmentListCard .fileSize, .attachmentListCard .fileCreateTime, .attachmentListCard .fileCreateUserName { color: #757575; width: 15%; } .attachmentListCard .operateBtns { display: none; justify-content: flex-end; position: absolute; right: 0; top: 0; height: 100%; width: 30%; padding-right: 3%; background: #FAFAFA; } .attachmentListCard .operateBtns .cancelBtn, .attachmentListCard .operateBtns .deleteBtn { padding: 5px 16px; } .attachmentListCard .operateBtns.deleteConfirmWrap { padding-right: 6%; } .attachmentListCard .btnWrap { display: flex; align-items: center; justify-content: center; margin-right: 20px; } .attachmentListCard .btnWrap:hover .icon { color: #2196f3 !important; } .attachmentListCard .btnWrap.delete:hover .icon { color: red !important; } .attachmentLargeImageCard { margin-bottom: 10px; position: relative; width: 100%; } .attachmentLargeImageCard:hover .mask { display: block; } .attachmentLargeImageCard .preview { color: #9e9e9e; position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; border-radius: 3px; background-color: #fff; } .attachmentLargeImageCard .preview:hover .icon { color: #2196F3; } .attachmentLargeImageCard .mask { display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.05); position: absolute; top: 0; left: 0; } .UploadFilesTriggerWrap.rc-trigger-popup { position: absolute; left: -9999px; top: -9999px; z-index: 1000; } .UploadFilesTriggerWrap.rc-trigger-popup-hidden { display: none; } .UploadFilesTriggerPanel { width: 480px; min-height: 253px; max-height: 370px; background-color: #fff; border-radius: 4px; box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15); } .UploadFilesTriggerPanel.compatibilityIe .UploadFiles-wrapper { position: absolute; top: 56px; bottom: 0; } .UploadFilesTriggerPanel.drag .dropTextarea { width: 100%; height: 100%; z-index: 2; border-radius: 4px; } .UploadFilesTriggerPanel.drag .dragPanel { display: flex; } .UploadFilesTriggerPanel .panelHeader { height: 20px; padding: 18px; } .UploadFilesTriggerPanel .panelHeader .icon-knowledge-message:hover { color: #757575 !important; } .UploadFilesTriggerPanel .panelContent { position: absolute; top: 56px; bottom: 50px; left: 0; width: 100%; justify-content: center; z-index: 0; } .UploadFilesTriggerPanel .panelBtns { position: absolute; bottom: 0; right: 22px; z-index: 3; height: 49px; background-color: #fff; } .UploadFilesTriggerPanel .dropTextarea { width: 0px; height: 0px; position: absolute; top: 0px; left: 0px; resize: none; border: none; padding: 0; } .UploadFilesTriggerPanel .dragPanel { display: none; position: absolute; top: 50%; left: 50%; margin-left: -80px; background-color: #fff; justify-content: center; z-index: 2; pointer-events: none; } .UploadFilesTriggerPanel .UploadFiles-wrapper { flex: 1; flex-direction: column-reverse; overflow: hidden; } .UploadFilesTriggerPanel .UploadFiles-filesWrapper { flex: 1; padding: 0 13px 0 20px; margin-right: 0; overflow-y: auto; z-index: 1; } .UploadFilesTriggerPanel .UploadFiles-file-wrapper:nth-child(3n+0) { margin-right: 0; } .UploadFilesTriggerPanel .UploadFiles-header { padding: 0 20px !important; margin-bottom: 0 !important; border-top: 1px solid #eaeaea; background-color: transparent !important; min-height: 50px; } .UploadFilesTriggerPanel .UploadFiles-ramSize { display: none; } .UploadFiles { /* 上传按钮 start */ /* 上传按钮 end */ /* 图片列表 start */ /* 图片列表 end */ } .UploadFiles-wrapper { width: 100%; display: flex; flex-direction: column; box-sizing: border-box; position: relative; } .UploadFiles-arrow { width: 0; height: 0; border: 9px solid; border-color: transparent transparent #f5f5f5 transparent; position: absolute; top: -8px; left: 0; } .UploadFiles-exhibition .UploadFiles-header { display: none; } .UploadFiles-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px; margin-bottom: 6px; background-color: #f5f5f5; } .UploadFiles-entrys { display: flex; flex-direction: row; justify-content: space-between; } .UploadFiles-entrys > div { cursor: pointer; color: #9e9e9e; margin-right: 15px; } .UploadFiles-entrys > div span { padding-left: 5px; } .UploadFiles-entrys > div:hover { color: #757575; } .UploadFiles-entrys > div:hover i { color: #757575 !important; } .UploadFiles-ramSize { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .UploadFiles-attachmentProgress { border-radius: 5px; height: 5px; flex-basis: 100px; margin-right: 10px; background-color: #e0e0e0; position: relative; } .UploadFiles-currentProgress { position: absolute; top: 0; left: 0; border-radius: 5px; height: 100%; width: 100%; } .UploadFiles-info { color: #999; font-size: 12px; } .UploadFiles-filesWrapper { margin-right: -6px; display: flex; flex-wrap: wrap; justify-content: space-between; } .UploadFiles-filesWrapper.rowDisplay { padding-bottom: 5px; margin-right: 0; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; } .UploadFiles-file-wrapper { flex: 1; display: inline-block; box-sizing: border-box; margin: 0 6px 6px 0; min-width: 150px; max-width: 200px; height: 118px; } .UploadFiles-file { height: 100%; border: 1px solid #e0e0e0; box-sizing: border-box; position: relative; } .UploadFiles-fileEmpty { height: 0 !important; margin-top: 0; margin-bottom: 0; } .UploadFiles-fileImage { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .UploadFiles-fileAccessory { height: 100%; display: flex; flex-direction: column; } .UploadFiles-fileIconWrapper { flex: 1; display: flex; justify-content: center; align-items: center; background-color: #f5f5f5; } .UploadFiles-fileIconWrapper div.UploadFiles-fileIcon { width: 40px; height: 55px; background-position: 50%; background-size: contain !important; } .UploadFiles-fileIconWrapper .linkThumbnailCon .fileIcon-link { position: absolute; right: 6px; top: 6px; width: 25px; height: 28px; } .UploadFiles-fileIconWrapper .linkThumbnailCon .linkThumbnail { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .UploadFiles-fileIconWrapper .linkThumbnailCon .linkThumbnail img { max-width: 140px; max-height: 70px; } .UploadFiles-fileName { font-size: 13px; padding: 5px 10px; display: flex; align-items: center; justify-content: flex-start; background-color: #fff; } .UploadFiles-fileName > span { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ } .UploadFiles-forbidFileName { font-size: 13px; color: #9e9e9e; width: 100%; text-align: left; } .UploadFiles-kcIcon { font-size: 12px; color: #fff; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background-color: rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; } .UploadFiles-video-kcIcon { font-size: 12px; color: #fff; position: absolute; left: 4px; top: -1px; } .UploadFiles-video { font-size: 12px; position: absolute; left: 0; bottom: 0; color: #fff; padding: 1px 8px; width: 100%; box-sizing: border-box; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(70, 70, 70, 0.3)); } .UploadFiles-video i { padding-right: 5px; font-size: 16px; } .UploadFiles-kcFileName { font-size: 12px; color: #bdbdbd; position: relative; top: -2px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ } .UploadFiles-kcFileName span:nth-child(1) { margin-right: 10px; } .UploadFiles-filePanel { display: flex; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 12px; opacity: 0; transition: opacity 0.2s; cursor: pointer; } .UploadFiles-filePanel:hover { /*opacity: 1;*/ } .UploadFiles-filePanel-image { background-color: rgba(0, 0, 0, 0.6); } .UploadFiles-filePanel-image .UploadFiles-panelTextName { color: #fff; } .UploadFiles-filePanel-accessory { background-color: #f5f5f5; } .UploadFiles-filePanel-confirm .delete { color: #fff; background-color: #f44336; margin-right: 10px; } .UploadFiles-filePanel-confirm .cancel { background-color: #fff; } .UploadFiles-filePanel-confirm .delete, .UploadFiles-filePanel-confirm .cancel { display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); flex: 1; border-radius: 4px; padding: 3px 0; } .UploadFiles-panelText { flex: 1; } .UploadFiles-editInput { width: 100%; font-size: 13px; display: flex; height: 30px; border: 1px solid #ccc; padding: 0 10px; border-radius: 4px; box-sizing: border-box; } .UploadFiles-panelTextName { font-size: 12px; flex-basis: 30px; display: flex; align-items: center; justify-content: flex-start; font-weight: bold; } .UploadFiles-panelTextName span:nth-child(1) { /*max-height: 36px;*/ line-height: 14px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ } .UploadFiles-panelBtns { display: flex; } .UploadFiles-panelBtns > div:nth-child(1), .UploadFiles-panelBtns > div:nth-child(2) { display: flex; height: 100%; align-items: flex-start; } .UploadFiles-panelBtns > div:nth-child(1) { flex: 1; } .UploadFiles-panelBtns > div:nth-child(2) { flex: 2; justify-content: flex-end; } .UploadFiles-panelBtns > div:nth-child(2) div { margin-right: 5px; } .UploadFiles-panelBtns > div:nth-child(2) div:last-child { margin-right: 0; } .UploadFiles-panelBtn { width: 32px; height: 24px; border-radius: 2px; display: flex !important; justify-content: center; align-items: center; background-color: #fff; cursor: pointer; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); position: relative; } .UploadFiles-panelBtn-delete:hover i { color: red; } .UploadFiles-panelBtn > i { width: 100%; height: 100%; text-align: center; line-height: 24px; color: #9e9e9e; font-size: 17px; } .UploadFiles-previewIcon { position: absolute; top: 8px; right: 5px; width: 23px; height: 23px; background-size: contain !important; } .UploadFiles-previewFileName { position: absolute; bottom: 0; width: 100%; padding: 5px 10px; box-sizing: border-box; border-top: 1px solid #f0f0f0; } .UploadFiles-panelBtnMask { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } .UploadFiles-mask { width: 100%; height: 100%; background-color: #f3f4f4; } .UploadFiles-loadfileWrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; background-color: #f5f5f5; } .UploadFiles-loadfileWrapper > div:nth-child(1) { width: 100%; flex: 1; display: flex; align-items: center; justify-content: center; } .UploadFiles-loadfileWrapper > div:nth-child(2) { padding: 0 10px; flex-basis: 30px; background-color: #fff; } .UploadFiles-loadfileClose { position: absolute !important; right: 5px; top: 5px; width: 23px; height: 23px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); cursor: pointer; } .UploadFiles-loadfileClose i { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: #757575; font-size: 18px; } .UploadFiles-menuWrapper .Item:hover .icon, .UploadFiles-menuWrapper .Item:hover span { color: #fff; } .UploadFiles-menuWrapper .icon { color: #9e9e9e; font-size: 16px; } .UploadFiles-menuWrapper-text { margin-left: 20px; color: #333; } .darkHeader .header { margin: 0 !important; padding-left: 24px; background-color: #f5f5f5; } .addLinkFileContainer { position: relative; } .addLinkFileContainer .titleTip { position: absolute; z-index: 2; top: -40px; left: 75px; font-size: 20px; line-height: 1; } .addLinkFileContainer .titleTip i { color: #bdbdbd; cursor: pointer; } .addLinkFileContainer .titleTip:after { width: 168px; white-space: normal; } .addLinkFileContainer .titleTip:hover i { color: inherit !important; } .addLinkFileContainer .linkPreview { position: relative; height: 120px; margin: 0px -24px 25px; text-align: center; background-color: #f5f5f5; } .addLinkFileContainer .linkPreview .linkIcon { margin-top: -13px; width: 85px; height: 97px; display: inline-block; background-size: cover !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK8AAADICAYAAACeY7GXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTVFRjk1NzNGNUFFMTFFNkI3MTE4RTM4MzgyNTE1OUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTVFRjk1NzRGNUFFMTFFNkI3MTE4RTM4MzgyNTE1OUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NUVGOTU3MUY1QUUxMUU2QjcxMThFMzgzODI1MTU5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NUVGOTU3MkY1QUUxMUU2QjcxMThFMzgzODI1MTU5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhXc7UAAAAzhSURBVHja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); } .addLinkFileContainer .linkPreview .thumbnailCon { position: absolute; top: -59px; display: table; width: 100%; height: 185px; } .addLinkFileContainer .linkPreview .thumbnail { display: table-cell; text-align: center; vertical-align: middle; line-height: 1; } .addLinkFileContainer .linkPreview .thumbnail img { max-width: 60%; max-height: 100px; } .addLinkFileContainer .linkDetail { padding-bottom: 10px; } .addLinkFileContainer .linkDetail .linkItem { position: relative; padding-left: 90px; margin-bottom: 24px; } .addLinkFileContainer .linkDetail .linkItem .itemLabel { position: absolute; left: 0px; width: 70px; text-align: right; font-size: 14px; color: #9e9e9e; line-height: 36px; height: 36px; } .addLinkFileContainer .linkDetail .linkItem .itemContent input, .addLinkFileContainer .linkDetail .linkItem .itemContent textarea { border: 1px solid #e8e8e8; width: 370px; height: 36px; line-height: 16px; padding: 10px; border-radius: 2px; box-sizing: border-box; } .addLinkFileContainer .linkDetail .linkItem .itemContent input:-ms-input-placeholder, .addLinkFileContainer .linkDetail .linkItem .itemContent textarea:-ms-input-placeholder { color: #acacac !important; } .addLinkFileContainer .linkDetail .linkItem .itemContent input::-ms-input-placeholder, .addLinkFileContainer .linkDetail .linkItem .itemContent textarea::-ms-input-placeholder { color: #acacac; } .addLinkFileContainer .linkDetail .linkItem .itemContent input::placeholder, .addLinkFileContainer .linkDetail .linkItem .itemContent textarea::placeholder { color: #acacac; } .addLinkFileContainer .linkDetail .linkItem .itemContent input:focus, .addLinkFileContainer .linkDetail .linkItem .itemContent textarea:focus { border-color: #2196e3; } .addLinkFileContainer .linkDetail .linkItem .itemContent textarea { height: 90px; resize: none; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-modal { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; pointer-events: none; position: relative; top: 100px; width: auto; max-width: calc(100vw - 32px); margin: 0 auto; padding-bottom: 24px; } .ant-modal.ant-zoom-enter, .ant-modal.antzoom-appear { transform: none; opacity: 0; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-modal-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); } .ant-modal-mask-hidden { display: none; } .ant-modal-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; -webkit-overflow-scrolling: touch; } .ant-modal-wrap { z-index: 1000; } .ant-modal-title { margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; word-wrap: break-word; } .ant-modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); pointer-events: auto; } .ant-modal-close { position: absolute; top: 0; right: 0; z-index: 10; padding: 0; color: rgba(0, 0, 0, 0.45); font-weight: 700; line-height: 1; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; } .ant-modal-close-x { display: block; width: 56px; height: 56px; font-size: 16px; font-style: normal; line-height: 56px; text-align: center; text-transform: none; text-rendering: auto; } .ant-modal-close:focus, .ant-modal-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-modal-header { padding: 16px 24px; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-modal-body { padding: 24px; font-size: 14px; line-height: 1.5715; word-wrap: break-word; } .ant-modal-footer { padding: 10px 16px; text-align: right; background: transparent; border-top: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; } .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) { margin-bottom: 0; margin-left: 8px; } .ant-modal-open { overflow: hidden; } .ant-modal-centered { text-align: center; } .ant-modal-centered::before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .ant-modal-centered .ant-modal { top: 0; display: inline-block; padding-bottom: 0; text-align: left; vertical-align: middle; } @media (max-width: 767px) { .ant-modal { max-width: calc(100vw - 16px); margin: 8px auto; } .ant-modal-centered .ant-modal { flex: 1; } } .ant-modal-confirm .ant-modal-header { display: none; } .ant-modal-confirm .ant-modal-body { padding: 32px 32px 24px; } .ant-modal-confirm-body-wrapper::before { display: table; content: ''; } .ant-modal-confirm-body-wrapper::after { display: table; clear: both; content: ''; } .ant-modal-confirm-body .ant-modal-confirm-title { display: block; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 1.4; } .ant-modal-confirm-body .ant-modal-confirm-content { margin-top: 8px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-modal-confirm-body > .anticon { float: left; margin-right: 16px; font-size: 22px; } .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-left: 38px; } .ant-modal-confirm .ant-modal-confirm-btns { float: right; margin-top: 24px; } .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-bottom: 0; margin-left: 8px; } .ant-modal-confirm-error .ant-modal-confirm-body > .anticon { color: #ff4d4f; } .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon, .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon { color: #faad14; } .ant-modal-confirm-info .ant-modal-confirm-body > .anticon { color: #1890ff; } .ant-modal-confirm-success .ant-modal-confirm-body > .anticon { color: #52c41a; } .ant-modal-wrap-rtl { direction: rtl; } .ant-modal-wrap-rtl .ant-modal-close { right: initial; left: 0; } .ant-modal-wrap-rtl .ant-modal-footer { text-align: left; } .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn { margin-right: 8px; margin-left: 0; } .ant-modal-wrap-rtl .ant-modal-confirm-body { direction: rtl; } .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon { float: right; margin-right: 0; margin-left: 16px; } .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-right: 38px; margin-left: 0; } .ant-modal-wrap-rtl .ant-modal-confirm-btns { float: left; } .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-right: 8px; margin-left: 0; } .ant-modal-wrap-rtl.ant-modal-centered .ant-modal { text-align: right; } .businessCard { position: absolute; } .businessCard .arrowBox { margin-left: -8px; } .businessCard-hidden { display: none; } .businessCard-placement-topLeft .arrowBox .arrow, .businessCard-placement-topRight .arrowBox .arrow { border-top-color: #fff; } .businessCard-placement-bottomLeft .arrowBox, .businessCard-placement-bottomRight .arrowBox { top: -16px; } .businessCard-placement-bottomLeft .arrowBox .arrow, .businessCard-placement-bottomRight .arrowBox .arrow { border-bottom-color: #fff; } .businessCardSite { position: absolute; width: 310px; z-index: 10002; zoom: 1; color: #333; left: -300px; top: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; } .cardContentBox { box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); border-radius: 4px; background: #fff; } .arrowBox { position: absolute; display: inline-block; width: 16px; height: 10px; left: 40px; } .arrowBox.arrowTop { top: -8px; } .arrowBox .arrow { border: 8px transparent solid; display: inline-block; vertical-align: top; } .arrowBox.arrowBottomDarkgray .arrow { border-top-color: #f5f5f5 !important; } .arrowBox.arrowBottom .arrow { border-top-color: #fff; border-bottom-width: 0px; } .arrowBox.arrowTop .arrow { border-bottom-color: #fff; border-top-width: 0px; } .useFadeIn { display: block; } @media screen and (max-width: 640px) { .useFadeIn { display: none; } } .useFadeOut { display: none; } .cardContent { padding: 16px 0px 0px 0px; } .cardContent > .TxtCenter { margin: 0 !important; padding: 0 0 10px; } .cardHeader { display: flex; flex-direction: row; } .cardHeader .imgLink { padding: 0 15px 0 16px; } .cardHeader .imgLink .avatar { width: 47px; height: 47px; } .cardHeader .imgLink:hover { text-decoration: none; } .cardHeader .name { color: #000; font-weight: bold; font-size: 15px; width: 170px; display: inline-block; vertical-align: top; margin-top: 3px; } .cardHeader .name:hover { text-decoration: none; } .cardHeader .startChat { display: inline-block; cursor: pointer; color: #0091ea; font-size: 20px; vertical-align: top; text-decoration: none; } .cardHeader .startChat:hover { color: #0084e6; } .cardHeader .smallEarth { color: rgba(0, 0, 0, 0.32) !important; } .cardContent-wrapper { flex: 1; } .cardContentScore { border-radius: 0 0 4px 4px; padding: 0 16px; height: 48px; display: flex; align-items: center; flex-direction: row; } .cardContentScore a { display: block; padding: 0; width: 85px; height: 17px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAAAiCAYAAADPlUI3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTU2M0JCQTg2NTNEMTFFN0E0NTNCOEFDNjk3NTI2QjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTU2M0JCQTc2NTNEMTFFN0E0NTNCOEFDNjk3NTI2QjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQzRBNjc3OTM4NjMxMUU3QUFFMkU0MjNEQUREMUVCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQzRBNjc3QTM4NjMxMUU3QUFFMkU0MjNEQUREMUVCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pja5il0AAAxFSURBVHja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) no-repeat; background-size: contain; } .cardContentDesc { color: #aaa; padding: 7px 0 0 0; word-wrap: break-word; word-break: break-all; } .cardContentDesc.userCard { min-height: 35px; } .cardContentDesc .contentItem { width: 196px; color: #757575; display: block; margin-top: 4px; } .cardContentDesc .contentTagItemCon { width: 196px; color: #757575; margin-top: 4px; display: flex; } .cardContentDesc .contentTagItemCon .contentItemLeft { max-width: 100%; } .cardContentDesc .contentTagItem { display: block; flex-shrink: 0; width: 36px; height: 19px; line-height: 19px; text-align: center; background: #f0f0f0; margin-left: 8px; border-radius: 4px; color: #757575; } @keyframes messageDivAnimationsUp { 0% { transform: translateY(8px); } 100% { transform: translateY(0); } } .businessCardSite.animationsUp { animation: messageDivAnimationsUp 0.1s ease-in both; } .businessCard.businessCard-enter-active { animation: messageDivAnimationsUp 0.1s ease-in both; } @keyframes messageDivAnimationsDown { 0% { transform: translateY(-8px); } 100% { transform: translateY(0); } } .businessCard.businessCard-leave-active { animation: messageDivAnimationsDown 0.1s ease-in both; } .businessCardSite.animationsDown { animation: messageDivAnimationsDown 0.1s ease-in both; } .userOperator { height: 45px; border-radius: 0 0 4px 4px; line-height: 45px; background-color: #f5f5f5; display: flex; /*border-top: 1px solid #ccc;*/ /*margin-top: 12px;*/ } .userOperator .removeUser { width: 100%; } .oaButton { display: inline-block; text-align: center; width: 50%; } .removeFormAuth.oaButton { width: 100%; } .replaceManage, .replaceTask, .replaceRead { border-right: 1px solid #ccc; box-sizing: border-box; } .cancelAnAdministrator { width: 118px; display: inline-block; border-right: 1px solid #ccc; text-align: center; cursor: pointer; } .cardContentBox { position: relative; } .cardHeader .clearTop { margin-top: -2px; } .inviterName { margin-left: 59px; font-size: 12px; margin-top: -21px; color: #aaa; } .inviterName .overflow_ellipsis { vertical-align: top; text-decoration: none; max-width: 130px; } .inviterName .overflow_ellipsis:not(:hover) { color: #aaa !important; } #createFolderBox { margin: 0; } .folderName .folderNameText { vertical-align: top; line-height: 38px; margin-right: 10px; } .folderName .spFolderName { display: inline-block; height: 35px; vertical-align: top; line-height: 38px; width: 300px; } .folderName .txtFolderName { border: 1px #ccc solid; height: 35px; width: 325px; padding-left: 5px; } #createFolderBox .folderCharge { margin-top: 16px; } .folderCharge .folderChargeText { display: inline-block; margin: 5px 22px 0px 0px; } .kcDialogBox .folderMembers .folderMemberBox { display: inline-block; width: 100%; vertical-align: top; } #createFolderBox .folderMemberBox .nanoCon { overflow: hidden; } #createFolderBox .folderMemberBox .nanoCon.nano { height: 300px; } #createFolderBox .folderMemberBox .memberList { /*overflow: hidden; overflow-y: auto;*/ max-height: 300px; } .kcDialogBox .folderMemberBox ul li { height: 44px; vertical-align: middle; font-size: 0; } .kcDialogBox .folderMemberBox ul li span { display: inline-block; font-size: 14px; height: 40px; line-height: 40px; /*vertical-align: middle;*/ } .kcDialogBox .folderMemberBox .imgMemberBox { margin-right: 30px; cursor: pointer; } .kcDialogBox .folderMemberBox .memberItem .memberName { width: 150px; margin-right: 10px; } .kcDialogBox .folderMemberBox .memberItem .memberName .added{ max-width: 150px; } .kcDialogBox .folderMemberBox .memberItem .memberName .addedMax{ max-width: 60px; } .kcDialogBox .folderMemberBox .memberItem .memberName .inviter .name{ display: inline-block; max-width: 44px; } .kcDialogBox .folderMemberBox .memberItem .toModify .text { text-decoration: none; cursor: pointer; } .kcDialogBox .folderMemberBox .memberItem .owner { color: #00c957; } .kcDialogBox .folderMemberBox .memberItem .permission { width: 100px; } .kcDialogBox .folderMemberBox .memberItem .permission .pointer.isApk { cursor: default !important; } .kcDialogBox .folderMemberBox .memberItem .permission i { cursor: pointer; font-size: 12px; } .kcDialogBox .folderMemberBox .memberItem .permission .icon-approved { font-size: 16px; vertical-align: middle; color: #666; } .kcDialogBox .folderMemberBox .memberItem .rootTrust { max-width: 90px; cursor: pointer; color: #999; } .kcDialogBox .folderMemberBox .memberItem .remove, .kcDialogBox .folderMemberBox .memberItem .toInvite { display: none; cursor: pointer; color: #999; opacity: 0.9; } .kcDialogBox .folderMemberBox .memberItem .remove:hover, .kcDialogBox .folderMemberBox .memberItem .toInvite:hover { opacity: 1; } .kcDialogBox .folderMemberBox .memberItem .toInvite { padding-right: 10px; } .kcDialogBox .folderMemberBox ul .memberItem .exit { display: inline-block; } .kcDialogBox .folderMemberBox .addMember .quickSelectUser{ top: 10px; } .kcDialogBox .folderMemberBox .addMember .icon-help{ color:#bdbdbd; vertical-align: middle; cursor: pointer; } .kcDialogBox .folderMemberBox .removeFolderMember { cursor: pointer; display: none; vertical-align: top; width: 28px; height: 28px; background-color: #666; position: absolute; margin-right: -28px; text-align: center; color: #fff; font-size: 16px; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; } .kcDialogBox .folderMemberBox .removeFolderMember .Icon { display: inline-block; vertical-align: top; height: 7px; margin-top: 7px; } /*.folderMemberBox .imgMemberBox,.folderMemberBox .imgMemberBoxDisable{display: inline-block;vertical-align: middle;margin-top: 3px;margin-right: 5px;margin-bottom: 5px;cursor: pointer;}*/ .kcDialogBox .folderMemberBox .addUser { height: 30px; line-height: 30px; width: 460px; margin-bottom:12px; } .kcDialogBox .folderMemberBox .addUser .addMemberIcon { font-size: 24px; display: inline-block; padding-right: 8px; cursor: pointer; } .kcDialogBox .folderMemberBox .addUser .text { font-size: 14px; display: inline-block; cursor: pointer; opacity: 0.9; } .kcDialogBox .folderMemberBox .addUser .text:hover{ opacity: 1; } .kcDialogBox .folderMemberBox .addUser .text >i, .folderMemberBox .addUser .text >span{ vertical-align:middle; } .kcDialogBox .folderMemberBox .addUser .addGroupMember{ margin-left:30px; color: #bdbdbd; } .kcDialogBox .folderMemberBox .addUser .icon-task-folder-message { font-size: 15px; } .kcDialogBox .relatedToApp { margin-bottom: 10px; color: #999!important; } .kcDialogBox .folderMemberBox .permissionDesc { margin-top: 38px; position: absolute; color: #999!important; } .kcDialogBox .folderCharge .imgCharge, .kcDialogBox .folderMemberBox .imgCharge { width: 28px; height: 28px; vertical-align: -8px; } .kcDialogBox .folderCharge .icon-task-folder-charge { font-size: 34px; display: inline-block; height: 3px; vertical-align: top; cursor: pointer; color: #aaa; margin-left: 6px; } .kcDialogBox .folderContent .folderMembers { margin-top: 10px; } .kcDialogBox .folderContent .folderMembers .folderMemberText { margin-right: 10px; display: inline-block; margin-top: 8px; } .kcDialogBox .folderMemberBox .icon-task-add-member-circle { font-size: 35px; display: inline-block; height: 30px; vertical-align: middle; cursor: pointer; color: #aaa; margin-right: 46px; } .kcDialogBox .folderName .addFolderStar { font-size: 20px; display: inline-block; vertical-align: middle; margin-left: 13px; color: #99a1ab; cursor: pointer; } .kcDialogBox .folderName .addFolderStar:hover { color: #0091ea; } .kcDialogBox .folderName .addFolderStar.icon-task-star { color: #fbc02d; } .kcDialogBox .btnCanel:hover, .folderCharge .icon-task-folder-charge:hover, .folderMemberBox .icon-task-add-member-circle:hover, #createFolder .folderClose:hover { color: #0091ea; } #updatePermission { width: 176px; border-radius: 3px; padding: 10px; box-sizing: border-box; position: fixed; background-color: #fff; padding: 0; z-index: 10; } #updatePermission .itemLi { /*height: 45px;*/ line-height: normal; cursor: pointer; } #updatePermission .line { margin: 0 10px; border-top: 1px solid #ccc; } #updatePermission .adminItem { padding: 10px 10px 8px 10px; /*border-bottom:1px solid #aaa;*/ } #updatePermission .ordinaryItem, #updatePermission .readOnlyItem { padding: 5px 10px 5px 10px; } #updatePermission .itemLi .itemText { padding-bottom: 5px; display: block; color: #fff; } #updatePermission .itemLi:not(.ThemeBGColor3) .itemText { color: #333; } #updatePermission .itemLi:first-child { border-radius: 3px 3px 0 0; } #updatePermission .itemLi:last-child { border-radius: 0 0 3px 3px; } #updatePermission .itemLi .describe { padding-bottom: 5px; color: #fff; } #updatePermission .itemLi:not(.ThemeBGColor3) .describe { padding-bottom: 5px; color: rgba(0,0,0,.5); } #updatePermission .itemLi .itemText > i { font-size: 16px; display: inline-block; } #updatePermission .itemLi .rank { } #updatePermission .itemLi span { font-size: 12px; } #updatePermission .itemLi .icon-task-folder-message { font-size: 14px; float: right; margin-top: 2px; } #addGroupPending .pendingContent img { width: 600px; } #addGroupPending .pendingContent .btnBack { display: block; position: absolute; right: 24px; top: 390px; width: 70px; height: 32px; background-color: #f0efef; text-align: center; line-height: 32px; border-radius: 3px; cursor: pointer; color: #666; } #addGroupPending .pendingContent .btnBack:hover { background-color: #e2e2e2; } /*�ļ�������*/ #createFolderBox .folderContent .attribute { position: relative; height: 38px; line-height: 38px; margin-top: 10px; font-size: 0px; } #createFolderBox .folderContent .attribute .title { display: inline-block; vertical-align: middle; } #createFolderBox .folderContent .attribute .dropBox { display: inline-block; border: 1px solid #ccc; border-radius: 3px; position: relative; vertical-align: middle; height: 35px; line-height: 35px; margin-left: 13px; box-sizing: border-box; color: #333; cursor: pointer; z-index: 10; width: 325px; } .folderContent .attribute .dropBox .seleted { height: 26px; line-height: 26px; display: inline-block; width: 286px; margin-top: 4px; border-right: 1px solid #ccc; padding-left: 4px; } .folderContent .attribute .dropBox .icon { display: inline-block; padding: 0 8px 0 4px; margin-left: 6px; margin-top: 12px; color: #666; } #folderAttributeList { position: absolute; top: 34px; width: 100%; padding: 5px 0; background: white; max-height: 200px; overflow-y: auto; } #folderAttributeList .projectItem { height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px; color: #333; } #folderAttributeList .projectItem:hover { cursor: pointer; background-color: #efefef; } #folderAttributeList .noProject { height: 30px; line-height: 30px; text-align: center; color: #999; } /*���˱�������*/ #checkInviter { width: 100px; border-radius: 3px; box-sizing: border-box; position: fixed; background-color: #fff; padding: 5px 0; } #checkInviter li { height: 30px; line-height: 30px; cursor: pointer; text-align: center; color: #333; } #checkInviter li:hover { background-color: #efefef; } .dialogSelectTitleContainer { display: inline-flex; align-items: center; padding-left: 12px; border-radius: 5px; margin-left: -12px; } .dialogSelectTitleContainer:hover { background-color: #f5f5f5; } .dialogSelectTitleContainer .Dropdown--input { display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; padding: 5px 5px 5px 8px !important; max-width: 500px; } .dialogSelectTitleContainer .Dropdown--input .value { color: #212121; font-size: 17px; font-weight: bold; line-height: 20px; } .dialogSelectTitleContainer .ming.Menu.List { width: 300px; } .dialogSelectTitleContainer .ming.Menu.List .ming.MenuItem .Item-content:not(.disabled):hover { background-color: #f7f7f7 !important; color: #333 !important; } .dialogSelectTitleContainer .ming.Menu.List .ming.MenuItem.selectMenuItem .Item-content:not(.disabled) { background: #d6ebfe; color: #2196f3; } .dialogSelectTitleContainer .ming.Menu.List .ming.MenuItem.selectMenuItem .Item-content:not(.disabled):hover { background: #d6ebfe !important; color: #2196f3 !important; } .dialogSelectTitleContainer .ming.Dropdown.disabled { background-color: transparent !important; } .dialogSelectTitleContainer .ming.Dropdown.disabled .Dropdown--input { background-color: transparent !important; } .dialogSelectTitleContainer .ming.Dropdown.disabled .Dropdown--input .value { max-width: 100% !important; } .dialogSelectTitleContainer .ming.Dropdown.disabled .Dropdown--input .icon-arrow-down-border { display: none !important; } .dialogSelectUserContainer { display: flex; } .GSelect-iconNoData { font-size: 50px; width: 100px; height: 100px; border-radius: 50%; background-color: #f5f5f5; display: -webkit-box; display: flex; align-items: center; color: #bdbdbd; justify-content: center; margin: 52px auto 16px; } .GSelect-noDataText { text-align: center; font-size: 14px; color: #757575; } .GSelect-box { flex: 1; display: flex; flex-direction: column; width: 100%; } .GSelect-box .GSelect-head { display: flex; flex-direction: column; width: 100%; position: 'relative'; margin-bottom: 10px; } .GSelect-box .GSelect-head-navbar { width: 100%; display: flex; align-items: center; margin-top: 10px; } .GSelect-box .GSelect-head-navbar__item { display: flex; border-style: solid; font-weight: bold; font-size: 14px; border-width: 0; margin-right: 24px; padding: 6px 8px; color: #333; cursor: pointer; position: relative; } .GSelect-box .GSelect-head-navbar__item:last-child { margin-right: 0; } .GSelect-box .GSelect-head-navbar__item::after { content: ''; position: absolute; height: 3px; left: 8px; right: 8px; bottom: 0px; display: inline-block; } .GSelect-box .GSelect-head-navbar__item:hover { background-color: #f5f5f5; } .GSelect-box .GSelect-head-navbar__item.GSelect-head-navbar__item--active { color: #2196f3; background-color: #fff !important; } .GSelect-box .GSelect-head-navbar__item.GSelect-head-navbar__item--active::after { background-color: #2196f3; } .GSelect-box .GSelect-head-navbar__item:not(.GSelect-head-navbar__item--active) { border-color: transparent !important; } .GSelect-box .GSelect-head-search-navbar { width: 100%; display: flex; align-items: center; margin-top: 16px; } .GSelect-box .GSelect-head-search-navbar__item { display: flex; font-weight: bold; font-size: 12px; margin-right: 8px; padding: 5px 15px; color: #333; background-color: #f8f8f8; border-radius: 15px; cursor: pointer; } .GSelect-box .GSelect-head-search-navbar__item:last-child { margin-right: 0; } .GSelect-box .GSelect-head-search-navbar__item:hover { background-color: #f2f2f2; } .GSelect-box .GSelect-head-search-navbar__item.GSelect-head-search-navbar__item--active { color: #2196f3; background-color: #f0f7ff !important; } .GSelect-box .GSelect-head-searchIcon { font-size: 16px; display: inline-block; color: #999; float: left; margin-right: 7px; line-height: normal; margin-top: 9px; height: 100%; position: absolute; height: 33px; cursor: pointer; } .GSelect-box .GSelect-head-searchArea { display: flex; position: relative; height: 40px; } .GSelect-box .GSelect-head-searchArea .searchIcon { position: absolute; left: 18px; top: 13px; font-size: 16px; color: #757575; } .GSelect-box .GSelect-head-searchArea input { flex: 1; border: 1px solid #f5f5f5; padding: 0 18px 0 42px; box-sizing: border-box; background: #f5f5f5; border-radius: 20px; margin-top: 2px; } .GSelect-box .GSelect-head-searchArea input:hover { border-color: #f0f0f0; background: #f0f0f0; } .GSelect-box .GSelect-head-searchArea input:focus { background: #ffffff; border-color: #fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); } .GSelect-box .GSelect-head-searchArea--deleteIcon { position: absolute; width: 34px; height: 34px; text-align: center; line-height: 36px; right: 2px; top: 4px; background-color: transparent; border-radius: 50%; cursor: pointer; } .GSelect-box .GSelect-head-searchArea--deleteIcon span { font-size: 16px; color: #9b9b9b; border-radius: 50%; } .GSelect-box .GSelect-head-searchArea--deleteIcon:hover { background-color: #f8f8f8; } .GSelect-box .GSelect-navTitle { height: 36px; display: flex; align-items: center; color: #919191; } .GSelect-box .GSelect-container { overflow-y: auto; overflow-x: hidden; flex: 1; } .GSelect-box .GSelect-filterBox { height: 16px; line-height: 16px; margin: 5px 10px; display: flex; } .GSelect-box .GSelect-filterBox__letter { color: #757575; -webkit-box-flex: 1; flex: 1 0 auto; text-align: left; cursor: pointer; } .GSelect-box .GSelect-userList { padding-left: 22px; } .GSelect-box .GSelect-User { height: 40px; line-height: 40px; padding-left: 8px; vertical-align: middle; padding-right: 20px; cursor: pointer; display: flex; align-items: center; } .GSelect-box .GSelect-User:hover { background-color: #f5f5f5; border-radius: 3px; } .GSelect-box .GSelect-User.hoverSearchUserItem { background-color: #f5f5f5; border-radius: 3px; } .GSelect-box .GSelect-User__avatar { margin-right: 12px; margin-left: 8px; } .GSelect-box .GSelect-User__avatar img { height: 28px; width: 28px; border-radius: 50%; vertical-align: top; } .GSelect-box .GSelect-User__fullname { width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 10px; font-size: 14px; } .GSelect-box .GSelect-User__fullname .Gray_6 { color: #333 !important; } .GSelect-box .GSelect-User__companyName { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; width: 260px; color: #757575; } .GSelect-box .GSelect-footer { margin-top: 10px; } .GSelect-box .GSelect-footer-buttonBox { padding-top: 10px; display: flex; justify-content: flex-end; } .GSelect-box .GSelect-footer-buttonBox .closeBtn { line-height: 36px; min-height: 36px; padding: 0 32px; min-width: 92px; font-size: 14px; color: #9e9e9e; cursor: pointer; } .GSelect-box .GSelect-footer-buttonBox .closeBtn:hover { background-color: #f5f5f5; } .GSelect-box .GSelect-Dropdown { position: relative; } .GSelect-box .GSelect-Dropdown .GSelect-Dropdown--input { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .GSelect-box .GSelect-departmentContent { margin-left: -10px; } .GSelect-treeItem { display: flex; height: 32px; line-height: 32px; margin: 2px 0; padding-left: 10px; } .GSelect-treeItem .GSelect-arrow { cursor: pointer; margin-right: 5px; display: flex; align-items: center; } .GSelect-treeItem .GSelect-arrow--transparent { opacity: 0; } .GSelect-treeItem .GSelect-arrow__arrowIcon { display: inline-block; width: 0; height: 0; border-width: 5px; border-style: solid; margin-right: 5px; border-color: transparent transparent transparent #9e9e9e; } .GSelect-treeItem .GSelect-arrow__arrowIcon--open { transform: rotate(90deg); margin-bottom: -3px; } .GSelect-treeItem:hover { background-color: #f5f5f5; } .GSelect-treeItem:hover .GSelect-treeItem-allSelect { visibility: visible; } .GSelect-treeItem-name { cursor: pointer; max-width: 306px; } .GSelect-treeItem-checkbox { margin-left: 8px; } .GSelect-treeItem-allSelect { cursor: pointer; margin-right: 10px; margin-left: 20px; visibility: hidden; } .GSelect-treeItem-number { max-width: 75px; color: #919191; } .GSelect-result { height: auto; max-height: 110px; padding-top: 12px; padding-left: 10px; overflow-y: auto; box-sizing: border-box; } .GSelect-result-box { display: flex; flex-wrap: wrap; padding-top: 8px; } .GSelect-result-subItem { height: 28px; background: #f7f7f7; border-radius: 20px; display: inline-block; padding-right: 2px; margin-right: 10px; margin-bottom: 8px; cursor: default; position: relative; } .GSelect-result-subItem__avatar { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; font-size: 19px; color: #fff; background-color: #2196f3; align-items: center; justify-content: center; vertical-align: top; } .GSelect-result-subItem__avatar__onlySelf { background-color: initial; color: #2196f3; } .GSelect-result-subItem__name { vertical-align: top; display: inline-block; line-height: 28px; margin-left: 8px; max-width: 95px; } .GSelect-result-subItem__remove { width: 22px; height: 22px; margin: 3px; display: inline-flex; align-items: center; justify-content: center; background: #f7f7f7; border-radius: 50%; vertical-align: top; color: #9e9e9e; font-size: 13px; cursor: pointer; } .GSelect-result-subItem__remove span { margin-top: 2px; } .GSelect-result-subItem__remove:hover { color: #2196f3; background-color: #fff; } .GSelect-department { padding-left: 10px; } .GSelect-department .GSelect-arrow { cursor: pointer; margin-right: 5px; display: flex; align-items: center; } .GSelect-department .GSelect-arrow--transparent { opacity: 0; } .GSelect-department .GSelect-arrow__arrowIcon { display: inline-block; width: 0; height: 0; border-width: 5px; border-style: solid; margin-right: 5px; border-color: transparent transparent transparent #9e9e9e; } .GSelect-department .GSelect-arrow__arrowIcon--open { transform: rotate(90deg); margin-bottom: -3px; } .GSelect-department-box { padding: 10px 0; flex: 1; overflow: hidden; } .GSelect-department__name { flex: 1; } .GSelect-department__name--hightlight { color: #1e88e5; } .GSelect-department__count { color: #919191; width: 100px; } .GSelect-department__count--hightlight { color: #1e88e5; } .GSelect-department-row { padding-left: 5px; } .GSelect-department-row:hover { background-color: #f5f5f5; } .GSelect-department-row.focused { background-color: #f5f5f5; } .GSelect-department .ming.Radio { margin-right: 0; } .am-wingblank { margin-left: 8px; margin-right: 8px; } .am-wingblank.am-wingblank-sm { margin-left: 5px; margin-right: 5px; } .am-wingblank.am-wingblank-md { margin-left: 8px; margin-right: 8px; } .am-wingblank.am-wingblank-lg { margin-left: 15px; margin-right: 15px; } .am-checkbox { position: relative; display: inline-block; vertical-align: middle; width: 21px; height: 21px; } .am-checkbox-inner { position: absolute; right: 0; width: 21px; height: 21px; border: 1px solid #ccc; border-radius: 50%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-box-sizing: border-box; box-sizing: border-box; } .am-checkbox-inner:after { position: absolute; display: none; top: 1.5px; right: 6px; z-index: 999; width: 5px; height: 11px; border-style: solid; border-width: 0 1px 1px 0; content: ' '; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .am-checkbox-input { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; z-index: 2; border: 0 none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .am-checkbox.am-checkbox-checked .am-checkbox-inner { border-color: #108ee9; background: #108ee9; } .am-checkbox.am-checkbox-checked .am-checkbox-inner:after { display: block; border-color: #fff; } .am-checkbox.am-checkbox-disabled { opacity: 0.3; } .am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner { border-color: #888; background: none; } .am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after { border-color: #888; } .am-list .am-list-item.am-checkbox-item .am-list-thumb { width: 21px; height: 21px; } .am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 44px; } .am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner { left: 15px; top: 12px; } .am-list .am-list-item.am-checkbox-item.am-checkbox-item-disabled .am-list-content { color: #bbb; } .am-checkbox-agree { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: 15px; padding-top: 9px; padding-bottom: 9px; } .am-checkbox-agree .am-checkbox { position: absolute; left: 0; top: 0; width: 30px; height: 100%; } .am-checkbox-agree .am-checkbox-inner { left: 0; top: 12px; } .am-checkbox-agree .am-checkbox-agree-label { display: inline-block; font-size: 15px; color: #000; line-height: 1.5; margin-left: 30px; margin-top: 1PX; } .selectUserModal { background-color: #f8f8f8; } .selectUserModal .btnsWrapper { padding: 7px 10px; background-color: #fff; } .selectUserModal .btnsWrapper a { text-decoration: none; } .selectUserModal .btnsWrapper .am-button { height: 36px; line-height: 36px; } .selectUserModal .btnsWrapper .am-button, .selectUserModal .btnsWrapper .am-button::before, .selectUserModal .btnsWrapper .am-button-active::before { border-radius: 50px; } .selectUserModal .searchWrapper { display: flex; align-items: center; background-color: #fff; border-radius: 24px; padding: 7px 10px; margin: 10px 15px; } .selectUserModal .searchWrapper .icon-h5_search { color: #757575; font-size: 14px; } .selectUserModal .searchWrapper .icon-workflow_cancel { color: #bdbdbd; font-size: 15px; } .selectUserModal .searchWrapper input { width: 100%; border: 0; padding: 0 5px; } .selectUserModal .selectedWrapper { color: #333; padding: 10px 10px 0; margin: 5px 0 10px; text-align: left; background-color: #fff; } .selectUserModal .selectedWrapper .selectedItem { border-radius: 24px; padding: 0px 16px; height: 30px; line-height: 30px; background-color: #f0f0f0; margin: 0 10px 10px 0; float: left; } .selectUserModal .selectedWrapper .icon { margin-left: 5px; } .selectUserModal .departmentWrapper .am-list-body { height: 100%; } .selectUserModal .departmentWrapper .avtive { color: #2196f3; } .selectUserModal .departmentWrapper .groupWrapper { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 24px; background-color: #2196f3; } .selectUserModal .departmentItem .am-checkbox-wrapper { margin-right: 10px; } .selectUserModal .departmentItem .am-checkbox-wrapper .am-checkbox-disabled .am-checkbox-inner { background-color: #ddd !important; } .selectUserModal .am-list-body::before, .selectUserModal .am-list-body::after { content: none !important; } .selectUserModal .avatar { width: 36px; height: 36px; border-radius: 50%; margin-right: 16px; } .selectUserModal .am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner { top: 16px; } .selectUserModal .am-list-item .am-list-line .am-list-content { color: #333; font-size: 15px; } .selectUserModal .onlyShowJoinDepartment { display: flex; justify-content: space-between; padding: 13px 15px 13px 0; margin-left: 15px; border-bottom: 1px solid #eaeaea; } .selectUserModal .currentAccount { height: 50px; line-height: 50px; background: #fff; padding: 0 11px; text-align: left; color: #333; } .selectUserModal .userInfo { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .selectDepartmentContainer_search { border: 1px solid #ccc; border-radius: 3px; display: flex; align-items: center; } .selectDepartmentContainer_search .searchIcon { font-size: 20px; color: #999; margin: 0 5px; } .selectDepartmentContainer_search .searchInput { flex: 1 0 0; border: none; outline: none; height: 30px; line-height: 30px; border-radius: 0px; background: transparent; } .selectDepartmentContainer_search .searchClose { font-size: 14px; color: #999; margin: 0 5px; display: none; cursor: pointer; } .selectDepartmentContainer .selectDepartmentCreateBtn { position: absolute; bottom: 34px; left: 36px; font-size: 14px; } .selectDepartmentContainer .selectDepartmentContent { height: 352px; overflow: auto; margin-top: 12px; } .selectDepartmentContainer .selectDepartmentContent > .GSelect-departmentList > .GSelect-department { padding-left: 0; } .selectDepartmentContainer .moreBtn { color: #2196f3; } .selectDepartmentContainer .moreBtn:hover { color: #1e88e5; } .selectDepartmentContainer .moreBtn > div { display: inline-block; margin-right: 6px; } .createEditDeptDialog .departmentInfoList .singleInfo { line-height: 30px; height: 30px; margin-bottom: 15px; display: table; width: 100%; } .createEditDeptDialog .departmentInfoList .singleInfo .infoLabel { width: 70px; display: table-caption; } .createEditDeptDialog .departmentInfoList .singleInfo .info { border-radius: 3px; border: 1px solid #ccc; display: table-cell; padding: 0 5px; } .createEditDeptDialog .departmentInfoList .singleInfo .info input { border: none; padding: 0; outline: none; width: 100%; height: 30px; } .createEditDeptDialog .departmentInfoList .singleInfo .info .deptName { max-width: 320px; vertical-align: middle; } .createEditDeptDialog .departmentInfoList .singleInfo .info .arrowIcon { color: #9e9e9e; line-height: 30px; float: right; } .createEditDeptDialog .departmentInfoList .singleInfo .chargerUser { width: 32px; height: 32px; line-height: 32px; border: 1px solid #ddd; border-radius: 50%; display: inline-flex; vertical-align: top; align-items: center; justify-content: center; } .createEditDeptDialog .departmentInfoList .singleInfo .chargerUser i { font-size: 18px; } .createEditDeptDialog .departmentInfoList .singleInfo .chargeUserAvatar { width: 22px; height: 22px; border-radius: 50%; vertical-align: middle; } .createEditDeptDialog .departmentInfoList .singleInfo .chargerUserItem { margin-right: 10px; margin-bottom: 10px; background: #f5f5f5; border-radius: 18px; height: 32px; display: inline-block; padding: 0 12px; position: relative; } .createEditDeptDialog .departmentInfoList .singleInfo .chargerUserItem:hover .chargeUserDel { display: block; } .createEditDeptDialog .departmentInfoList .singleInfo .chargerUserItem .chargeUserDel { color: #f44336; display: none; position: absolute; top: -5px; right: -5px; cursor: pointer; } .createEditDeptDialog .deleteBtn { color: #bdbdbd; } .createEditDeptDialog .deleteBtn:hover { color: red; } .createEditDeptDialog .yesText { border-radius: 32px; } .selectDepartmentUserContainer_search { border: 1px solid #ccc; border-radius: 3px; display: flex; align-items: center; } .selectDepartmentUserContainer_search .searchIcon { font-size: 20px; color: #999; margin: 0 5px; } .selectDepartmentUserContainer_search .searchInput { flex: 1 0 0; border: none; outline: none; height: 30px; line-height: 30px; } .selectDepartmentUserContainer_search .searchClose { font-size: 14px; color: #999; margin: 0 5px; display: none; cursor: pointer; } .selectDepartmentUserContainer .selectDepartmentUserContent { margin-top: 15px; height: 350px; } .selectDepartmentUserContainer .selectDepartmentUserContent .userItem { padding: 2px 0; margin: 4px 0; } .selectDepartmentUserContainer .selectDepartmentUserContent .userItem:hover { background-color: #b9e0ff; } .selectDepartmentUserContainer .selectDepartmentUserContent .userItem .userCheckbox, .selectDepartmentUserContainer .selectDepartmentUserContent .userItem .userAvatar, .selectDepartmentUserContainer .selectDepartmentUserContent .userItem .userName, .selectDepartmentUserContainer .selectDepartmentUserContent .userItem .profession { vertical-align: middle; } .selectDepartmentUserContainer .selectDepartmentUserContent .userItem .userAvatar { width: 32px; height: 32px; margin-right: 12px; } .selectDepartmentUserContainer .selectDepartmentUserContent .userItem .userName { width: 130px; padding-right: 10px; } .selectDepartmentUserContainer .selectDepartmentUserContent .userItem .profession { width: 160px; } .Score-wrapper { width: 100%; display: flex; flex-wrap: wrap; } .Score-wrapper .LineScore-item { flex: 1; height: 5px; margin-right: 2px; cursor: pointer; } .Score-wrapper .LineScore-item:first-child { border-radius: 2px 0 0 2px; } .Score-wrapper .LineScore-item:last-child { margin-right: 0; border-radius: 0 2px 2px 0; } .Score-wrapper .StarScore-item { cursor: pointer; margin-right: 3px; } .Score-wrapper .StarScore-item i { font-size: 16px; } .Score-wrapper .StarScore-item:last-child { margin-right: 0; } .Score-wrapper .mobileStyle { flex: 1; margin-right: 0; text-align: center; } .Score-wrapper.customScoreWrap { display: flex; align-items: center; } .Score-wrapper.customScoreWrap .text { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .customFormRelationList { list-style-type: none; margin: 0; padding: 0; } .customFormRelationList > li { display: flex; height: 36px; align-items: center; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 4px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px 0px; padding: 0 8px 0 11px; margin: 10px 0; background: #fff; position: relative; } .customFormRelationList > li:after { content: ''; display: block; height: 0; clear: both; } .customFormRelationList > li:last-child { margin-bottom: 5px; } .customFormRelationList > li:hover { box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px 0px; } .customFormRelationList > li > .type-icon { width: 18px; height: 20px; padding: 8px 9px 8px 0; box-sizing: initial; } .customFormRelationList > li > .type-icon > i { display: block; width: 18px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; color: #9e9e9e; } .customFormRelationList > li > a { flex: 1; display: flex; box-sizing: border-box; height: 36px; padding: 8px 11px; padding-left: 0; font-size: 14px; line-height: 20px; text-decoration: none; color: #333; overflow: hidden; } .customFormRelationList > li > a > span { display: block; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .customFormRelationList > li > a > span.link-name { flex: 1; } .customFormRelationList > li > a > span.text-a, .customFormRelationList > li > a > span.text-b { max-width: 40%; padding-left: 16px; box-sizing: border-box; color: #333 !important; } .customFormRelationList > li > .user-img { width: 24px; height: 24px; padding: 6px; float: right; box-sizing: initial; } .customFormRelationList > li > .user-img img { display: block; width: 24px; height: 24px; border-radius: 50%; } .customFormRelationList > li > .Icon { display: none; position: absolute; cursor: pointer; line-height: 1em; top: -11px; right: -10px; font-size: 20px; color: #757575; } .customFormRelationList > li > .Icon:hover { color: #515151; } .customFormRelationList > li:hover { background-color: #fcfcfc; } .customFormRelationList > li:hover .Icon { display: inline-block; } .taskDetail { display: flex; flex-direction: column; position: absolute; top: -10px; z-index: 11; right: -640px; bottom: 0; width: 640px; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); transition: right 0.25s ease-out; } .taskDetail.slide { box-shadow: 0 10px 23px 2px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.15); } .taskDetail.detail { width: 1000px; position: static; height: 100%; } .taskDetail.fullscreen { width: 800px; position: static; height: 100%; border-radius: 5px; } .taskDetail .taskCloseBtn { cursor: pointer; position: absolute; top: 0; right: 5px; font-size: 20px; } .taskDetail .taskCloseBtn:not(:hover) { color: #757575 !important; } .taskDetail .applyReturn { font-size: 13px; line-height: 58px; width: 100%; height: 58px; padding-left: 20px; cursor: pointer; color: #999; border-bottom: 1px solid #ccc; box-sizing: border-box; } .taskDetail .applyReturn:hover { color: #0091ea; } .taskDetail .applyReturn .icon-arrow-left-border { font-size: 28px; display: inline-block; margin-top: 13px; margin-right: 10px; vertical-align: top; } .taskDetail .taskContentBox { padding: 0 20px; } .taskDetail .gray { filter: grayscale(100%); filter: gray; } .taskDetail .talkNav { position: relative; height: 35px; margin-top: 20px; padding: 0 20px; border-bottom: 1px solid #ccc; } .taskDetail .talkNav li { float: left; padding: 0 12px; height: 32px; line-height: 35px; cursor: pointer; text-align: center; transition: border-color 0.3s ease-out; border-bottom: 3px solid transparent; box-sizing: initial; } .taskDetail .talkNav li:nth-child(3) { float: right; } .taskDetail .talkNav li:not(:hover):not(.active) { color: #aaa !important; border-color: transparent !important; } .taskDetail .taskDetailContent { position: relative; background: #f5f5f5; } .taskDetail .talkBox { padding: 0 20px 0 25px; } .relationControlBox { height: 100%; } .relationControlBox .relationControlTypeName { font-size: 16px; margin-left: 24px; padding-top: 20px; } .relationControlBox .relationControlBar { width: 145px; background: #fafafa; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .relationControlBox .relationControlBar .relationControlType { margin-top: 15px; } .relationControlBox .relationControlBar .relationControlType li { height: 48px; line-height: 48px; font-size: 14px; cursor: pointer; } .relationControlBox .relationControlBar .relationControlType li:hover:not(.active) { background: #f5f5f5; } .relationControlBox .relationControlBar .relationControlType li.active { background: #e0e0e0; } .relationControlBox .relationControlBar .relationControlType li i { width: 16px; display: inline-block; color: #8f9093; vertical-align: top; margin: 16px 8px 0 20px; font-size: 16px; } .relationControlBox .relationControlBar .relationControlType li i.icon-task_custom_today { font-size: 17px; margin-top: 15px; } .relationControlBox .relationControlClose { position: absolute; top: 5px; right: 5px; font-size: 18px; cursor: pointer; } .relationControlBox .relationControlClose:not(:hover) { color: #999 !important; } .relationControlBox .relationControlSearch { margin: 0 24px 0 15px; position: relative; padding-top: 12px; } .relationControlBox .relationControlSearch i { font-size: 18px; position: absolute; top: 27px; left: 5px; color: #9e9e9e; } .relationControlBox .relationControlSearch input { width: 100%; height: 48px; line-height: 48px; padding: 0 10px 0 30px; box-sizing: border-box; border: none; font-size: 13px; border-bottom: 1px solid #f4f4f4; } .relationControlBox .relationControlSort { font-size: 13px; color: #9e9e9e; margin-left: 24px; height: 47px; line-height: 47px; } .relationControlBox .relationControlList { overflow-x: hidden; overflow-y: auto; } .relationControlBox .relationControlList li { height: 42px; line-height: 42px; padding: 0 24px; box-sizing: border-box; font-size: 13px; cursor: pointer; color: #fff; } .relationControlBox .relationControlList li:hover:not(.ThemeBGColor3) { background: #f5f5f5; } .relationControlBox .relationControlList li:not(.ThemeBGColor3) { color: #333; } .relationControlBox .relationControlList li:not(.ThemeBGColor3) i { color: #9e9e9e; } .relationControlBox .relationControlList li .relationControlItem { position: absolute; top: 0; left: 24px; right: 24px; bottom: 0; align-items: center; } .relationControlBox .relationControlList li i { font-size: 16px; } .relationControlBox .relationControlList li i.relationControlIcon { min-width: 18px; width: 18px; height: 20px; } .relationControlBox .relationControlList li .overflow_ellipsis { margin-left: 10px; } .relationControlBox .relationControlList li .userAvarar { margin-left: 20px; } .relationControlBox .relationControlList li .userAvarar img { display: inline-block; vertical-align: top; } .relationControlBox .listMore { font-size: 13px; margin-left: 24px; cursor: pointer; display: inline-block; height: 42px; line-height: 42px; } .relationControlBox .listMore:not(:hover) { color: #9e9e9e !important; } .relationControlBox .listDate { font-size: 15px; margin-left: 24px; padding: 15px 0 10px; } .relationControlBox .listDate .listDateGray { color: #9e9e9e; } .relationControlBox .relationControNull { margin-top: 106px; color: #949494; font-size: 14px; text-align: center; } .relationControlBox .relationControNull .relationControNullIcon { width: 106px; height: 106px; border-radius: 50%; background: #f5f5f5; text-align: center; margin: 0 auto 16px; } .relationControlBox .relationControNull .relationControNullIcon i { font-size: 50px; color: #9e9e9e; display: inline-block; vertical-align: top; margin-top: 28px; } .relationControlBox .relationControNull .relationControNull { width: 106px; height: 106px; border-radius: 50%; background-color: #f5f5f5; margin: 0 auto 16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABwCAYAAADhTnWjAAAAAXNSR0IArs4c6QAABBpJREFUeAHtnb1OG0EUhceL/yTiWBbKC5Am4hUiIUWhtehIRQ9daJMHSJMiVeihpUEpUhAJyVXatKndJP5B8oIFwsSZRUpjW2Hu3nt2bXMsWWKHuWdmv8+7a3vXdsH52/n5ebXb7X4oFApNv/g8aXust9vb25vRaHSwu7t7mAWDKBmk1+t98/Df+j8fNfyExXg8rsSDwefj4+P9ZBl9i05OTg78IC/RAy1SvpfgspKQbAFvFglOVnP9J+Ho6GgPOWbkB3qBHGCRsxMJl3F8iJQQ+X1/fZEhoeeOlnB/EEavxKLnIyVQQOCjAyWBAgIFJN0QEihAIAAhgQKEAqwlUEAKAZYSKCClACsJFKAQYCGBApQCtBIowECARgIFGAlIK4ECDAWkkUABxgKkEigAIEAigQJAAkIlUABQQIgECgALeEgCBWQg4H8SKGBCQLlcdtHKykSrzeKs8wkUMIPt01ptRqtN06SEgr8uaGwTvVwpN9fXbhDH7s/dHWTF/MUQ7kmttl+EpC9BaKVadc/83V+qeH8qErFKXsInCniAbKlUeqCH6t9lHgNU/PTFFKBnqEqgABU+fTEF6BmqEihAhU9fTAF6hqoEClDh0xdTgJ6hKoECVPj0xRSgZ6hKgL4VUSwWXaPRUE0w7+KLiwvnP7YKmwZUwOrqqtvc3IRNPovgs7MzNxgMYENxFwRDGxZMAWGcYL0oAIY2LJgCwjjBelEADG1YMAWEcYL14kl5GNqg4DG3gCBOuE4UgGMblEwBQZhwnSgAxzYomQKCMOE6UQCObVAyBQRhwnWiABzboGTo+YB6ve62traCJjKvnXg+YF7NGM2LuyAjkGljKCAtOaM6CjACmTaGAtKSM6qjACOQaWOgT0Ovrq5cq9VKO7e5qBsOh9B5QAUkFzR1Oh3oCix6OHdBORukAArImUDOw3MLoICcCeQ8PLcACsiZQM7DQ18HVCoVt76+nvMqOhf7bz1pt9u5z2PWBKACqv7bRjY2NmaNm2lbAn9eBfAYkOlDYXowCphmkmkLBWSKe3owCphmkmkLBWSKe3ow6LOgeXk7Gvkx02mkshaogGU4ISPDKe/NXZCcmWkFBZjilIdRgJyZaQUFmOKUh1GAnJlpBQWY4pSHUYCcmWkFBZjilIdRgJyZaQUFmOKUh1GAnJlpBQWY4pSHUYCcmWkFBZjilIdRgJyZaQUFmOKUh1GAnJlpBQWY4pSHUYCcmWkFBZjilIdRgJyZaQUFmOKUh1GAnJlpBQWY4pSHUYCcmWlFIuCnaSLDJAQ6iYCvkgr2NSXwJfKf43rnI7+bxjIshMBv/1vF76NmszlcW1t75Ss++nscUsk+agI/oih6vb29/aswGXV6elrr9/srk+1ctiHgf1lqtLOzc2mTxhQ1gb92LloW5BTOQQAAAABJRU5ErkJggg==); background-size: 48px 56px; background-repeat: no-repeat; background-position: center; } .relationControlBox .relationControlFooter { position: relative; margin-top: 10px; height: 32px; line-height: 32px; padding-bottom: 20px; font-size: 14px; text-align: right; margin-right: 24px; box-sizing: initial; } .relationControlBox .relationControlFooter .relationControlCreate { position: absolute; left: 24px; top: 0; font-size: 15px; cursor: pointer; } .relationControlBox .relationControlFooter .relationControlCreate i { display: inline-block; vertical-align: top; margin-top: 8px; margin-right: 4px; } .relationControlBox .relationControlFooter .relationControlCancel { display: inline-block; cursor: pointer; } .relationControlBox .relationControlFooter .relationControlCancel:not(:hover) { color: #9e9e9e !important; } .relationControlBox .relationControlFooter .relationControlSave { display: inline-block; cursor: pointer; padding: 0 30px; color: #fff; border-radius: 3px; margin-left: 40px; } .relationControlBox .relationControlFooter .relationControlSave.relationDisable { opacity: 0.5; cursor: not-allowed; } .mui-datetime-base .mui-datetime-picker { cursor: pointer; } .mui-datetime-base .mui-datetime-picker.disabled { cursor: not-allowed; } .mui-datetimepicker { display: inline-block; border: solid 1px #e5e5e5; background-color: #fff; border-radius: 4px; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.24), 0 0 1px 0 rgba(0, 0, 0, 0.12); } .mui-datetimepicker * { box-sizing: content-box; } .mui-datetimepicker button { outline: none; } .mui-datetimepicker .mui-calender { padding: 0 13px 10px; } .mui-datetimepicker .mui-datetime-toolbar { height: 30px; padding: 8px 18px; background-color: #f5f5f5; text-align: right; } .mui-datetimepicker .mui-datetime-toolbar:after { content: ''; display: block; width: 100%; height: 0; clear: both; } .mui-datetimepicker .mui-datetime-toolbar .mui-time { vertical-align: middle; float: left; } .mui-datetimepicker .mui-datetime-toolbar .mui-time .mui-forminput { width: auto; max-width: 80px; padding: 4px 6px; min-height: 30px; box-sizing: border-box; } .mui-datetimepicker .mui-datetime-toolbar > button { font-size: 13px; line-height: 20px; padding: 5px 6px; min-width: 50px; vertical-align: middle; margin-left: 6px; } .mui-datetimepicker .mui-datetime-toolbar > button.Button--ghost { padding: 4px 6px; } .tanttRadio { font-size: 13px; line-height: 24px; margin-bottom: 5px; } .tanttRadio .tanttRadioItem { cursor: pointer; } .tanttRadio .tanttRadioIcon { width: 14px; height: 14px; font-size: 0; border-width: 1px; border-style: solid; border-radius: 50%; padding: 2px; box-sizing: border-box; display: inline-block; vertical-align: top; margin-top: 4px; margin-right: 4px; } .tanttRadio .tanttRadioIcon i { display: inline-block; vertical-align: top; width: 8px; height: 8px; border-radius: 50%; } .tanttRadio .tanttRadioIcon:not(.tanttRadioChcked) { border-color: #ccc !important; } .tanttRadio .tanttRadioIcon:not(.tanttRadioChcked) i { background: #fff !important; } .noAuthContentBox { align-items: center; justify-content: center; height: 100%; } .noAuthContentBox .icon-task-folder-message { color: #f78c00; font-size: 66px; } .noAuthContentBox .noAuthJoin { height: 36px; line-height: 36px; color: #fff; padding: 0 32px; border-radius: 3px; display: inline-block; } .programErrorBox { width: 100%; height: 100%; position: relative; } .programErrorBox .programError { position: absolute; top: 20px; bottom: 20px; left: 20px; right: 20px; border-radius: 3px; box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.16), 0 5px 20px 4px rgba(0, 0, 0, 0.1); background: #fff; align-items: center; justify-content: center; } .programErrorBox .programError .programErrorImg { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAD4CAYAAAA3vfm6AAAAAXNSR0IArs4c6QAAI0lJREFUeAHtnQl0HMWZx78anZblC/k22DLY+OKQuWyOgHFiwOYIbMgLCcHIkGvZl0ACm7cbkgdsNtnkkTyObJLNBQYWyHtZEkg4Ek5BANtclgFfBLC5jC+wbN2WZmr/38gj97Ra1oxmas5/vdfqrurqr6p+3fNXXV0tQkcCJEACJEACJEAC+UbA5FuGmV8SCCJg1y+oR/h12GrFSqOUyjJzeEMj/HRZJECBySJ8Jp0eAhCXWlja5LO22cxqmOoLozfDBEIZTo/JkYALArUBRoPCAqIxyCUBCoxLurRNAkVOgAJT5A8Ai08CLglQYFzSpW0SKHICFJgifwBYfBJwSYAC45IubZNAkRPgMHWRPwD5Uny7ccH5EpErA/NrZaQYqQs41xAQJpgn04R5MjcYzpMJxJPOQApMOmnSlhMC9o0FdRKW1Wk2znkyaQYaZI5NpCAqDMstAmE530GGaqPC5cAwTe4nQIHZz4JHuUtgs5OslYkbu04ym59GKTD5ed+KK9eVcj8KvDvNhX7aTG1oSrNNmvMRYB+MDwi9uUnAblowUjrkqn5yV4vwSwPO3RAQFu3kNbMbbg48x8C0EqDApBUnjWWDAF52XIB0n/KnjZcd+Xz7oWTYzyZShoEzORIoJgIUmGK62ywrCWSYAAUmw8CZHAkUEwEKTDHdbZaVBDJMgAKTYeBMjgSKiQAFppjudqGWtRJr8PrnyVh5oFCLm0/lytthvIfu3lVnu8NHm5CptdYuMGI262LPxoQalywd9XQ+3QTmNXUC+9blrcczUAdrDTJElnMiXepcU7WQdwLz1O27RraWRK5DxvubdKUTqbCqfGjZ2ReP0v9sdCRAAlkikFcC85e7di0IRSK349X82oR4Gbn+7EtqbkgoLiORAAmknUDeCMwjt++qDYciq43B2h9JOCvyzXOW1tycxCWMSgIkkCYCedPJGy4J395HXKzF9HDzz6jRLLbWXAImN1mLZYm8zsp1Kk7eIB6TAAlkhkBpZpJJLZWH7txZDyFZ4LNy65JNNd801xuvoPzvw3c2PWgl/CfEHa7xVZRUnHB4uvrpSIAEMkcgX2ow9V4kaPY8dPbSmit94hKNsmTpyCdx/kve+BhhWuD185gESCAzBPJDYKyZ4sVRJiVf9/r9x+hz+QOaSiu84dpB7PXzmARIwD2BnBcYHZb2jhqhdrLzzKUjNw2EBr3XL3jjGBup8/p5TAIk4J5AzgtMh/hHjWw4ISwmvrPX6MrzdCRAAhklkPMCs3jZqM0g0rtcIvpTxmEWb1yTKYgYajrzvOGRUKjB6+cxCZCAewI5LzA9CGxjHIruyHVxfp9H+1vQRDrJG1zdHX1fxRvEYxIgAccE8kJgrJj74zgYWfbQnbt03ksf9+DdTYeGIuHf+k68c/qyUU2+MHpJgAQcE8ibmbwP3vlRIzJ7dDwP+xfMc7ktEip9OmTDM2zEnof3kL6FyS8V3ngREzr93EtGNXjDeEwCJOCeQF5MtFMMpiRUL+GI7+t+5lwMR59rwmHoSjQWIkYP9v+xcsO5Syku+4HwiAQyRyAvmkiKo+fNaLsMh70dvgNjsg+cfWnN9QPHYwwSIAEXBPz/712kkVab+l5RpCS8HFWV0w5geLcxtn7JJaPj+24OcAFPkQAJpJ9A3glMDEH0/SRrasXYBRCbOiwC04gXHjejidQ4NBxazk7dGCnuSYAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAEiotA3r4qUFy3iaUlgdwgcL21oU0r5RwIxzF4LUeXT2nCigarrZGGO+ebV/25pMD4idBPAiQQSOCyF+0MrIxyN0Tj2IAIESyZcpMZJ99dPtVgKe0eR4GJkeCeBEigXwKXrrAno8byJASjvN9IOAGRebVtmBz/hzlmr8bLm/VgDlQoniMBEnBH4JI1diis3zOQuGgOEOeoqmb5QSw3FJgYCe5JgAQCCZR2yIVYmnZy70krHeh3uQlqcgHCLsfx473n9MDKVfWbbKUe5s2SmZpZOhIggcwTQOfKQm9fCjp0r7hjvrndk5Pb0IR6FiJ0soZhXyrb5BM4fIw1GA8lHpIACQQQsHKWN3R4jdzj9esx+l6W+8IWqp8C46NCLwmQwH4CX3nJlqFGMro3xErnz6abzl5/7MCI/7NAU/UUBSYGiHsSIIE+BH59nOlCH8vG3hNGKnS4ute/7wBNqLhPCqFGs0ZPUWD8pOgnARKIIwDxiPtcUCQstyxdZWtikZa9YPUrqt+I+XUfMvKK7r19N+oveHfqA3sv62wPfxEdVzPC3TIibG0lIJQUfMFZwIwSQLNCyktNV1lZqLmqwmypGVn2QGm53H/XPPNSRjOShsTqX7B1NiKrtEgJmltTXirHa+2nKARmxgN2WNXu9rtaOiLndHdbikmCTwmjpZdAzfASmTyh4p1hQ0NXYxTmvvRad2utfqW9EincPGAqVpoR56jlJ+ILH3AFLzDH/77jJ027u6/sDlsOyesdp8s6gbGjSuWwQypXVpTL1befYJ7PeoYSzED9CluPqLdCNYYFXYJ+l5dLSuTi2443vX02BS0ws3/Xelt7Z2RZEAyGkUA2CVRVhuSoaUPeKS0zi+860azPZl6SSfuyV+zEcKdcgybgXFyH75H1vOwIIXmqdr78/HpjIl57BSsw037V8vtw2H7OW1gek0AuEagoM3LMjKqPTLmpu3u+eT+X8pauvBTkKNK037R+h+KSrkeEdlwR6Oyy8vrb7TWhsH0wNrXeVVrZsltwAnPI/7QeF+6K9L5slS2wTJcEEiHQ3BaRt7fsPRpT63+USPx8i1NwAlNu7a/z7SYwv8VNYMuOLmlrj3wVw8HjC41EQQnMlF+0nh2xVjuf6Eggrwhs3rq3EnNNrsmrTCeQ2YISGCPhzyZQZkYhgZwj8NHuboHAfCHnMpZihgpKYELGnJ8iD15OAlkhEMHg7u7W8ARMaJuflQw4SrRgBOaQX3UchpeyRjjiRLMk4JzAntawTn3VuSUF4wpGYEq7uiYVzF1hQYqSQHsHqjERKaiO3oIRmLCRsel+KifZPXKC3ZKy2a6qdmkfvUvCZV0p25pV/XbKNmggNwl07MVke1NYAlMw7+cYY/CmJ25Qik5F5crIy3JGZLMM96yrs05q5LbQUfLHUJ+lMAJTVFFpmvG2tE3YIZHy/cJS2jZEqt+dKKM2HBp4XVDglVPvkUU1q2T2sP3isq75UHl053y5dfPngy5hWB4SwORQfYQD3/PJw+JEs1wwApOOG/CZyAb5XnhFj7D4XqKYLR/JTyJPyWWRV+XzJedJs6noN0mtrWw/YU2csMQid6vwzHxL2sZvl7EvHC1lEJz+nNZWbpx5S5ywxOKq2Oh2xuiV8tXXvyMfdIyLneKeBHKGQME0kVIlushukhsjDXG1liCbKjT3hv8sw2xn0GnpHNEsW095KVBcvBfsHdkcFaH+mk3DSlvk3rprA8XFa0dF5t6514rGpyOBXCNAgcEdUbG4sbsh4XujInOZfS0w/vZ5jYHhQYEqMh8f+UbQKfnJzJtleFlionFw5Ta5qvbeQDsMJIFsEqDAgP6FduOANRf/TVoW7iswrehv6a7q8Ec9oL9l8pY+nb/zRr4mi8asOuB1/pPLDvmzTILQ0JFALhGgwOBuzI8kP1KkHcDzfCNMbRO2D+re+q+bPciRotnDNg0qfV5EAq4IUGBA1jtalAzogzHi5HXagTsY56/1DFYoBitMg8kzryGBRAhQYBKhlOE4e7r0U8B0JJD/BCgwuId7bP9Dzge6xe+b4XGndY7LYFz57ng773cMbs7gupZDB5M8ryEBZwQoMED7aKg2acDN+ILDKjMx7rqqDwcnDJU7R8bZWdl0ZJw/Uc+65qmJRmU8EsgIAQoMMN8XmikfJDmBUmf1+t3QD8dI+e7kJmKOxIzekq6yOFPrURN5bMe8uLCBPLe/dx4n2w0EieczTiAhgalfbUfi622n6ZbxHGYowa+Ezkw4pVVmgtwSOi4w/uhX5kioK7EJ0ipGw9+aHGjnmg1XyQftidWI1rdMle+/+eVAOwwkgWwSGFBg8C2UBdIpm7AYToNuWK9itQpONjPtIu31odE9rwAM8PG6x6RWvhI6q98sVEA0xj973IAiU7lzFOId26f2EjPc3F0tFzX+UFY1HRELCtxrTeei1T8MPMdAEsg2gUT+1V6PTHoFpQ6CU4+wm7EVlNM+lVNKLo7O0r0wslEmRT9S11NEFZbbSo7q0+8SBEBF5uBHT5E9h70bfdlxL14fiDkVlup3J8iwdwdeXULfL/r86v+Sz4x/XC6c8ITMrt6EVwJapbl7qKxDreW29z+NplRBrU8Uw8R9gRBIRGD6FtXGCU7f83kcoi8x3mKO67cJlGjRtF9l1IbDolui1/QX776tnxLd6Egg3wgM2ETKtwIxvyRAArlDgAKTO/eCOSGBgiNAgSm4W8oCkUDuEKDA5M69YE5IoOAI9HbyYji61pTIFH8JMTTdd6V+I1OC5sTYMlmzfK5p8tugnwRIoDgJlEbnuRj5E4o/EmKSqKtH3Po+kbHIG+bJNEiFXECh6UOHASRQdARCWMVc57N457mkCkEn5tWnaoTXkwAJ5D8B7YM52kExFjiwSZMkQAJ5RqAUn0l4B7WYPn0vKZXDSmNK1/NiEiAB5wTseycOkbbSIyUSqoMGlEALGmVEyxoz8eW2dCUekpBcBWO702UwKliVhfcaQdr40BAJ5AABu37BV6W5Ah/tKsHiz+ZXYs0vsH9edlfvtOsWXIXPMPs+3DO4TJcun2fux8uLtdLR7zdxb0ZS8c0oK3cgueVBSS4/0TQEhTOMBEgg+wTs2jnlEhr9IHKyKFhCzBCE3yTrT7vAbjJnmqkNya1i7ytidJh634hPg+9c1ItRpqaA8M0UkgAqDCKBXCdQMuY/0MpYNGA2jTlV2u1PEe9fBox7gAicaHcAODxFAoVEwK4//Vix9ttxZdI+WLG/QfgvITxvxZ0z5gq74dSFcWFJenon2iV5Xc5FD4fltUnjyt4sLzXTci5zzBAJJECgojwt3R79p2QjVwg+4t4bwcrjMqt5iTEvRz+ebu2CUtlg70NfzHn745iv4fjJXn+SBwUjMO9/vfq1T62wb6L9SIFJ8iFg9BwiYB3mxZhD46yH5KcxcdFwYxq67cYFN0pE9guMSG3cNUl62ERKEhijk0DeErA2fg3WUATNI58r8YVZGe+LkZR3cAJjJKjjN6mEGZkESCDjBDbGpRgJ9Z3/1l3iWyTaxF8TZ2Bgz8ACE/LNadFOoYrgIeqBk2MMEiCBrBEwvgmw1n7L2mPLYvmJ9sFE7DUxf8/evhLvT843YB9MdJ7MCjsVE/Lq0DZrkkpp5IuMyUFmbBLICQKm+7diS69Gb8vwnvyYRbK++k1MutsU9W+wk9ERM9WT1w4pK/m1x5/04YACoxYx52UzdrrRkQAJ5CkBM/O5LRCTbyD7y3uLYIw2ifY1i/YPMEXPW3u1mf5k/NB174WJHQzcRErMDmORAAnkAQEzq+EOZPPfMe8lOjQdnGVduMVeZ2Y/jdcHUnMUmNT48WoSyDsCEJkfiQ3NhYg8hcl1rfsLYNshPH8XCZ1gZj39H/vDB3+UUBNp8OZ5JQmQQC4SMHOeWot8LcRLjSHZcMo0KQmVyPRnNmIaHmov6XMUmPSxpCUSyDsCPYLy7BuuMs4mkiuytEsCJIDqER0JkAAJOCJAgXEElmZJgATQXUwIJEACJOCKAAXGFVnaJQESYA2GzwAJkIA7AqzBuGNLyyRQ9AQoMEX/CBAACbgjQIFxx5aWSaDoCVBgiv4RIAAScEeAAuOOLS2TQNEToMAU/SNAACTgjgAFxh1bWiaBoidAgSn6R4AASMAdAQqMO7a0TAJFT4ACU/SPAAGQgDsCFBh3bGmZBIqeAAWm6B8BAiABdwQoMO7Y0jIJFD0BCkzRPwIEQALuCFBg3LGlZRIoegIUmKJ/BAiABNwRoMC4Y0vLJFD0BCgwRf8IEAAJuCPAD6+5Y0vLGSBQjSe4siQ+oW58m7DJ9+Xl4WUi5b5/p3sRb48vXrwl+lIlQIFJlSCvzyqBbxwuMn1YfBZe+ljk5/+ID/vuHJExFfFhj28TuXtzfBh96SXg0/T0Gqc1EnBJQGsuh1b3TeH13fFhoyEsfnHRGOt98eKvoi8dBCgw6aBIG1khMGu4SInpm/Ran3DMRjy/0y+8b9jjD6U/3QQoMOkmCntV+M96/EHBD7+D5IrW5JwRfYu+vVNkJzavmx0Qb3OLSFvYG4vHLgiwD8YBVa26XzFdpKVbZMVOkb/vEHmvzUFCRW4ySGD8tRdFpDUdv1vH2osfiRM/BcYJ1h6jOsKxaHzP9g4E5u/bRVZCcFr5nzNl6jXlIuMr+5pZ2xQfdnCViI4g+d06XzPKf57+9BCgwKSH44BWpuBBn1IrctEUkVcwyvEMajX6kNsBr2SEIAJBzR7tV1nvq5kE9b90AfqbzUFWGZZuAhSYdBMdwF4pOiVPqOnZPt4r8iyERrcdvn6DAcwU/ekjAvpVNgX0qwQJ0T8gLioydO4JUGDcM+43hYNQzT9vksi52DbiP6/21egcDp0ARtc/AR04ChIOf/+LjmDMCOp/YfOof7hpPkOBSTPQwZjTH8xM/BB0+2KtyAsf9YjNW/iPTNeXwOShItq/5Xd+gdE5MpUB46Tsf/GTc+cPuE3uEqPlgQkMwQjUaWN7ti3tPULzPDqGi3FKu2rDCNTy/O7YUf6QniaPNjlHeeLPDYjXidqhsvTGU2stCGOzqS/XVEMCpimlajJ719evsI+IkbOyl4OelGNV+BNHi+iPwf+uTLL5C6O/4FWMjmgTas0ukWJpQR0Ddl8/PFlag4v/vVdF3oegZ91ZuWf5iebirOcjTRlgDSZNIL1mtP9Qq+u63QG1qcMPRcXmyJEi2smbrNPZqvrfWDf97/scajTaMaw1nEJ2QfNcXJR3N5jmhLi4KFyWbVJgHN8ArXa/iI5b3XSG73EH9YiNdj4OQmuiczoWTxDR7W300ehw9yr02XQU4NyaTAkM+2Tc/QgoMO7Y9rGsU9NVEHQbiclf81CrORFD1lOG9omaUIB2Yur2hSk9o0/ahCqU92t0It24gIl0CYFJMpK/czjJyxn9AAQoMAeA4/KUrlfytw97tgn4Ic2H2Og21rekQCJ50HVOTsK1uul8Gm0+PbRFRPtu8tWVoUx/fL9v7s9CzU1rgl73ZktPH5U3bAni+fu+3sD8F/+b1nqN9m/RuSFAgXHDNSmrH3aI/Ak/Jt20RjIftZp52IKmuA9kWJcluOBgkQa8lpDPI09bweQvH8SXdhieVi2b3z2JdV30na+Y0xGifwqI99jWnppeLB737glQYNwzTioF7VfR7d53eiaTaeewjqbo8HWxO+2TCeq38vehBM3y1ZE3f7xi55mJ8lNgMkF5EGl4R6LK8KvSkShtQh01yJGoQWQh5y4J6vTV0R8dBfI6Ha3zOxVtLs/gp+LeT4FxzzjlFHQkarXOf8FeazJByw+knEgeGAgSGH+tRGs4Qa8RvM5+lqzcYQpMVrAnlqj+WPT1AW0m6fB2MTeTJg7pO/tWKfpHgLQPa2hAczKoczexu8BYqRCgwKRCz9G1Omytw9c6jK3D2XQiQbUXHSXTl0S9Lqj/Rdff0SYSXeYJUGAyzzwwRR2e1j4Wra0ELaQUeFE/gbvwTo5+uqOQXJDA6Mug+m6R1x0R0P+izSjt06LLPAEKTOaZ96aow9C6NozWVrRqn4rr3tdPo6vmaXMgX39QOmJ2WAALbSr6nc6V+ewh8aFBHHV42x+vHbWaBzFXiM4tAQqMW759rOvyAcfse11AOyPhTckV2lKc50wSmZrgzGaNl0jc2FIYXtCN7PT14nB2TIFxhna/YX1ZUYdOtaaiw83+Lwzuj5nYUTMWE9e1fQttMXHtnK1NUFwSI9V/LH/ncP8xeSYVAhSYVOgNcO3h+OKg9qnoJ0yGpkhauxpew39dFZVGDFnn82sA/WGb1c9Euv7ipxLuH95OxRav7Z9Aio99/4aL+Yy2+a8/UkSXxEzV6ZR5FZXnsPknlKVqO9euD+rIdZFHfQ+s0Je6cMFtMDYpMIOhNsA12vmYirjo0gu6BIO+tKgv8hWL09cj/vBufGm1Sfnlw+LD1Hftq/jAPUbLYu7kMT1vlcf8utda37+u7ruURSHW/rzlzqVjCkyO3A0d9Sn2hb91sXOPZkTvzDQ0M/1Oa3X+Gsi0gJEn/XqjLqNJlz0CFJjssY+m/BF+ANr84adLgm9E0MS5oFm52n/jd0Hx/HHod0uAAuOWb6B1fbfoZaxwp6LCSWCBiKKBuvSEbn7nHwGajI/aab+X37Ej108k8/6A25L5TBRLipta0WGLiXDav8I3ewe+60G1F+0/2YCJhF4X1DmsM3yLqf/KyyOXjikwju+GLvqkiyHpSNAHBb5Id7pRzgmY9q+vB3Ro763HBQmM9mexM9cDKUuHFBgH4LXDVpdX0CbQGsxd4YOePOTosgsBrwf4+1V0rZzpAR3BbB4lz9zFFRQYB1T1ZcNb33BguIhM6jtFQctT+PtfdJQpaGa0P14Rocupoqb6KkxOFYaZKRwCQf0vuuzCJt+8oKDmkTZL+Z2j3HgWKDC5cR+YCx+BRJddCBIY1l58MLPopcBkET6TDiagTaOgZRf8wqEvRwZ9U2odOnjpcoMA+2By4z4wFx4CulbL5as8Af0capPpsgTi9XM5gzNAgDWYDEBmEiRQrAQoMMV651luEsgAAQpMBiAzCRIoVgIUmGK98yw3CWSAAAUmA5CZBAkUKwGOIhXhnb94isjkodkp+MNYyV9fn6ArDgIUmOK4z3GlPBjLG+h6wdlwz/FDctnAnrU02UTKGnomTAKFT4A1mMK/x31K+OP1fYIYQAJOCLAG4wQrjZIACSgBCgyfAxIgAWcEKDDO0NIwCZAABYbPAAmQgDMCFBhnaGmYBEiAAsNngARIwBkBCowztDRMAiRAgeEzQAIk4IwABcYZWhomARKgwPAZIAEScEaAAuMMLQ2TAAlQYPgMkAAJOCNAgXGGloZJgAQoMHwGSIAEnBGgwDhDS8MkQAIUGD4DJEACzghQYJyhpWESIAEKDJ8BEiABZwQoMM7Q0jAJkAAFhs8ACZCAMwIUGGdoaZgESIACw2eABEjAGYG8/myJtbZ8W6vMKLEyx4oc8bO3Ze577c5Y0TAJkECSBPJGYJqsHdXZKseifHXYjoag1G1vlZlGpDSCP+qqSnr2/EsCJJAbBHJOYFArMTs7ZbrtkroIhESM1EE/6iAuE73I9mmKN4jHJJD3BPBZ31nbWuwZQ4bKK8ON2ZnvBcoJgfnY2hHhNvlExMqpaPKcBvE4BsJSmqyIVLIGk+/PY9Hnf0qVzAWEv7W3SAuE5nlr5GmDbewQecEY05VvgLIiMLutPaizXRaqoBgrp3W1ypEAF9WTZEXFC7w6K6Xx5oDHJJAagWGxZ9hINSydgd/HGYL+APzjbd/aYleo2IRC8vToSlkJwelMLTX3V8eK4zylXe12SmcEwCKyuKNFPgk5GZ6KmARleGxlUCjDSCB/CBxUHpxX/FaG4MxCiM3CSDgqOO9sa7aP2JA8UlYlDTXG7Am+Mruh6f6Nx5Vmu7XVkTa5CFC+hITmxZ104NmDCuQPNjowTJMkkAECJfiRXDdTpCLJpj4qOFqTuR+X/3bsUHkCNRsE5YZzIjDb2uyJNiKXo5ifQ01Fq3oZc//9tsh7bRlLjgmRQNoIHI5fyuW1qZmDsmzGb+536MC8fXSV+SA1a6lfndaJdttb7RK0E1dKRJ6Hcl2eaXFRHPNHpQ6FFkggGwTmH5R6qvjd1eIf+/fDEXkHncTLt7bbqalbHbyFtAhMTFislYdQQOdNoQMVd+5IkZp+2rEHuo7nSCCbBCag/3DO8LTmQBtal5qw/CObQpOSwOyxdjQy/3AuCEvs1mg7dvH4mI97EsgPAkvcPbMxodm4tdVei3lmZZkkgp/j4Bz6WT5jw/JLDJuNGZwFt1c9sk2kYYfbNGidBNJB4NwJIqfUpMNSQjZWl5TJF0ZXmA0JxU4x0qBqMNta7dfQz/J/uSouymTxOEwDHpEiHV5OAo4JnAxhyaC4aGnmhvfKqu0ddrrjokXNJ12DQZPoU7jyYWwZrWoNBoaO1T2KmsyTrMkMBh+vcUzg06i5nJS5mkt8aay8MaRaTnb9OsJgBKYROT06Pre57VvfIvLgFpGde3M7n8xdcRAYVyFyHt6smzY06+X98bhq828uc5GUwGxvseNRK8BPFQPQeehebBJp3CXyZmseZp5ZzmsC+mLdYRCUOoxyHoMtR9waCEydy7wkJRTRvhcrv3SZoUzY3quzkSAyWzqwtYvoDGA6Ekg3gRHoRJiICf4HY5uMrWxQPZ7pzlWcPRsyMmnMUPNhXGgaPUkJzL4FnvbgIlTy6EiABPKagJUHxg0z57ssQ1Kaincc9mKW4I9cZoi2SYAEMkKgC29l/6frlJISGM3M2Gq5AbsnXGeM9kmABNwRQC/Bt9E0esldCj2Wk2oixTKDoWrMMpFGbO7mH8YS454ESCC9BDLQNIplOOkajF6InudteC18Kg5vwqbTTehIgARynYCVJnRxXOS638WLYVA1GK+Brc12IWb03omwSd5wHpMACeQUgScwYrQUzSKdZpIxl7LAaE4xulS1o0WWoSpzJWbIZGQKcsYIMSESyG8Cj6ECcPOYKnkkGwtRpUVgYvz1iwA7WuVMCM03EXZGLJx7EiCBzBHA768NTaE7Q2UQlkqT1TUe0yowXoQ72+ykbivL0ENzORKp9Z7jMQmQgAMCVp5BC0KXzcSLyAZTSLPvnAlMrGhaq8EH0j4JVf0Sws5HgpykF4PDPQmkTgCv88odplR+M7bSvJm6ufRacC4w/uxiiPsoJLoYnyxZjLbhSTif829l+8tAPwlkjYCVXfhW0mMY/v0rJso9mgvr7h6IRcYFxpuZj6wd3t0ui7Bw1VkQm8U4x5EoLyAek0DPNJBGrBr5SKhU/jqmEutdGyyEmScuqwLjZ7TD2mHSJqeidnMamlQ9X3jEt6f98egngYIlYGUPaijPoobyTAQfWBs3RF7MJ0Hx35ecEhh/5tB/M2RHhxyLGs58dBbPRwfWfMRhLccPiv58JYDPr8ta1E5WobmzMhKRVeOqZR0ERcMLwuW0wAQR1jVpJCSn4LtL83BjjkcBjoLw8GMlQbAYllMEUCvfjOHjV/E1xlX4h7lKhsrK8cYU9OpEeScwQU+MvhsFsZmDauUc3MQjEGdOdDOSO0v7BGWcYYVKQGfLvo5tLfoW10aw4cOvrxW6mATdzIIQmKCCadhHbfbg7khUbI6A8ERFB/9BZqPGk9GvTfaXP4bnPYGtKMFaPFtRIcFztbZsiLx+kDG7875kaSpAQQvMQIzQxxPCzOOx+C8zCd3ykwBjIlq/k/AfZyKOJ+HBmYSq7EScT8M39wbKDc9nmYCOzGzDPf8A/4S0BvIBmjJbQhZ7LHxYin1JtWwZaQwWXaVLlEBRC0yikHSyYEuLjG41Mh7AJuiGayegJ24CHsbosfrR+6/nqhK1y3juCaDp/DFqFh/ivuiykNENgrG1xOK4FBvO2QrZgv8yWBqeLt0EwJ0u3QS0aYah9nHYaiBAo/CfcFR0LziGH9BHQYwOiu5xrOfwoKf3w6HpLlSW7YHbTvDSSWa7onscg9suiMUu1DCjm57DiGMTsrq9qlq2uv4kR5aR5EXyuFd0uUJA5wHZVhlqSzG+0I0thC0Cv8HeYvPs0ZQrgx9LSUsZzpfBXx7dC/YIw48v5i+Dvxx+jVeOG65+7/ly/HjLouE95+NrYFb0P3sX0tKPvnTh2i7Y2gtbXbhG10/vQt46cD4Mv57XZVW7cH7vPn9P/NC+63qu74QodOC6VpSxFWVsNbF9CY7D0opJZa2l3dJaXQ2/MW25co+Yj+QI/D/hQIzVf+Q2AQAAAABJRU5ErkJggg==) no-repeat; background-size: 140px 124px; width: 140px; height: 124px; } .programErrorBox .programError .programRefresh { height: 36px; line-height: 36px; color: #fff; padding: 0 32px; border-radius: 3px; display: inline-block; } .programErrorMinBox { min-width: 230px; max-width: 100%; height: 100%; position: relative; align-items: center; justify-content: center; color: rgba(150, 150, 150, 0.7); } .programErrorMinBox .icon-task-setting_promet { color: rgba(150, 150, 150, 0.5); } .taskDetail .taskDetailHeader { position: relative; align-items: center; justify-content: center; width: 100%; height: 60px; padding: 0 20px; border-bottom: 1px solid #ccc; box-sizing: border-box; } .taskDetail .taskDetailHeader.borderClear { border-color: #fff; } .taskDetail .taskDetailHeader.borderClear .taskContentShadow { display: inline-block; } .taskDetail .taskDetailHeader .taskContentShadow { position: absolute; z-index: 1; bottom: -10px; left: 0; width: 100%; height: 10px; opacity: 0.1; background-image: -webkit-linear-gradient(top, #222, #fff); background-image: linear-gradient(to bottom, #222, #fff); display: none; } .taskDetail .taskDetailHeader .taskDetailStatusBtn { border-radius: 19px; border-width: 1px; border-style: solid; height: 32px; line-height: 32px; font-size: 14px; cursor: pointer; padding: 0 18px; } .taskDetail .taskDetailHeader .taskDetailStatusBtn:not(:hover):not(.active) { color: #9e9e9e!important; border-color: #bdbdbd!important; } .taskDetail .taskDetailHeader .taskDetailStatusBtn.taskDetailStatusBtnNo { color: #9e9e9e!important; border-color: #bdbdbd!important; cursor: default; } .taskDetail .taskDetailHeader .taskDetailStatusBtn.active { color: #30af00!important; border-color: #30af00!important; } .taskDetail .taskDetailHeader .taskDetailHeaderBtn { font-size: 13px; cursor: pointer; } .taskDetail .taskDetailHeader .taskDetailHeaderBtn:not(:hover) { color: #757575!important; } .taskDetail .taskDetailHeader .taskDetailHeaderBtn i { margin-right: 4px; } .taskDetail .taskDetailHeader .detaiOperator { right: 10px; left: inherit!important; } .taskDetail .taskDetailHeader .detaiOperator .Item-content { padding-left: 16px; } .taskDetail .taskDetailHeader .detaiOperator .Item-content i { font-size: 14px; margin-right: 10px; } .taskDetail .taskDetailHeader .detaiOperator li:not(:hover) i { color: #9e9e9e; } .taskDetail .taskDetailHeader .detaiOperator .detaiOperatorLine { height: 1px; width: 100%; background: #efefef; font-size: 0; } .taskDetail .taskDetailHeader .createChecklist { position: absolute; top: 45px; right: 20px; background: #fff; border: 1px solid #e0e0e0; z-index: 200; padding: 20px; width: 300px; box-sizing: border-box; } .taskDetail .taskDetailHeader .createChecklist .createChecklistTitle { line-height: 20px; } .taskDetail .taskDetailHeader .createChecklist .createChecklistText { box-sizing: border-box; border: 1px solid #e0e0e0; height: 36px; padding: 5px; border-radius: 3px; width: 100%; vertical-align: top; margin-top: 10px; font-size: 13px; color: #333; } .taskDetail .taskDetailHeader .createChecklist .createChecklistError { border-color: #f44336 !important; } .taskDetail .taskDetailHeader .createChecklist .createChecklistBtn { width: 90px; text-align: center; height: 36px; line-height: 36px; color: #fff; display: inline-block; margin-top: 15px; float: right; cursor: pointer; } #copyTask #copyOperation, #copyTask .copyTitleBox { font-size: 13px; position: relative; } #copyTask hr { margin: 20px 0 -1px 65px; border: 0; border-top: 1px solid #e5e5e5; } #copyTask .copyTip { color: #9e9e9e !important; font-size: 16px !important; margin-top: -3px; } #copyTask .copyTitle { position: absolute; top: 20px; left: 0; color: #aaa; } #copyTask #copyOperation ul, #copyTask .copyTitleBox { padding: 9px 0 0 65px; } #copyTask #copyOperation li { position: relative; width: 50%; margin-top: 8px; padding: 3px 0; display: inline-block; } #copyTask #copyOperation li .noClick { cursor: default; opacity: 0.5; } #copyTask #copyOperation .checkOperation { font-size: 13px; display: inline-block; vertical-align: top; color: #333; cursor: pointer; } #copyTask #copyOperation .checkOperation .operationCheckbox { font-size: 12px; border-radius: 2px; color: #fff; margin-right: 8px; border-width: 1px; border-style: solid; margin-top: 2px; display: inline-block; vertical-align: top; } #copyTask #copyOperation .checkOperation:not(.checked) .operationCheckbox { border-color: #ccc !important; background: #fff !important; } #copyTask .copyTitleBox { box-sizing: border-box; width: 100%; } #copyTask .copyTitleBox #copyTaskName { font-size: 15px; line-height: 36px; box-sizing: border-box; width: 100%; height: 36px; padding: 8px; border-width: 1px; border-style: solid; border-radius: 5px; } #copyTask .copyTitleBox #copyTaskName:not(:focus):not(:hover) { border-color: #e5e5e5 !important; } #copyTask .copyDesc { font-size: 13px; color: #757575; } #copyTask .copyTitleBox { padding-top: 15px; } #copyTask .copyTitleBox .copyTitle { top: 22px !important; } #copyTask .chargeUserBox { position: absolute; top: -5px; right: 0; } #copyTask .chargeUserBox .chargeAvatar { width: 28px; height: 28px; vertical-align: top; } #copyTask .chargeUserBox .icon-task-folder-charge { font-size: 28px; margin-left: 5px; color: #dfdfdf; } #copyTask .chargeUserBox .icon-task-folder-charge:hover { color: #ccc; } #shareFolderOrTask .qrCode { margin: 20px auto 0; text-align: center; } #shareFolderOrTask .qrCode img { height: 150px; } #shareFolderOrTask .createShareDesc, #shareFolderOrTask .createShareCopy { width: 100%; text-align: center; margin-top: 20px; position: relative; } #shareFolderOrTask .createShareCopy { padding-bottom: 40px; } #shareFolderOrTask .createShareCopy span { cursor: pointer; color: #888; } #shareFolderOrTask .createShareCopy span i { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAEECAYAAABtBXvlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyN0QzNUYxQTZGNTExRTU5NTQ2REVFMEFGMUJBMEZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyN0QzNUYyQTZGNTExRTU5NTQ2REVFMEFGMUJBMEZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjI3RDM1RUZBNkY1MTFFNTk1NDZERUUwQUYxQkEwRkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjI3RDM1RjBBNkY1MTFFNTk1NDZERUUwQUYxQkEwRkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6WuLVZAAAgCklEQVR42uxdCZgV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) no-repeat; background-size: 100px 130px; width: 32px; height: 32px; background-position: -40px 0; display: inline-block; vertical-align: top; margin-top: -6px; margin-right: 5px; } #shareFolderOrTask .createShareCopy .clipboardswf { left: 50%; margin-left: -75px; top: -5px; position: absolute; } .taskDetail .detailTime { padding: 0 20px; align-items: center; justify-content: center; border-bottom: 1px solid #e0e0e0; height: 90px; } .taskDetail .detailTime .detailTimeIcon { font-size: 36px; } .taskDetail .detailTime .detailTimeIcon i { display: block; } .taskDetail .detailTime .detailTimeIcon .icon-watch_later { color: #bdbdbd; } .taskDetail .detailTime .detailTimeIcon .icon-go_out { color: #2196f3; } .taskDetail .detailTime .detailTimeIcon .icon-check_circle { color: #30af00; } .taskDetail .detailTime .detailTimeLabel { width: 90px; } .taskDetail .detailTime .detailTimeMs { color: #757575; } .taskDetail .detailTime .detailTimeNoSet { color: #9e9e9e; } .taskDetail .detailTime .detailTimeDate:hover { color: #2196f3; } .taskDetail .detailTime .detailTimeLines { height: 0; width: 100%; border-top: 3px dashed #ddd; position: relative; margin: 8px 0; } .taskDetail .detailTime .detailTimeLines .detailTimeLine { position: absolute; top: -3px; border-width: 0; border-style: dashed; border-top-width: 3px; } .taskDetail .detailTime .detailTimeLines .detailTimeLine-blue { border-top-color: #2196f3; border-style: solid; } .taskDetail .detailTime .detailTimeLines .detailTimeLine-green { border-top-color: #30af00; border-style: solid; } .taskDetail .detailTime .detailTimeLines .detailTimeLine-red { border-top-color: #ff0000; border-style: solid; } .taskDetail .detailTime .detailTimeLines .detailTimeLine-yellow { background: #f5f5f5; border-top-color: #ffa414; } .taskDetail .detailTime .detailTimeLines .detailTimeLineToday { height: 9px; width: 3px; border-width: 0; border-style: solid; border-color: transparent; position: absolute; top: -6px; margin-left: -3px; } .taskDetail .detailTime .detailTimeLines .detailTimeLineToday span { background: #2196f3; height: 9px; width: 3px; vertical-align: top; display: inline-block; } .taskDetail .detailTime .detailTimeNowStart { height: 22px; line-height: 22px; box-sizing: border-box; padding: 0 8px; border-radius: 19px; border-width: 1px; border-style: solid; } .taskDetail .detailTime .detailTimeRealMs { color: #9e9e9e; height: 22px; line-height: 22px; } .taskDetail .detailTime .detailTimeRealColor { color: #757575; } .taskDetail .detailTime .detailTimeRealLine:hover { border-bottom: 1px solid #757575; } .taskDetail .detailTime .detailTimeRealStartColor { color: #ffa414; } .taskDetail .detailTime .detailTimeRealStartColor.detailTimeRealLine:hover { border-bottom: 1px solid #ffa414; } .taskDetail .detailTime .detailTimeRealBold { font-weight: 600; } .taskDetail .detailTime .detailTimeRealEndColor { color: #ff0000; } .taskDetail .detailTime .detailTimeRealEndColor.detailTimeRealLine:hover { border-bottom: 1px solid #ff0000; } .taskDetail .detailTime .mui-datetime-base { line-height: 22px; } .taskDetail .fromWhere { padding: 0 20px; height: 34px; align-items: center; background: #e8e8e8; font-size: 13px; } .taskDetail .fromWhere i { color: #9d9d9d; } .taskDetail .fromWhere span:not(:hover) { color: #757575 !important; } .taskDetail .detailFolder { align-items: center; min-height: 24px; } .taskDetail .detailFolder:hover .folderBtn { visibility: visible; } .taskDetail .detailFolder .taskNullFolder { font-size: 15px; height: 19px; color: #757575; border-bottom-color: #757575; border-width: 0; border-bottom-width: 1px; border-style: dotted; } .taskDetail .detailFolder .taskNullFolder:not(:hover) { color: #757575 !important; border-bottom-color: #757575 !important; } .taskDetail .detailFolder .detailFolderName { color: #9e9e9e; } .taskDetail .detailFolder .taskDeatilFolderName { font-size: 13px; } .taskDetail .detailFolder .taskDeatilFolderName:not(:hover) { color: #9e9e9e !important; } .taskDetail .detailFolder .taskDeatilFolderStage { min-width: 120px; } .taskDetail .detailFolder .Dropdown { border-radius: 12px; } .taskDetail .detailFolder .Dropdown.disabled, .taskDetail .detailFolder .Dropdown:not(:hover) { background: rgba(0, 0, 0, 0.13) !important; } .taskDetail .detailFolder .Dropdown .Dropdown--input { color: #fff; padding: 3px 5px 2px 10px; } .taskDetail .detailFolder .Dropdown .icon-arrow-down-border { font-size: 12px !important; } .taskDetail .detailFolder .folderBtn { font-size: 16px; visibility: hidden; margin-left: 15px; } .taskDetail .detailFolder .folderBtn:not(:hover) { color: #9e9e9e !important; } .taskDetail .parentTaskList li { height: 21px; align-items: center; margin-top: 10px; } .taskDetail .parentTaskList li:hover .parentBtn { visibility: visible; } .taskDetail .parentTaskList li .overflow_ellipsis { border-width: 0; border-bottom-width: 1px; border-style: dotted; height: 20px; } .taskDetail .parentTaskList li .overflow_ellipsis:not(:hover) { color: #757575 !important; border-bottom-color: #757575 !important; } .taskDetail .parentTaskList li .parentBtn { font-size: 16px; visibility: hidden; margin-left: 15px; } .taskDetail .parentTaskList li .parentBtn:not(:hover) { color: #9e9e9e !important; } .taskDetail .chargeAvatar { width: 32px; height: 32px; margin-top: 2px; } .taskDetail .detailTaskName { font-size: 23px !important; width: 100%; padding: 0 7px !important; resize: none; border-width: 1px; border-style: solid; background: #f7f7f7; margin-left: 10px; margin-right: 10px; } .taskDetail .detailTaskName:hover:not(:focus) { border-color: #e5e5e5 !important; } .taskDetail .detailTaskName:not(:focus), .taskDetail .detailTaskName:disabled { border-color: #f7f7f7 !important; } .taskDetail .detailStar { font-size: 20px; cursor: pointer; color: #99a1ab; height: 30px; } .taskDetail .detailStar .icon-task-star { color: #fbc02d; } .taskDetail .taskContentBoxBG { box-sizing: border-box; width: 100%; border: 1px solid #e0e0e0; background: #fff; border-radius: 5px; } .taskDetail .taskContentBoxBG .taskContentIcon { position: absolute; top: 17px; left: 12px; font-size: 16px; height: 16px; color: #8f9093; } .taskDetail .taskContentBoxBG .taskContentIcon i { vertical-align: top; display: inline-block; } .taskDetail .detailSummary { padding: 0 0 0 45px; box-sizing: border-box; width: 100%; min-height: 51px; position: relative; margin-right: -1px; } .taskDetail .detailSummary > div { background: #f7f7f7; } .taskDetail .detailSummary .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar { border-right: 0px !important; border-top: 0px !important; } .taskDetail .detailSummary .appIntroDescriptionEditor .ck-sticky-panel { display: block !important; } .taskDetail .detailSummary .appIntroDescriptionEditor .ck .ck-content { background: #f7f7f7 !important; border-left: 1px solid #dddddd !important; border-top: 1px solid #f7f7f7 !important; border-right: 1px solid #f7f7f7 !important; border-bottom: 1px solid #f7f7f7 !important; } .taskDetail .detailSummary .appIntroDescriptionEditor .ck .ck-content.ck-focused { background: #fff !important; border: 1px solid #2196f3 !important; } .taskDetail .detailSummary .editorNull { min-height: 51px; line-height: 51px; border: 0; padding: 0; background-color: #fff; } .taskDetail .detailSummary .mdEditorContent { overflow-x: hidden; } .taskDetail .detailSummary .ck .ck-content { border: 0; padding-top: 5px; } .taskDetail .detailSummary .mdEditorCancel { font-size: 13px; cursor: pointer; line-height: 32px; } .taskDetail .detailSummary .mdEditorCancel:not(:hover) { color: #9e9e9e !important; } .taskDetail .detailAtts { padding: 5px 15px 0 45px; box-sizing: border-box; width: 100%; position: relative; border-top: 1px solid #e0e0e0; min-height: 51px; } .taskDetail .detailAtts .detailAttsBtn { height: 40px; line-height: 40px; cursor: pointer; } .taskDetail .detailAtts .detailAttsBtn:not(:hover) { color: #ccc !important; } .taskDetail .detailAtts .detailAttsNull { height: 40px; line-height: 40px; color: #ccc; } .taskDetail .detailAtts .detailAttsPostBtn { margin: 10px 0 20px; text-align: right; } .taskDetail .detailAtts .detailAttsPostBtn .ThemeColor3:not(:hover) { color: #9e9e9e !important; } .taskDetail .detailAtts .UploadFiles-filesWrapper { padding-bottom: 10px; } .taskDetail .detailAtts .talkSendBtn { font-size: 13px; line-height: 28px; display: inline-block; height: 28px; padding: 0 18px; cursor: pointer; text-align: center; color: #fff; border-radius: 3px; } .taskDetail .detailTaskLable { padding: 10px 15px 10px 45px; box-sizing: border-box; width: 100%; min-height: 51px; position: relative; border-top: 1px solid #e0e0e0; } .taskDetail .detailTaskLable .tagsIcon { width: 10px; height: 10px; border-radius: 100%; display: inline-block; } .taskDetail .detailTaskLable .selectize-control.multi .selectize-dropdown-content .option { cursor: pointer; } .taskDetail .detailTaskLable .selectize-control.multi .selectize-input.has-items { padding: 0; vertical-align: top; } .taskDetail .detailTaskLable .selectize-input { padding: 0; border: 0; min-height: 25px; overflow: inherit; box-shadow: none; margin-top: 4px; } .taskDetail .detailTaskLable .selectize-input.focus { box-shadow: none; } .taskDetail .detailTaskLable .selectize-input input { border: none; vertical-align: sub !important; vertical-align: top\0; margin-top: -1px !important; } .taskDetail .detailTaskLable .selectize-input .item { vertical-align: middle; } .taskDetail .detailTaskLable .selectize-input .item ~ input { vertical-align: middle !important; } .taskDetail .detailTaskLable .selectize-input .item:hover .remove { display: inline-block !important; } .taskDetail .detailTaskLable .selectize-input .remove { display: none !important; background: transparent !important; cursor: pointer; } .taskDetail .detailTaskLable .selectizeiItem { border-radius: 18px; overflow: hidden; cursor: default; word-break: break-all; display: inline-flex; } .taskDetail .detailTaskLable .selectizeiItem.active { background: #f2f2f2; } .taskDetail .detailTaskLable .tagsIcon { margin-right: 6px; display: inline-block; vertical-align: top; margin-top: 3px; } .taskDetail .detailTaskLable .remove { border: 0; padding-right: 6px; padding-left: 4px; } .taskDetail .taskMembers { padding: 12px 15px 0 45px; box-sizing: border-box; width: 100%; position: relative; border-top: 1px solid #e0e0e0; min-height: 51px; } .taskDetail .taskMembers .membersList .detailAddMember { vertical-align: top; } .taskDetail .taskMembers .membersList .icon-task-add-member-circle { font-size: 26px; display: inline-block; vertical-align: top; cursor: pointer; } .taskDetail .taskMembers .membersList .icon-task-add-member-circle:not(:hover) { color: #aaa !important; } .taskDetail .taskMembers .membersList .membersListItem { display: inline-block; margin: 0 8px 12px 0; width: 26px; height: 26px; position: relative; } .taskDetail .taskMembers .membersList .membersListItem .maskApplyMemberBg { position: absolute; left: 0; top: 0; display: inline-block; width: 26px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAABmklEQVR4Ab2YT2rbQBSHP4F2XtaCGEyy8EY6gXuH2irGZ7AxlUOyi5p0IeHm34McpV35EC3Ux7G1bLtwZ9NBlqWZ9327N4gfSCPN06MhEWNmLMjZIAgbchbMGBPhiAum3CM13jNlQAcCYjKkoRkJAS0YskbOdM2QswiZ8oq08JWUkIb0uUU6eEufBlxRIB0tuOIEMY+IAx+JqeHSRYyJugQ77ygQhxb2ZxVygzj2xrYDU8SD6f+v54uXoBeGgCHgGvHkmgBDgng0wfDJa1DGkQHi2QEAfPAeNAGAB+9BDwAXiIIRvFcJGsNcJWgGK5WgJXy2LfTetrt9dai2u95bl7oxh41tYfvr95FvP7rUjV9BbO6rfxfuqy51jFpBzydv3fefXerGomYzHMzDbV835lrbe6X1ws4VP0FqH1X4onNMwETr4FM7yiHTaU402i2FBvKaQL8lVmny9X9boE/pNKYkUv21tBPz5CTmiZgTjBzcwJKR/kCjlpC09YjmI6H+0KkhAYnGGE1pMGgfdS65o+T5ryV3LM8Zdf4Br4b2YiEktV0AAAAASUVORK5CYII=); background-size: 100%; pointer-events: none; } .md_tooltip { z-index: 110002; pointer-events: none; opacity: 0; transform: translateY(-5px); transition: all 0.3s; font-size: 12px; } .md_tooltip.tooltipAnimate { opacity: 1; transform: translateY(0); } .md_tooltip .md_tooltip_content { box-shadow: none; background: #333942; padding: 5px 12px; border: 0; z-index: 10009; color: white; border-radius: 3px; word-break: break-all; } .md_tooltip .md_tooltip_arrow_up, .md_tooltip .md_tooltip_arrow_down { border-width: 7px; width: 0; height: 0; border-style: solid; border-color: transparent transparent #333942 transparent; background: none; bottom: 0; position: relative; overflow: hidden; z-index: 10010; } .md_tooltip .md_tooltip_arrow_down { border-color: #333942 transparent transparent transparent; } /** * selectize.css (v0.12.6) * Copyright (c) 2013–2015 Brian Reavis & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis */ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #fff; box-shadow: inset 0 0 12px 4px #fff; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #ffffff; } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #fff; cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .selectize-control.multi .selectize-input.has-items { padding: 6px 8px 3px; } .selectize-input.full { background-color: #fff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; padding-right: 16px!important; } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #fff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown .option, .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: 0.5; } .selectize-dropdown [data-selectable].option { opacity: 1; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } .taskDetail .subTaskBox { padding: 6px 22px 6px 45px; box-sizing: border-box; width: 100%; position: relative; border: 1px solid #e0e0e0; background: #fff; border-radius: 5px; margin-top: 10px; } .taskDetail .subTaskBox .subTasksStatusWidth { width: 30px; margin: 9px 0 0 6px; } .taskDetail .subTaskBox .subTaskIcon { position: absolute; top: 13px; left: 12px; font-size: 16px; color: #8f9093; } .taskDetail .subTaskBox .subTaskHeader { height: 40px; line-height: 40px; } .taskDetail .subTaskBox .subTaskHeader .subTaskComplete, .taskDetail .subTaskBox .subTaskHeader .subTaskSum { color: #9e9e9e; } .taskDetail .subTaskBox .subTaskHeader .subTaskMessage { color: #9e9e9e; } .taskDetail .subTaskBox .subTaskHeader .subTaskMessage:after { width: 250px; word-wrap: break-word; white-space: normal; } .taskDetail .subTaskBox .subTaskHeader .icon-arrow-down-border, .taskDetail .subTaskBox .subTaskHeader .icon-arrow-up-border { margin-top: 12px; font-size: 16px; } .taskDetail .subTaskBox .subTaskHeader .icon-arrow-down-border:not(:hover), .taskDetail .subTaskBox .subTaskHeader .icon-arrow-up-border:not(:hover) { color: #9e9e9e !important; } .taskDetail .subTaskBox .subTaskList { width: 100%; user-select: none; } .taskDetail .subTaskBox .subTaskList li { width: 100%; min-height: 36px; margin-top: 10px; } .taskDetail .subTaskBox .subTaskList li:first-child { margin-top: 0; } .taskDetail .subTaskBox .subTaskList li:hover { background: #f6f6f6; } .taskDetail .subTaskBox .subTaskList li:hover .subTaskLink { visibility: visible; } .taskDetail .subTaskBox .subTaskList .subTaskLink { display: inline-block; visibility: hidden; width: 16px; margin-top: 4px; cursor: pointer; vertical-align: top; color: rgba(0, 0, 0, 0.5); } .taskDetail .subTaskBox .subTaskList .subTaskMembers { width: 26px; height: 26px; display: inline-block; position: relative; vertical-align: top; margin-right: 13px; } .taskDetail .subTaskBox .subTaskList .subTaskMembers .subChargeAvatar { height: 26px; cursor: pointer; border-radius: 50%; } .taskDetail .subTaskBox .subTaskList .subTaskTimer { display: inline-block; min-height: 19px; margin-top: 5px; margin-right: 10px; cursor: pointer; color: rgba(0, 0, 0, 0.5); } .taskDetail .subTaskBox .subTaskList .subTaskOperator { margin: 5px 0 0 10px; } .taskDetail .subTaskBox .subTaskList .subTaskName { font-size: 13px; line-height: 20px; width: 100%; padding: 0; resize: none; color: rgba(0, 0, 0, 0.87); border: 0; background-color: transparent; vertical-align: top; margin-top: 9px; } .taskDetail .subTaskBox .slideMarkTask, .taskDetail .subTaskBox .slideCompleteTask, .taskDetail .subTaskBox .slideAddMarkTask, .taskDetail .subTaskBox .slideMarkTaskLocked, .taskDetail .subTaskBox .slideMarkTaskLockedDisable, .taskDetail .subTaskBox .slideMarkDisable { position: relative; top: 0; display: inline-block; width: 18px; height: 18px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAHkCAYAAABxMQxwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlENEUyQkY5MkREODExRTVBNkZEQ0NFRkEzRTMwMDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlENEUyQkZBMkREODExRTVBNkZEQ0NFRkEzRTMwMDU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUQ0RTJCRjcyREQ4MTFFNUE2RkRDQ0VGQTNFMzAwNTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUQ0RTJCRjgyREQ4MTFFNUE2RkRDQ0VGQTNFMzAwNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4OXEFgAAAOEklEQVR42uydDZRV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) no-repeat; background-position: 0 0; background-size: 26px; } .taskDetail .subTaskBox .slideMarkDisable { background-position: 0 -202px; } .taskDetail .subTaskBox .slideCompleteTask { background-position: 0 -38px; } .taskDetail .subTaskBox .slideCompleteTask:hover { background-position: 0 -19px; } .taskDetail .subTaskBox .slideMarkTaskLocked { background-position: 0 -57px; } .taskDetail .subTaskBox .slideMarkTaskLockedDisable { background-position: 0 -95px; } .taskDetail .subTaskBox .addSubTaskBtn { display: inline-block; height: 36px; line-height: 36px; font-size: 13px; margin-left: 6px; margin-top: 10px; } .taskDetail .subTaskBox .addSubTaskBtn:not(:hover) { color: #9e9e9e !important; } .taskDetail .subTaskBox .addSubTaskBtn i { font-size: 14px; margin-right: 10px; } .taskChecklistBox .taskChecklist { border: 1px solid #e0e0e0; background: #fff; padding: 10px 0 10px; margin-top: 10px; border-radius: 5px; user-select: none; } .taskChecklistBox .taskChecklistHead { padding-right: 24px; padding-left: 45px; position: relative; } .taskChecklistBox .taskChecklistHead .icon-task-list { position: absolute; top: 6px; font-size: 16px; color: #8f9093; left: 12px; } .taskChecklistBox .taskChecklistHead .taskChecklistName { margin-right: 50px; padding: 6px 0; line-height: 20px; word-break: break-all; } .taskChecklistBox .taskChecklistHead .taskChecklistName .taskChecklistCount { color: #9e9e9e; margin-left: 5px; } .taskChecklistBox .taskChecklistHead .icon-moreop { position: absolute; top: 8px; right: 46px; font-size: 16px; } .taskChecklistBox .taskChecklistHead .icon-moreop:not(:hover) { color: #9e9e9e !important; } .taskChecklistBox .taskChecklistHead .taskDetailFold { position: absolute; top: 8px; right: 22px; } .taskChecklistBox .taskChecklistHead .taskDetailFold .icon-arrow-down-border, .taskChecklistBox .taskChecklistHead .taskDetailFold .icon-arrow-up-border { font-size: 16px; } .taskChecklistBox .taskChecklistHead .taskDetailFold .icon-arrow-down-border:not(:hover), .taskChecklistBox .taskChecklistHead .taskDetailFold .icon-arrow-up-border:not(:hover) { color: #9e9e9e !important; } .taskChecklistBox .taskChecklistHead textarea { width: 100%; padding: 5px 10px; line-height: 20px; height: 20px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; resize: none; vertical-align: top; font-size: 14px; word-break: break-all; } .taskChecklistBox .checklistOperator { position: absolute; right: 15px; top: 30px; background: #fff; z-index: 10; padding: 6px 0; } .taskChecklistBox .checklistOperator li { height: 32px; line-height: 32px; padding: 0 15px; cursor: pointer; } .taskChecklistBox .checklistOperator li i { color: #9e9e9e; font-size: 16px; width: 30px; display: inline-block; } .taskChecklistBox .checklistOperator li .icon-help { width: auto; font-size: 14px; } .taskChecklistBox .checklistOperator li span[data-tip]:after { width: 200px; white-space: normal; } .taskChecklistBox .checklistOperator li:not(:hover) { background: #fff !important; } .taskChecklistBox .checklistOperator li:hover, .taskChecklistBox .checklistOperator li:hover i { color: #fff; } .taskChecklistBox .taskChecklistPercent { padding-right: 24px; padding-left: 45px; position: relative; } .taskChecklistBox .taskChecklistPercent .taskChecklistPercentNum { position: absolute; top: -5px; color: #9e9e9e; left: 12px; } .taskChecklistBox .taskChecklistPercent .percentBox { width: 100%; height: 8px; background: #dcdcdc; font-size: 0; border-radius: 8px; } .taskChecklistBox .taskChecklistPercent .percentSize { height: 8px; font-size: 0; border-radius: 8px; background: #30af00; } .taskChecklistBox .taskChecklistItems { padding: 0 24px 0 45px; } .taskChecklistBox .taskChecklistItems .emptyItem { height: 15px; width: 100%; margin-bottom: -15px; } .taskChecklistBox .taskChecklistItem { margin-top: 6px; position: relative; } .taskChecklistBox .taskChecklistItem:hover, .taskChecklistBox .taskChecklistItem.itemActive { background: #f6f6f6; } .taskChecklistBox .taskChecklistItem:hover .icon-moreop, .taskChecklistBox .taskChecklistItem.itemActive .icon-moreop { display: inline-block; } .taskChecklistBox .taskChecklistItem:hover .icon-moreop:not(:hover), .taskChecklistBox .taskChecklistItem.itemActive .icon-moreop:not(:hover) { color: #9e9e9e !important; } .taskChecklistBox .taskChecklistItem.itemActiveBG { background: #f6f6f6; } .taskChecklistBox .taskChecklistItem .checklistItemStatus { color: #757575; display: inline-block; vertical-align: top; margin: 9px 12px 0 6px; height: 18px; } .taskChecklistBox .taskChecklistItem .checklistItemStatus.icon-ok { color: #30af00; } .taskChecklistBox .taskChecklistItem .checklistItemName { padding: 8px 28px 8px 0; line-height: 20px; word-break: break-all; } .taskChecklistBox .taskChecklistItem .checklistItemCompleted { text-decoration: line-through; color: #9e9e9e; } .taskChecklistBox .taskChecklistItem textarea { resize: none; border: none; padding: 8px 28px 8px 0; line-height: 20px; display: inline-block; vertical-align: top; height: 20px; background: #f6f6f6; word-break: break-all; } .taskChecklistBox .taskChecklistItem .icon-moreop { font-size: 16px; color: #9e9e9e; display: none; position: absolute; top: 10px; right: 0; } .taskChecklistBox .taskChecklistItem .checklistOperator { right: -5px; } .taskChecklistBox .taskChecklistAdd { margin: 6px 24px 0 45px; } .taskChecklistBox .taskChecklistAdd .checklistItemStatus { color: #9e9e9e; display: inline-block; vertical-align: top; margin: 10px 12px 0 6px; } .taskChecklistBox .taskChecklistAdd textarea { resize: none; border: none; padding: 0 28px 0 0; line-height: 20px; display: inline-block; vertical-align: top; margin: 8px 0; height: 20px; } .taskChecklistBox .taskChecklistItemAdd { margin-left: 51px; margin-top: 6px; height: 36px; line-height: 36px; font-size: 13px; } .taskChecklistBox .taskChecklistItemAdd:not(:hover) { color: #9e9e9e !important; } .taskChecklistBox .taskChecklistItemAdd:not(.Hidden) { display: inline-block; } .taskChecklistBox .taskChecklistItemAdd i { font-size: 14px; margin-right: 10px; } .taskChecklistBox .taskDetailDragPreview { position: fixed; border: 0; cursor: grabbing; pointer-events: none; z-index: 100; border-radius: 5px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .taskChecklistBox .taskDetailDragPreview > * { pointer-events: none; } .taskChecklistBox .taskDetailDragPreview .taskChecklist, .taskChecklistBox .taskDetailDragPreview .taskChecklistItem { margin-top: 0; background: rgba(255, 255, 255, 0.9); } .taskChecklistBox .taskDetailDragPreview .taskChecklist .taskChecklistItem { margin-top: 6px; background: transparent; } .taskDetail .taskControlHeader { align-items: center; height: 54px; font-size: 14px; background: #fff; border: 1px solid #e0e0e0; border-radius: 5px; box-sizing: border-box; } .taskDetail .taskControlHeader.taskControlHeaderShow { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .taskDetail .taskControlHeader .icon-task-extension { font-size: 16px; color: #8f9093; margin-left: 12px; margin-right: 16px; } .taskDetail .taskControlHeader .taskDetailFold { margin-right: 22px; } .taskDetail .taskControlHeader .taskDetailFold .icon-arrow-down-border, .taskDetail .taskControlHeader .taskDetailFold .icon-arrow-up-border { font-size: 16px; } .taskDetail .taskControlHeader .taskDetailFold .icon-arrow-down-border:not(:hover), .taskDetail .taskControlHeader .taskDetailFold .icon-arrow-up-border:not(:hover) { color: #9e9e9e !important; } .taskDetail .UploadFiles-attachmentProgress { display: none; } .taskDetail .mui-formcontainer { margin-top: -1px !important; border-top-left-radius: 0!important; border-top-right-radius: 0!important; border-bottom-left-radius: 5px!important; border-bottom-right-radius: 5px!important; } .mui-clearfix { display: block; width: 100%; clear: both; height: 0; } /** * component FormContainer * prefix: .mui-formcontainer */ .mui-formcontainer:after { content: ''; display: block; width: 100%; clear: both; } .mui-formcontainer .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag { width: 72px!important; } .mui-formcontainer .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag { width: 80px!important; } .mui-formcontainer .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 78px!important; } .mui-formcontainer .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 86px!important; } .mui-formcontainer.hrContainerBox .mui-textinput-content { border: 1px solid #ccc; border-radius: 3px; padding-left: 12px; } .mui-formcontainer.otherContainerBox { border: 1px solid #e0e0e0; background: #fff; margin-top: 16px; border-radius: 3px; } .mui-formcontainer.otherContainerBox .mui-formitem-label { text-align: left; } .mui-formcontainer.otherContainerBox .mui-formitem { box-sizing: border-box; margin-bottom: 0; padding: 2px 10px 2px 0; position: relative; } .mui-formcontainer.otherContainerBox .mui-formitem .mui-textinput, .mui-formcontainer.otherContainerBox .mui-formitem .mui-phonenumber, .mui-formcontainer.otherContainerBox .mui-formitem .mui-textinput, .mui-formcontainer.otherContainerBox .mui-formitem .mui-forminput { border: 0; } .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read { color: #757575; } .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control input.mui-textinput, .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .intl-tel-input > input, .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .mui-forminput-label { color: #757575; } .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .mui-radiogroup .mui-radio-icon.ThemeAfterBGColor3:after { background: #bcbcbc!important; } .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .mui-radio.mui-radio-disabled, .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .mui-checkbox.mui-checkbox-disabled, .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .mui-forminput:disabled, .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .mui-textinput:disabled { cursor: default; } .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .icon-bellSchedule, .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .icon-sp_pin_drop_white, .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .icon-group-members, .mui-formcontainer.otherContainerBox .mui-formitem.formItem-read .mui-formitem-control .icon-arrow-down-border { display: none!important; } .mui-formcontainer.otherContainerBox .mui-formitem > .mui-formitem-label:after { top: 13px; left: 6px; right: auto; } .mui-formcontainer.otherContainerBox .mui-formitem .errorMessageBox { position: absolute; top: -24px; transform: translateY(-5px); z-index: 100; left: 5px; border-radius: 3px; color: #fff; padding: 5px 12px; white-space: nowrap; background: #f44336; } .mui-formcontainer.otherContainerBox .mui-formitem .ErrorArrow { position: absolute; top: 32px; transform: translateY(-5px); z-index: 100; left: 12px; background: transparent; border-width: 6px; border-style: solid; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-top-color: #f44336; margin-bottom: -11px; } .mui-formcontainer.otherContainerBox .mui-formitem-width-2 { border-right: 1px solid #e0e0e0; } .mui-formcontainer.otherContainerBox .mui-formitem-width-2 + .mui-formitem-width-2 { border-left: 1px solid #e0e0e0; margin-left: -1px; border-right: 0; } .mui-formcontainer.otherContainerBox .mui-formitem-error .mui-formitem-label { color: #9e9e9e; } .mui-formcontainer.otherContainerBox .mui-clearfix { height: 1px; background: #e0e0e0; } .mui-formcontainer.otherContainerBox .mui-textinput, .mui-formcontainer.otherContainerBox .mui-textview, .mui-formcontainer.otherContainerBox .mui-linkpicker-add { padding-left: 0!important; padding-right: 0!important; } .mui-formcontainer.otherContainerBox .mui-forminput { padding-left: 0!important; padding-right: 0!important; } .mui-formcontainer.otherContainerBox .mui-forminput > .mui-forminput-label { padding-left: 0!important; } .mui-formcontainer.otherContainerBox .selected-flag { width: 66px!important; padding-left: 0!important; } .mui-formcontainer.otherContainerBox .intl-tel-input.allow-dropdown.separate-dial-code input.mui-phonenumber { padding-right: 0!important; padding-left: 72px!important; } .mui-formcontainer.otherContainerBox .UploadFiles-header { background: transparent; margin-bottom: 0; padding: 9px 0 8px 0; } .mui-formcontainer.otherContainerBox .mui-divider { border-top: 1px solid #e0e0e0; } .mui-formcontainer.otherContainerBox .mui-divider .mui-divider-clear-line { border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; } .mui-formcontainer.otherContainerBox .mui-forminput:disabled, .mui-formcontainer.otherContainerBox .mui-textinput:disabled, .mui-formcontainer.otherContainerBox .mui-phonenumber:disabled { background: #fff; } /** * component Divider * prefix: .mui-divider */ .mui-divider { font-size: 14px; color: #9e9e9e; line-height: 40px; clear: both; height: 40px; padding-left: 16px; background: #F8F8F8; box-sizing: border-box; position: relative; } .mui-divider + .mui-divider { border-top-width: 0!important; } .mui-divider.mui-divider-null { height: 16px; line-height: 16px; } .mui-divider .mui-divider-clear-line { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /** * component FormItem * prefix .mui-formitem */ .mui-formgroup { display: block; width: 100%; float: left; margin-bottom: 16px; } .mui-formgroup:after { content: ''; display: block; width: 100%; clear: both; margin-top: 1px; margin-bottom: 1px; } .mui-formitem { display: block; width: 100%; float: left; margin-bottom: 16px; } .mui-formitem input::-webkit-input-placeholder { color: #dcdcdc!important; } .mui-formitem input:-moz-placeholder { color: #dcdcdc!important; } .mui-formitem input:-ms-input-placeholder { color: #dcdcdc!important; } .mui-formitem.formItem-read .mui-formitem-label { color: #757575!important; } .mui-formitem.formItem-workflow-write .mui-formitem-label { color: #2196f3!important; } .mui-formitem.formItem-write .mui-formitem-label { color: #333!important; } .mui-formitem .placeholder { color: #dcdcdc; } .mui-formitem:after { content: ''; display: block; width: 100%; clear: both; margin-top: 1px; margin-bottom: 1px; } .mui-formitem.mui-formitem-width-1 { width: 100%; } .mui-formitem.mui-formitem-width-2 { width: 50%; } .mui-formitem > .mui-formitem-label { display: block; width: 84px; height: 36px; color: #9e9e9e; padding-left: 16px; padding-right: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: right; font-size: 14px; line-height: 36px; float: left; position: relative; box-sizing: initial; } .mui-formitem > .mui-formitem-label:after { content: '*'; width: 10px; height: 16px; text-align: center; font-size: 16px; line-height: 16px; position: absolute; top: 13px; right: 6px; display: none; } .mui-formitem > .mui-formitem-control { width: 100%; padding-left: 116px; box-sizing: border-box; font-size: 0; } .mui-formitem > .mui-formitem-control > .intl-tel-input, .mui-formitem > .mui-formitem-control > .mui-fileattachment { font-size: 12px; } .mui-formitem > .mui-formitem-control > .mui-textinput, .mui-formitem > .mui-formitem-control > .mui-radiogroup, .mui-formitem > .mui-formitem-control > .mui-dropdown, .mui-formitem > .mui-formitem-control > .mui-datetime, .mui-formitem > .mui-formitem-control > .mui-datetimerange, .mui-formitem > .mui-formitem-control > .mui-userpicker, .mui-formitem > .mui-formitem-control > .mui-departmentpicker, .mui-formitem > .mui-formitem-control > .mui-areapicker, .mui-formitem > .mui-formitem-control > .intl-tel-input, .mui-formitem > .mui-formitem-control > .intl-tel-input .mui-phonenumber, .mui-formitem > .mui-formitem-control > .mui-companypicker, .mui-formitem > .mui-formitem-control > .mui-textview, .mui-formitem > .mui-formitem-control > .mui-fileattachment, .mui-formitem > .mui-formitem-control > .mui-range, .mui-formitem > .mui-formitem-control > .mui-linkpicker { width: 100%; } .mui-formitem > .mui-formitem-message { display: block; padding-top: 4px; padding-left: 128px; font-size: 13px; line-height: 20px; color: #9e9e9e; } .mui-formitem.mui-formitem-required > .mui-formitem-label:after { display: block; } .mui-formitem.mui-formitem-error > .mui-formitem-label, .mui-formitem.mui-formitem-error > .mui-formitem-message { color: #f44336; } /** * component TextInput * prefix .mui-textinput */ textarea.mui-textinput { padding-top: 8px!important; padding-bottom: 8px!important; } .mui-textinput { font-size: 14px; line-height: 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; padding: 7px 12px; vertical-align: bottom; box-sizing: border-box; color: #333; } .mui-textinput::-webkit-input-placeholder { color: #dcdcdc; } .mui-textinput:-moz-placeholder { color: #dcdcdc; } .mui-textinput::-moz-placeholder { color: #dcdcdc; } .mui-textinput:-ms-input-placeholder { color: #dcdcdc; } .mui-textinput:hover { border-color: #bbb; } .mui-textinput.mui-textinput-error { border-color: #f44336; } .mui-textinput:disabled { background-color: #f5f5f5; border-color: #f5f5f5 !important; cursor: not-allowed; resize: none; } .mui-textinput-unit-box { position: relative; width: 100%; } .mui-textinput-unit-box.placeholder { color: #dcdcdc; } .mui-textinput-unit-box > input { width: 100%; min-height: 36px; } .mui-textinput-unit-box.number { width: 100%; display: inline-block; min-height: 36px; padding: 8px 9px; padding-left: 0; font-size: 14px; line-height: 20px; box-sizing: border-box; word-break: break-all; } .mui-textinput-unit-box.number .hint { width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mui-textinput-unit { height: 100%; right: 10px; position: absolute; display: flex; top: 0; align-items: center; } .mui-textinput-content { font-size: 14px; line-height: 20px; padding: 8px 0; width: 100%; box-sizing: border-box; word-break: break-all; min-height: 36px; white-space: pre-wrap; } .mui-textinput-content .placeholder { color: #dcdcdc; } .mui-textinput-content .smallInput { width: 1px; height: 18px; vertical-align: top; border: none; display: inline-block; } /** * component PhoneNumber * prefix .mui-phonenumber */ .mui-phonenumber { font-size: 14px; line-height: 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; padding: 7px 12px; vertical-align: bottom; box-sizing: border-box; color: #333; } .mui-phonenumber:hover { border-color: #bbb; } .mui-phonenumber.mui-phonenumber-error { border-color: #f44336; } .mui-phonenumber:disabled { background-color: #f5f5f5; border-color: #f5f5f5; cursor: not-allowed; resize: none; } /** * component RadioGroup * prefix .mui-radiogroup */ .mui-radiogroup { font-size: 0; } .mui-radiogroup.mui-radiogroup-grid-1 > .mui-radio { width: 100%; } .mui-radiogroup.mui-radiogroup-grid-2 > .mui-radio { width: 50%; } .mui-radiogroup.mui-radiogroup-grid-3 > .mui-radio { width: 33.33333333%; } .mui-radiogroup.mui-radiogroup-grid-4 > .mui-radio { width: 25%; } .mui-radiogroup.mui-radiogroup-grid-5 > .mui-radio { width: 20%; } .mui-radiogroup.mui-radiogroup-grid-6 > .mui-radio { width: 16.66666667%; } .mui-radiogroup.mui-radiogroup-grid-7 > .mui-radio { width: 14.28571429%; } .mui-radiogroup.mui-radiogroup-grid-8 > .mui-radio { width: 12.5%; } .mui-radiogroup.mui-radiogroup-grid-9 > .mui-radio { width: 11.11111111%; } .mui-radiogroup.mui-radiogroup-grid-10 > .mui-radio { width: 10%; } /** * component Radio * prefix .mui-radio */ .mui-radio { display: inline-flex; font-size: 0; cursor: pointer; user-select: none; } .mui-radio > .mui-radio-icon { display: inline-block; width: 18px; height: 36px; position: relative; vertical-align: middle; } .mui-radio > .mui-radio-icon:before { content: ''; display: block; width: 16px; height: 16px; border: solid 1px #ccc; border-radius: 50%; position: absolute; left: 0; top: 9px; box-sizing: initial; } .mui-radio > .mui-radio-icon:after { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: transparent; position: absolute; left: 4px; top: 13px; } .mui-radio:hover > .mui-radio-icon:before { border: solid 1px #bbb; } .mui-radio > .colortag { width: 8px; height: 8px; border-radius: 8px; margin: 14px -6px 0 12px; } .mui-radio > .mui-radio-label { display: inline-block; font-size: 14px; line-height: 20px; color: #333; padding: 8px 12px; vertical-align: middle; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-radio.mui-radio-disabled { cursor: not-allowed; } .mui-radio.mui-radio-disabled > .mui-radio-icon:before { border-color: #ccc; background-color: #f5f5f5; } .mui-radio.mui-radio-disabled.mui-radio-checked > .mui-radio-icon:after { background-color: #ccc; } .mui-radio.mui-radio-disabled > .mui-radio-label { color: #9e9e9e; } /** * component CheckBoxGroup * prefix .mui-checkboxgroup */ .mui-checkboxgroup { font-size: 0; } .mui-checkboxgroup.mui-checkboxgroup-grid-1 > .mui-checkbox { width: 100%; } .mui-checkboxgroup.mui-checkboxgroup-grid-2 > .mui-checkbox { width: 50%; } .mui-checkboxgroup.mui-checkboxgroup-grid-3 > .mui-checkbox { width: 33.33333333%; } .mui-checkboxgroup.mui-checkboxgroup-grid-4 > .mui-checkbox { width: 25%; } .mui-checkboxgroup.mui-checkboxgroup-grid-5 > .mui-checkbox { width: 20%; } .mui-checkboxgroup.mui-checkboxgroup-grid-6 > .mui-checkbox { width: 16.66666667%; } .mui-checkboxgroup.mui-checkboxgroup-grid-7 > .mui-checkbox { width: 14.28571429%; } .mui-checkboxgroup.mui-checkboxgroup-grid-8 > .mui-checkbox { width: 12.5%; } .mui-checkboxgroup.mui-checkboxgroup-grid-9 > .mui-checkbox { width: 11.11111111%; } .mui-checkboxgroup.mui-checkboxgroup-grid-10 > .mui-checkbox { width: 10%; } /** * component CheckBox * prefix .mui-checkbox */ .mui-checkbox { display: inline-flex; font-size: 0; cursor: pointer; user-select: none; } .mui-checkbox > .mui-checkbox-icon { display: inline-block; width: 18px; height: 36px; position: relative; vertical-align: middle; } .mui-checkbox > .mui-checkbox-icon:before { content: ''; display: block; width: 16px; height: 16px; border: solid 1px #ccc; box-sizing: content-box; border-radius: 2px; background-color: #fff; position: absolute; left: 0; top: 9px; } .mui-checkbox > .mui-checkbox-icon > .Icon { display: none; width: 18px; height: 18px; font-size: 14px; color: #fff; line-height: 18px; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 9px; } .mui-checkbox:hover > .mui-checkbox-icon:before { border-color: #bbb; } .mui-checkbox.mui-checkbox-checked > .mui-checkbox-icon > .Icon { display: block; } .mui-checkbox > .colortag { width: 8px; height: 8px; border-radius: 8px; margin: 14px -6px 0 12px; } .mui-checkbox > .mui-checkbox-label { display: inline-block; font-size: 14px; line-height: 20px; color: #333; padding: 8px 12px; vertical-align: middle; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-checkbox.mui-checkbox-disabled { cursor: not-allowed; } .mui-checkbox.mui-checkbox-disabled > .mui-checkbox-icon:before { border-color: #ccc; background-color: #f5f5f5; } .mui-checkbox.mui-checkbox-disabled.mui-checkbox-checked > .mui-checkbox-icon:before { background-color: #ccc; } .mui-checkbox.mui-checkbox-disabled > .mui-checkbox-label { color: #9e9e9e; } /** * component Dropdown * prefix: .mui-dropdown */ /** * style .form-input * prefix: .mui-forminput */ .mui-forminput { font-size: 14px; line-height: 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; padding: 7px 8px; vertical-align: bottom; box-sizing: border-box; color: #333; min-height: 36px; display: inline-flex; width: 172px; cursor: pointer; outline: none; } .mui-forminput:hover { border-color: #bbb; } .mui-forminput.mui-forminput-error { border-color: #f44336 !important; } .mui-forminput:disabled { background-color: #f5f5f5; border-color: #f5f5f5; cursor: not-allowed; resize: none; user-select: text; } .mui-forminput > .mui-forminput-label { display: block; padding: 0 4px; flex: 1; text-align: left; word-break: break-all; } .mui-forminput > .Icon { width: 20px; height: 20px; text-align: center; font-size: 16px; line-height: 20px; vertical-align: top; color: #9e9e9e; } .mui-forminput.mui-forminput-singleline { height: 36px; } .mui-forminput.mui-forminput-singleline > .mui-forminput-label { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-dropdown { position: relative; display: inline-block; width: 172px; } .mui-dropdown .colortag { width: 8px; height: 8px; border-radius: 8px; margin: 14px -6px 0 12px; } .mui-dropdown button .colortag { margin: 6px 10px 0 1px; } .mui-dropdown .mui-forminput { width: 100%; } .mui-dropdown .mui-dropdown-menu { display: none; position: absolute; left: 0; top: 100%; z-index: 100; } .mui-dropdown.mui-dropdown-open .mui-dropdown-menu { display: block; } .mui-dropdown-menu { padding: 6px 0; width: 220px; background-color: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1); border-radius: 3px; user-select: none; } .mui-dropdown-menu > .mui-dropdown-li { font-size: 13px; line-height: 20px; color: #333; cursor: pointer; display: flex; } .mui-dropdown-menu > .mui-dropdown-li > div { display: flex; flex: 1; } .mui-dropdown-menu > .mui-dropdown-li > div > .mui-dropdown-label { display: inline-block; padding: 0 15px; flex: 1; vertical-align: middle; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-divider { height: 13px; padding: 0; position: relative; cursor: default; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-divider:after { content: ''; display: block; height: 1px; width: 100%; background-color: #e0e0e0; position: absolute; left: 0; top: 6px; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-divider:hover, .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-divider.mui-dropdown-checked { color: transparent; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-nav { color: #333; cursor: default; padding: 6px 12px; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-nav div:hover, .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-nav.mui-dropdown-checked { color: #333; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-nav .mui-dropdown-label { padding: 0; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-nav.mui-dropdown-back { cursor: pointer; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-nav.mui-dropdown-back .mui-dropdown-label div:hover { color: #333; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-nav.mui-dropdown-back i.icon { font-size: 14px; line-height: 20px; width: 20px; text-align: center; vertical-align: middle; color: #95989a; box-sizing: content-box; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-nav i.icon { padding: 0; color: #333 !important; float: none; } .mui-dropdown-menu > .mui-dropdown-li.mui-dropdown-nav button { border: none; padding: 0 6px; font-size: 13px; line-height: 20px; height: 20px; background-color: transparent; color: #9e9e9e; cursor: pointer; outline: none; } .mui-dropdown-menu > ul.mui-dropdown-list { display: block; list-style-type: none; margin: 0; max-height: 216px; overflow-x: hidden; overflow-y: auto; } .mui-dropdown-menu > ul.mui-dropdown-list > li { font-size: 13px; line-height: 36px; color: #333; cursor: pointer; display: flex; } .mui-dropdown-menu > ul.mui-dropdown-list > li > div { display: flex; flex: 1; width: 100%; } .mui-dropdown-menu > ul.mui-dropdown-list > li > div:hover { background-color: #f5f5f5; } .mui-dropdown-menu > ul.mui-dropdown-list > li > div.mui-dropdown-arrow { width: calc(64%); } .mui-dropdown-menu > ul.mui-dropdown-list > li > div > .mui-dropdown-label { display: inline-block; padding: 0 15px; flex: 1; height: 36px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mui-dropdown-menu > ul.mui-dropdown-list > li i.icon.mui-dropdown-arrow { font-size: 14px; line-height: 20px; width: 20px; text-align: center; padding: 8px; vertical-align: middle; color: #95989a; box-sizing: content-box; } .mui-dropdown-menu > ul.mui-dropdown-list > li i.icon.mui-dropdown-arrow:hover { background-color: #efefef; } .mui-dropdown-menu > ul.mui-dropdown-list > li span.mui-dropdown-check-icon { display: inline-block; width: 18px; height: 18px; line-height: 20px; padding: 9px 15px; position: relative; box-sizing: content-box; } .mui-dropdown-menu > ul.mui-dropdown-list > li span.mui-dropdown-check-icon > .mui-dropdown-rect { display: inline-block; width: 18px; height: 18px; box-sizing: border-box; border: solid 1px #95989a; border-radius: 3px; } .mui-dropdown-menu > ul.mui-dropdown-list > li span.mui-dropdown-check-icon > .mui-dropdown-rect i.icon { display: none; color: #fff; font-size: 14px; width: 18px; line-height: 18px; text-align: center; vertical-align: top; } .mui-dropdown-menu > ul.mui-dropdown-list > li span.mui-dropdown-check-icon + .mui-dropdown-label { padding-left: 0; } .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-item-checked span.mui-dropdown-check-icon > .mui-dropdown-rect { border: none; } .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-item-checked span.mui-dropdown-check-icon > .mui-dropdown-rect i.icon { display: inline-block; } .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-item-checked.mui-dropdown-item-disabled span.mui-dropdown-check-icon > .mui-dropdown-rect { background-color: #ccc; } .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-header { color: #999; cursor: default; padding: 0 15px; } .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-header div:hover, .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-header.mui-dropdown-checked div { background-color: transparent; } .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-item-disabled { background-color: #f1f1f1; color: #999; cursor: not-allowed; } .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-item-disabled div:hover, .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-item-disabled.mui-dropdown-checked div { background-color: #f1f1f1; color: #999; } .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-item-disabled i.icon { color: rgba(0, 0, 0, 0.3); } .mui-dropdown-menu > ul.mui-dropdown-list > li.mui-dropdown-item-disabled i.icon:hover { color: rgba(0, 0, 0, 0.3); background-color: #f1f1f1; } .mui-dropdown-pills { list-style-type: none; padding: 2px 10px; font-size: 0; max-height: 120px; overflow-x: hidden; overflow-y: auto; } .mui-dropdown-pills > li { display: inline-flex; font-size: 13px; line-height: 24px; padding: 0 6px; padding-left: 12px; margin: 4px 2px; border-radius: 12px; background-color: #efefef; cursor: default; user-select: none; max-width: 100%; } .mui-dropdown-pills > li > .mui-dropdown-pills-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mui-dropdown-pills > li span { flex: 1; color: #333; } .mui-dropdown-pills > li i.icon { display: inline-block; width: 24px; height: 24px; font-size: 18px; line-height: 24px; text-align: center; cursor: pointer; color: #9e9e9e; } .mui-dropdown-pills > li:hover { background-color: rgba(244, 64, 54, 0.2); } .mui-dropdown-pills > li:hover i.icon { color: #757575; } /** * component DateTime * prefix: .mui-datetime */ /** * style .form-input * prefix: .mui-forminput */ .mui-forminput { font-size: 14px; line-height: 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; padding: 7px 8px; vertical-align: bottom; box-sizing: border-box; color: #333; min-height: 36px; display: inline-flex; width: 172px; cursor: pointer; outline: none; } .mui-forminput:hover { border-color: #bbb; } .mui-forminput.mui-forminput-error { border-color: #f44336 !important; } .mui-forminput:disabled { background-color: #f5f5f5; border-color: #f5f5f5; cursor: not-allowed; resize: none; user-select: text; } .mui-forminput > .mui-forminput-label { display: block; padding: 0 4px; flex: 1; text-align: left; word-break: break-all; } .mui-forminput > .Icon { width: 20px; height: 20px; text-align: center; font-size: 16px; line-height: 20px; vertical-align: top; color: #9e9e9e; } .mui-forminput.mui-forminput-singleline { height: 36px; } .mui-forminput.mui-forminput-singleline > .mui-forminput-label { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-datetime { display: inline-block; width: 172px; } .mui-datetime .mui-datetime-base { display: block; width: 100%; } .mui-datetime .mui-forminput { width: 100%; } /** * component DateTimeRange * prefix: .mui-datetimerange */ /** * style .form-input * prefix: .mui-forminput */ .mui-forminput { font-size: 14px; line-height: 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; padding: 7px 8px; vertical-align: bottom; box-sizing: border-box; color: #333; min-height: 36px; display: inline-flex; width: 172px; cursor: pointer; outline: none; } .mui-forminput:hover { border-color: #bbb; } .mui-forminput.mui-forminput-error { border-color: #f44336 !important; } .mui-forminput:disabled { background-color: #f5f5f5; border-color: #f5f5f5; cursor: not-allowed; resize: none; user-select: text; } .mui-forminput > .mui-forminput-label { display: block; padding: 0 4px; flex: 1; text-align: left; word-break: break-all; } .mui-forminput > .Icon { width: 20px; height: 20px; text-align: center; font-size: 16px; line-height: 20px; vertical-align: top; color: #9e9e9e; } .mui-forminput.mui-forminput-singleline { height: 36px; } .mui-forminput.mui-forminput-singleline > .mui-forminput-label { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-datetimerange { display: inline-block; width: 172px; } .mui-datetimerange .mui-datetimerange-base { display: block; width: 100%; } .mui-datetimerange .mui-forminput { width: 100%; } /** * component UserPicker * prefix: .mui-userpicker */ /** * style .form-input * prefix: .mui-forminput */ .mui-forminput { font-size: 14px; line-height: 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; padding: 7px 8px; vertical-align: bottom; box-sizing: border-box; color: #333; min-height: 36px; display: inline-flex; width: 172px; cursor: pointer; outline: none; } .mui-forminput:hover { border-color: #bbb; } .mui-forminput.mui-forminput-error { border-color: #f44336 !important; } .mui-forminput:disabled { background-color: #f5f5f5; border-color: #f5f5f5; cursor: not-allowed; resize: none; user-select: text; } .mui-forminput > .mui-forminput-label { display: block; padding: 0 4px; flex: 1; text-align: left; word-break: break-all; } .mui-forminput > .Icon { width: 20px; height: 20px; text-align: center; font-size: 16px; line-height: 20px; vertical-align: top; color: #9e9e9e; } .mui-forminput.mui-forminput-singleline { height: 36px; } .mui-forminput.mui-forminput-singleline > .mui-forminput-label { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-userpicker { display: inline-block; width: 172px; cursor: default; } .mui-userpicker > .mui-forminput { width: 100%; } .mui-userpicker .mui-forminput.multi { padding: 0!important; } .mui-userpicker .mui-forminput.multi .icon-charger { line-height: 28px; } .mui-userpicker .userHead img { vertical-align: bottom; } /** * component DepartmentPicker * prefix: .mui-departmentpicker */ /** * style .form-input * prefix: .mui-forminput */ .mui-forminput { font-size: 14px; line-height: 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; padding: 7px 8px; vertical-align: bottom; box-sizing: border-box; color: #333; min-height: 36px; display: inline-flex; width: 172px; cursor: pointer; outline: none; } .mui-forminput:hover { border-color: #bbb; } .mui-forminput.mui-forminput-error { border-color: #f44336 !important; } .mui-forminput:disabled { background-color: #f5f5f5; border-color: #f5f5f5; cursor: not-allowed; resize: none; user-select: text; } .mui-forminput > .mui-forminput-label { display: block; padding: 0 4px; flex: 1; text-align: left; word-break: break-all; } .mui-forminput > .Icon { width: 20px; height: 20px; text-align: center; font-size: 16px; line-height: 20px; vertical-align: top; color: #9e9e9e; } .mui-forminput.mui-forminput-singleline { height: 36px; } .mui-forminput.mui-forminput-singleline > .mui-forminput-label { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-departmentpicker { display: inline-block; width: 172px; } .mui-departmentpicker > .mui-forminput { width: 100%; } /** * component CompanyPicker * prefix: .mui-companypicker */ /** * style .form-input * prefix: .mui-forminput */ .mui-forminput { font-size: 14px; line-height: 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; padding: 7px 8px; vertical-align: bottom; box-sizing: border-box; color: #333; min-height: 36px; display: inline-flex; width: 172px; cursor: pointer; outline: none; } .mui-forminput:hover { border-color: #bbb; } .mui-forminput.mui-forminput-error { border-color: #f44336 !important; } .mui-forminput:disabled { background-color: #f5f5f5; border-color: #f5f5f5; cursor: not-allowed; resize: none; user-select: text; } .mui-forminput > .mui-forminput-label { display: block; padding: 0 4px; flex: 1; text-align: left; word-break: break-all; } .mui-forminput > .Icon { width: 20px; height: 20px; text-align: center; font-size: 16px; line-height: 20px; vertical-align: top; color: #9e9e9e; } .mui-forminput.mui-forminput-singleline { height: 36px; } .mui-forminput.mui-forminput-singleline > .mui-forminput-label { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-companypicker { display: inline-block; width: 172px; } .mui-companypicker > .mui-forminput { width: 100%; } .dossierSelectDialog .dossierDialogScroll { height: 300px; } .dossierSelectDialog .radioList { height: 24px; margin: 9px 0; } .dossierSelectDialog .plusIcon { font-size: 20px; color: #9e9e9e; margin-right: 10px; cursor: pointer; } .dossierSelectDialog .companyAddBox { height: 36px; display: flex; } .dossierSelectDialog .companyAddBox .companyAddInput { flex: 1; border: 0; border-bottom: 1px solid #ccc; } .dossierSelectDialog .companyAddBox .companyAddBtn { position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; cursor: pointer; } /** * component AreaPicker * prefix: .mui-areapicker */ /** * style .form-input * prefix: .mui-forminput */ .mui-forminput { font-size: 14px; line-height: 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; padding: 7px 8px; vertical-align: bottom; box-sizing: border-box; color: #333; min-height: 36px; display: inline-flex; width: 172px; cursor: pointer; outline: none; } .mui-forminput:hover { border-color: #bbb; } .mui-forminput.mui-forminput-error { border-color: #f44336 !important; } .mui-forminput:disabled { background-color: #f5f5f5; border-color: #f5f5f5; cursor: not-allowed; resize: none; user-select: text; } .mui-forminput > .mui-forminput-label { display: block; padding: 0 4px; flex: 1; text-align: left; word-break: break-all; } .mui-forminput > .Icon { width: 20px; height: 20px; text-align: center; font-size: 16px; line-height: 20px; vertical-align: top; color: #9e9e9e; } .mui-forminput.mui-forminput-singleline { height: 36px; } .mui-forminput.mui-forminput-singleline > .mui-forminput-label { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-areapicker { display: inline-block; width: 172px; } .mui-areapicker .CityPicker-wrapper, .mui-areapicker .CityPicker-input-container { display: block; width: 100%; } .mui-areapicker .mui-forminput { width: 100%; } /** * component TextView * prefix: .mui-textview */ .mui-textview { display: inline-block; width: 172px; min-height: 36px; padding: 8px 9px; font-size: 14px; line-height: 20px; color: #333; box-sizing: border-box; } .mui-textview > .text-error { color: #fe423f; } /** * component FileAttachment * prefix: .mui-ileattachment */ .mui-fileattachment { display: inline-block; width: 172px; } .mui-fileattachment.mui-fileattachment-top { margin-top: 6px; } .mui-fileattachment.disabled .UploadFiles-filePanel .UploadFiles-panelBtns { display: none!important; } /** * component Range * prefix: .mui-range */ .mui-range { display: inline-block; width: 172px; padding: 6px 0; } .mui-range .mui-range-container:after { content: ''; display: block; height: 0; clear: both; } .mui-range .mui-range-container > .text { width: 50px; font-size: 13px; line-height: 24px; text-align: center; float: left; } .mui-range .mui-range-container > .mui-range-bars { margin-left: 50px; display: flex; } .mui-range-star { display: inline-block; width: 24px; height: 24px; font-size: 16px; line-height: 22px; text-align: center; color: #9e9e9e; cursor: pointer; } .mui-range-star.checked { color: #fed156; } .mui-range-star.disabled { cursor: default; } .mui-range-bar { flex: 1; height: 24px; padding: 9px 1px; box-sizing: border-box; cursor: pointer; } .mui-range-bar:disabled { cursor: default; } .mui-range-bar > div { height: 6px; background-color: #e0e0e0; } .mui-range-bar.checked > div { background-color: #4caf50; } /** * component LinkPicker * prefix: .mui-linkpicker */ .mui-linkpicker { display: inline-block; width: 172px; font-size: 13px; min-height: 36px; } .mui-linkpicker .mui-linkpicker-list { margin-top: 6px; } .mui-linkpicker .mui-linkpicker-list ~ .mui-linkpicker-add { margin-top: -4px; } .mui-linkpicker .mui-linkpicker-add { display: block; width: 100%; text-align: left; border: none; background-color: #fff; font-size: 13px; line-height: 20px; padding: 8px 12px 7px; color: #888; cursor: pointer; outline: none; } .mui-linkpicker .mui-linkpicker-add > .Icon { display: inline-block; width: 20px; height: 20px; margin-right: 4px; text-align: center; font-size: 14px; line-height: 18px; vertical-align: middle; } .mui-linkpicker .mui-linkpicker-add > span { display: inline-block; vertical-align: middle; } .mui-linkpicker-list { list-style-type: none; margin: 0; padding: 0; } .mui-linkpicker-list > li { display: flex; border: solid 1px #ccc; border-radius: 3px; margin-bottom: 10px; position: relative; } .mui-linkpicker-list > li:after { content: ''; display: block; height: 0; clear: both; } .mui-linkpicker-list > li:last-child { margin-bottom: 6px; } .mui-linkpicker-list > li > .type-icon { width: 18px; height: 20px; padding: 8px 9px; box-sizing: initial; } .mui-linkpicker-list > li > .type-icon > i { display: block; width: 18px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; color: #9e9e9e; } .mui-linkpicker-list > li > a { flex: 1; display: flex; box-sizing: border-box; height: 36px; padding: 8px 11px; padding-left: 0; font-size: 14px; line-height: 20px; text-decoration: none; color: #333; overflow: hidden; } .mui-linkpicker-list > li > a > span { display: block; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-linkpicker-list > li > a > span.link-name { flex: 1; } .mui-linkpicker-list > li > a > span.text-a, .mui-linkpicker-list > li > a > span.text-b { max-width: 40%; padding-left: 16px; box-sizing: border-box; color: #333 !important; } .mui-linkpicker-list > li > .user-img { width: 24px; height: 24px; padding: 6px; float: right; box-sizing: initial; } .mui-linkpicker-list > li > .user-img img { display: block; width: 24px; height: 24px; border-radius: 50%; } .mui-linkpicker-list > li > .Icon { width: 20px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; color: #8f9093; position: absolute; top: -10px; right: -10px; cursor: pointer; display: none; } .mui-linkpicker-list > li:hover > .Icon { display: block; } #repeatCalendarOperator .repeatCalendarOperatorMain { width: 340px; margin: 0 auto; padding-bottom: 20px; } #repeatCalendarOperator .repeatCalendarOperatorModel { width: 100%; color: #999; } #repeatCalendarOperator .repeatCalendarOperatorBtn { height: 28px; line-height: 28px; width: 78px; border: 1px solid #999; display: inline-block; text-align: center; border-radius: 3px; margin: 20px 10px 0 0; } #repeatCalendarOperator .repeatCalendarOperatorBtn:not(.disabled):hover { color: #06c; border-color: #06c; } #repeatCalendarOperator .repeatCalendarOperatorBtn.disabled { border: 1px solid #ccc; color: #ccc; } #repeatCalendarOperator .repeatCalendarOperatorBtn.disabled:hover { cursor: default; } #calendarReInviteDialog .reInvitedMain1 { text-align: center; } #calendarReInviteDialog .reInvitedMain1 span { font-size: 14px; font-weight: bold; } #calendarReInviteDialog .reInvitedMain2 { width: 100%; text-align: center; margin-top: 10px; } #calendarReInviteDialog .reInvitedMain2 a { margin: 0 8px; } #calendarEdit .noHeader { display: none; } #calendarEdit .dialogContent { padding: 0; } .calendarDetail { position: relative; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; } .calendarDetail .calendarMainContent { flex: 1; overflow: hidden; background: #f5f5f5; } .calendarDetail.noPadding { padding-bottom: 0; } .calendarAction { overflow: hidden; transition: height 300ms ease-in; height: 0; } .calendarAction .calendarActionWrapper { padding: 9px 0; } .calendarAction.action-bar-active { height: 48px; } .calendarAction .actionHint { color: #fff; padding-left: 16px; font-size: 14px; line-height: 30px; } .calendarAction .Button--link:hover { text-decoration: underline !important; } .calendarAction .ghostBtn, .calendarAction .ghostBtn:hover { border: 1px solid #fff !important; color: #000 !important; background: #fff !important; } .calendarAction.updateCalendar { background-color: #ffb74d; } .calendarAction.updateCalendar .ghostBtn:hover { color: #ffb74d !important; } .calendarAction.confirmCalendar { background-color: #02c983; } .calendarAction.confirmCalendar .ghostBtn:hover { color: #02c983 !important; } .calendarHeader { display: flex; border-bottom: 1px solid #e0e0e0; padding: 10px 25px; } .calendarHeader .categoryContainer, .calendarHeader .calendarOperations { flex: 0 0 auto; } .calendarHeader .calendarOperations .calMoreOp { display: inline-block; height: 36px; line-height: 36px; } .calendarHeader .calendarOperations [class*="icon"] { color: #999; } .calendarHeader .calendarNameInput { flex: 1 0 0%; } .calendarHeader .calendarNameInput.Textarea { font-size: 17px; border: none; line-height: 26px; padding: 5px 15px; vertical-align: bottom; } .calendarHeader .categoryContainer { height: 16px; line-height: 16px; } .calendarHeader .categoryContainer .categoryArrow { color: #fff; font-size: 14px; line-height: 16px; display: inline-block; width: 16px; height: 16px; margin-left: -16px; vertical-align: middle; text-align: center; } .calendarHeader .calendarNameInput .Input { border: none; width: 100%; font-size: 17px; } .calendarHeader .calendarCatInput { margin-top: -1px; vertical-align: middle; display: inline-block; width: 16px; height: 16px; border-radius: 2px; } .calendarHeader .calendarCatInput.calendarColorRed { background: #f44336; } .calendarHeader .calendarCatInput.calendarColorViolet { background: #9c27b0; } .calendarHeader .calendarCatInput.calendarColorBrown { background: #795548; } .calendarHeader .calendarCatInput.calendarColorOrange { background: #ff9800; } .calendarHeader .calendarCatInput.calendarColorBlue { background: #1e88e5; } .calendarHeader .calendarCatInput.calendarColorGreen { background: #4caf50; } .calendarHeader .calendarCatInput.calendarColorYellow { background: #ffeb3b; } .calendarHeader .calendarCatInput.calendarColorYellow { background: #ffeb3b; } .calendarHeader .calendarCatInput.calendarColorHide { display: none; } .calendarMainPart { margin-top: 8px; padding: 10px 16px; } .calendarMainPart .Dropdown--input { padding: 0 !important; } .calendarMainPart .calBox { border: 1px solid #e0e0e0; background-color: #fff; font-size: 13px; border-radius: 3px; } .calendarMainPart .calRow { display: flex; } .calendarMainPart .calRow .calIcon { color: #9e9e9e; flex: 0 0 auto; padding: 12px 16px 0; } .calendarMainPart .calRow .calLine { flex: 1 0 0%; line-height: 42px; } .calendarMainPart .calRow:not(:last-child) { border-bottom: 1px solid #e0e0e0; } .calendarMainPart .calRow .FormControl { display: inline-block; } .calendarMainPart .calRow .formLabel { margin-right: 15px; } .calendarMainPart .intervalBox, .calendarMainPart .remindBox, .calendarMainPart .recurCountBox { -webkit-appearance: none; border: none; border-bottom: 1px solid #ccc; background-color: transparent; text-align: center; width: 20px; cursor: pointer; } .calendarMainPart .intervalBox:not(:hover), .calendarMainPart .remindBox:not(:hover), .calendarMainPart .recurCountBox:not(:hover) { border-color: #ccc !important; } .calendarMainPart .untilDateBox { border-bottom: 1px solid #ccc; } .calendarMainPart .untilDateBox:not(:hover) { border-color: #ccc !important; } .calendarMainPart .calendarDate { transition: height 300ms ease-out; } .calendarMainPart .calendarDate.isEditing { background-color: #f9f9f9; } .calendarMainPart .calendarDate.isEditing .formLabel { color: #9e9e9e; } .calendarMainPart .calendarDate .calLine { line-height: 32px; } .calendarMainPart .calendarDate .editWrapper { border-bottom: 2px dotted #ddd; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; } .calendarMainPart .calendarDate .weekDaysContainer { margin-left: 5px; } .calendarMainPart .calendarDate .weekDaysContainer .weekday { margin-left: 5px; display: inline-block; padding: 2px 3px; line-height: 15px; cursor: pointer; background-color: #fff; } .calendarMainPart .calendarDate .weekDaysContainer .weekday.ThemeBGColor3 { color: #fff !important; } .calendarMainPart .calendarAddress .calLine { display: flex; } .calendarMainPart .calendarAddress .addressContainer { display: flex; flex: 1 0 0%; line-height: initial; align-items: center; } .calendarMainPart .calendarAddress .addressContainer .addressBox { flex: 1 0 0%; padding: 12px 0; font-size: 13px; -webkit-appearance: none; border: none; background: transparent; } .calendarMainPart .calendarMember { padding-top: 6px; padding-bottom: 6px; line-height: 42px; } .calendarMainPart .calendarMember .memberBox { flex: 1 0 0%; display: flex; flex-wrap: wrap; } .calendarMainPart .calendarMember .memberBox .membersContainer { flex: 0 0 100%; display: flex; flex-wrap: wrap; } .calendarMainPart .calendarMember .memberBox .membersContainer .memberItem { width: 120px; } .calendarMainPart .calendarMember .memberBox .addCalendarMember { padding-right: 20px; display: flex; align-items: center; color: #999; cursor: pointer; } .calendarMainPart .calendarMember .memberBox .addCalendarMember .addBtn { margin-top: -2px; } .calendarMainPart .calendarMember .memberBox .memberItem { display: flex; align-items: center; position: relative; } .calendarMainPart .calendarMember .memberBox .memberItem .memberAvatar { width: 26px; border-radius: 50%; } .calendarMainPart .calendarMember .memberBox .memberItem .memberName { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 8px; max-width: 72px; display: block; } .calendarMainPart .calendarMember .memberBox .memberItem .memberStatus { width: 14px; height: 14px; font-size: 0; display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAkCAYAAABsbd/MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDMzM0U2NTgzNkE5MTFFNkEyNjRBMTg4RUY3QUJDQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDMzM0U2NTkzNkE5MTFFNkEyNjRBMTg4RUY3QUJDQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTJDOUE4OTM2OTUxMUU2QTI2NEExODhFRjdBQkNBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTJDOUE4QTM2OTUxMUU2QTI2NEExODhFRjdBQkNBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnzQqnkAAAbmSURBVHja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) no-repeat 0 0; background-size: 42px 14px; margin-top: 12px; margin-left: -8px; position: relative; z-index: 1; } .calendarMainPart .calendarMember .memberBox .memberItem .memberStatus.confirmed { background-size: 42px 14px; } .calendarMainPart .calendarMember .memberBox .memberItem .memberStatus.unConfirmed { background-position: -28px 0; } .calendarMainPart .calendarMember .memberBox .memberItem .memberStatus.refused { background-position: -14px 0; } .calendarMainPart .calendarSummary .calLine { line-height: 1.5; } .calendarMainPart .calendarSummary .summaryBox { padding: 12px 0; width: 100%; } .calendarMainPart .calendarSummary .Textarea { font-size: 13px; vertical-align: top; padding: 0; -webkit-appearance: none; border: none; background: transparent; } .calendarMainPart .calendarSummary .attachmentBox { padding: 10px 0; } .calendarMainPart .calendarPrivate { margin-left: 17px; } .calendarMainPart .calendarPrivate label { /* fix tip is covered */ overflow: visible; } .calendarMainPart .calendarPrivate .privateTip::after { width: 230px; white-space: normal; word-break: break-all; } .calendarComments .calendarTabList { position: relative; height: 35px; padding: 0 25px; color: #aaa; border-bottom: 1px #ccc solid; text-align: center; } .calendarComments .calendarTabList .calendarTab { float: left; width: 90px; height: 35px; line-height: 35px; cursor: pointer; } .calendarComments .calendarTabList .bottomLine { position: absolute; bottom: -1px; left: 25px; width: 90px; height: 2px; margin-top: 16px; transition: all 0.15s ease-in; } .calendarComments .commentsContainer { padding: 0 20px 0 33px; } .calendarCommenter { padding: 10px 10px 10px 21px; background: #fff; box-sizing: border-box; border-top: 1px solid #ccc; } .calendarCommenter .commenterBox { border-color: #ddd !important; margin-left: 42px; margin-right: 42px; } .calendarCommenter .commenterBox .commentBox:not(.autoHeight) { background-color: #f8f8f8 !important; } .calendarCommenter .commenterBox .commentBox:not(.autoHeight) .txtComment { background-color: #f8f8f8 !important; color: #9e9e9e; } .calendarCommenter .commenterBox .uploadAttaachmentsContainer { overflow: auto; max-height: 310px; } .calendarCommenter .userAvatar { width: 32px; height: 32px; vertical-align: bottom; } .calendarCommenter .calendarTopicCount { display: block; padding-top: 8px; color: #9e9e9e; } .calendarBusinessCard .messageDivBtn { width: 100%; display: flex; position: relative; } .calendarBusinessCard .messageDivBtn span { text-align: center; cursor: pointer; display: inline-block; flex: 1; box-sizing: border-box; } .calendarBusinessCard .messageDivBtn span:hover { color: #0066cc; } .calendarBusinessCard .messageDivBtn .messageDivPerson { border-left: 1px solid #ccc; } .calendarBusinessCard .cardContentDesc { position: relative; } .calendarBusinessCard .cardContentDesc .messageDivContentState { position: absolute; right: 10px; bottom: 0; } .calendarBusinessCard .cardContentDesc .messageRefuse { color: #e0e0e0; } .calendarBusinessCard .cardContentDesc .messageSubmit { color: #00b106; } .calendarBusinessCard .cardContentDesc .messageNosubmit { color: #ff9c00; background: #fff; padding-left: 8px; } .calendarBusinessCard .cardContentDesc .contentItem:last-of-type { max-width: 175px; } #postMessageDialog .markUnCompleteSmall { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAACJCAMAAAASREjYAAABF1BMVEW/v7/GxsbY2Nj////AwMDY2NjGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbAwMDAwMDY2NjBwcHY2NjY2NjGxsbGxsbGxsbGxsbGxsbAwMDDw8PY2NjDw8PY2NjGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsZmZmZtbW1ubm5wcHCJiYmXl5eioqKnp6e0tLS2tra3t7e7u7vAwMDDw8PExMTFxcXGxsbHx8fJycnLy8vNzc3Pz8/R0dHT09PU1NTV1dXX19fY2NjZ2dnc3Nzd3d3e3t7f39/g4ODi4uLj4+Pk5OTm5ubn5+fo6Ojp6enq6urr6+vs7Ozt7e3u7u7v7+/w8PD09PT19fX8/Pz9/f3+/v7///8YidulAAAAJ3RSTlMAAAAABgYUFRZTVIKDhomKioyMjc7Q0dLT6+zs7e3w8fLz9Pj5+v5oJyt6AAACUklEQVRIx8WUbVvaMBSGw6YO5tymmzjnHDKYDosKDHzDlyIt0haqEEXA/P/fsSQnTdKUfWPu/tTntDk5ua+2aOH95m/J5ocFtNrsPzwKHvrNVfT1cUIkk9E3dKxlQqbH6FSlxqFHTtGZypbVIGfoPJbJOWoS77AhM2miC7gUmVygS37TEplcoit4XGRyhWxoKDKxUYvEaKHt2KSTbbQW6mcJP6HFj1s3kq21RZRgzoIYuiCOJghggmIwQTG4IB0QpCEEKV5M0EnL7Qjc1gkV1L3HkvsuFaRljAdUkEq1g2tMBalsWTVMBcUypoLw9UFNZkwFwaXImAriNy2RMRUEj4uMqSBoKDKmgnAMKmio5yEV1B1ok3f/gyCGLoijCQKYoBhMUAwuSAcEaQhBivkIemWAUgassLSyUSisLy9Fhcx3bzydPnm5DBQyuyN4SUe7rILe5Ebkrlwqle/IKJemhWWPhPt7lP2QeCu0sP5EynucMhlv0EJhSkpQ+EWei0ZhkjeXZKFpH5r2oWmabhuybUOxbWKwVOrtjjd+pqPvZNThvvz88fmdPFzy+PHCa4O5GRNIY5LImCQyJomMqb9F3lySndU0bW77T4zN9GHf+n7HVj6cgONEPpzArVerdTdwwIcduNUjStUNbO6jE9SPOPXglvvwgyoUKoFfNAt5c0kWmjrQ1IGmab5tpSK3TQzGfMDoL/4GtXvDYa+tjPnwWfuRMT/60H0w1laffpsb66lCjxvTfhfDolEY5M0l2VlN0+a2icGYMTr6oNf+m7GED7PwB5pgxSWdH2IgAAAAAElFTkSuQmCC) left -16px no-repeat; } #postMessageDialog .markCompletedSmall { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAACJCAMAAAASREjYAAABF1BMVEW/v7/GxsbY2Nj////AwMDY2NjGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbAwMDAwMDY2NjBwcHY2NjY2NjGxsbGxsbGxsbGxsbGxsbAwMDDw8PY2NjDw8PY2NjGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsZmZmZtbW1ubm5wcHCJiYmXl5eioqKnp6e0tLS2tra3t7e7u7vAwMDDw8PExMTFxcXGxsbHx8fJycnLy8vNzc3Pz8/R0dHT09PU1NTV1dXX19fY2NjZ2dnc3Nzd3d3e3t7f39/g4ODi4uLj4+Pk5OTm5ubn5+fo6Ojp6enq6urr6+vs7Ozt7e3u7u7v7+/w8PD09PT19fX8/Pz9/f3+/v7///8YidulAAAAJ3RSTlMAAAAABgYUFRZTVIKDhomKioyMjc7Q0dLT6+zs7e3w8fLz9Pj5+v5oJyt6AAACUklEQVRIx8WUbVvaMBSGw6YO5tymmzjnHDKYDosKDHzDlyIt0haqEEXA/P/fsSQnTdKUfWPu/tTntDk5ua+2aOH95m/J5ocFtNrsPzwKHvrNVfT1cUIkk9E3dKxlQqbH6FSlxqFHTtGZypbVIGfoPJbJOWoS77AhM2miC7gUmVygS37TEplcoit4XGRyhWxoKDKxUYvEaKHt2KSTbbQW6mcJP6HFj1s3kq21RZRgzoIYuiCOJghggmIwQTG4IB0QpCEEKV5M0EnL7Qjc1gkV1L3HkvsuFaRljAdUkEq1g2tMBalsWTVMBcUypoLw9UFNZkwFwaXImAriNy2RMRUEj4uMqSBoKDKmgnAMKmio5yEV1B1ok3f/gyCGLoijCQKYoBhMUAwuSAcEaQhBivkIemWAUgassLSyUSisLy9Fhcx3bzydPnm5DBQyuyN4SUe7rILe5Ebkrlwqle/IKJemhWWPhPt7lP2QeCu0sP5EynucMhlv0EJhSkpQ+EWei0ZhkjeXZKFpH5r2oWmabhuybUOxbWKwVOrtjjd+pqPvZNThvvz88fmdPFzy+PHCa4O5GRNIY5LImCQyJomMqb9F3lySndU0bW77T4zN9GHf+n7HVj6cgONEPpzArVerdTdwwIcduNUjStUNbO6jE9SPOPXglvvwgyoUKoFfNAt5c0kWmjrQ1IGmab5tpSK3TQzGfMDoL/4GtXvDYa+tjPnwWfuRMT/60H0w1laffpsb66lCjxvTfhfDolEY5M0l2VlN0+a2icGYMTr6oNf+m7GED7PwB5pgxSWdH2IgAAAAAElFTkSuQmCC) left 1px no-repeat; } #postMessageDialog .calendarPostLabelImg { width: 24px; height: 24px; border-radius: 50%; margin-right: 6px; vertical-align: top; margin-top: -4px; } #postMessageDialog .editBox .postMessageList { width: 100%; } #postMessageDialog .editBox .postMessageList li { width: 50%; cursor: pointer; position: relative; float: left; margin-bottom: 10px; list-style-type: none; } #postMessageDialog .editBox .postCheck, #postMessageDialog #postAllCheck { width: 18px; height: 18px; display: inline-block; margin-right: 3px; } #postMessageDialog .editBox .postMessageList .postMessageName { display: inline-block; height: 18px; line-height: 18px; width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #postMessageDialog .editBox .postMessageList .calendarCenterLabelSubmit { position: absolute; top: 9px; left: 35px; } #postMessageDialog .editBox .postOperator { width: 100%; clear: both; height: 18px; line-height: 18px; } #postMessageDialog .editBox .postOperator a { color: #333; } #postMessageDialog #postAllCheck { vertical-align: top; margin-right: 4px; cursor: pointer; padding-left: 0; } #postMessageDialog .editBox .postOperator .postOperatorM { margin-left: 10px; text-decoration: none; } #postMessageDialog .editBox .postOperator a:hover { color: #3199ff; } #postMessageDialog .editBox .postContent { width: 100%; position: relative; margin-top: 10px; } #postMessageDialog .editBox .postContentPrivate, #postMessageDialog .editBox .postContentEmail { position: absolute; top: -14px; left: 95px; } #postMessageDialog .editBox .postContentEmail { left: 157px; } #postMessageDialog .editBox .postContentArrowN, #postMessageDialog .editBox .postContentArrowW { border-width: 7px; width: 0; height: 0; border-style: solid; border-color: transparent transparent #e0e0e0 transparent; position: absolute; top: 0; left: 0; } #postMessageDialog .editBox .postContentArrowN { border-color: transparent transparent #fff transparent; top: 1px; } #postMessageDialog .editBox #postContent { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e0e0e0; padding: 5px; resize: none; height: 92px; line-height: 20px; } #postMessageDialog .editBox .postContentMessage { width: 100%; line-height: 18px; margin-top: 6px; } .mentions-input-box { position: relative; background: #fff; } .mentions-input-box textarea { display: block; overflow: hidden; background: transparent; position: relative; outline: 0; } .mentions-input-box .mentions-autocomplete-list { display: none; background-color: #fff; position: absolute; left: 0; right: 0; margin-top: -2px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438); width: 100%; max-width: 350px; max-height: 460px; overflow: auto; } .mentions-input-box .mentions-autocomplete-list ul { margin: 0; padding: 0; margin-top: 5px; margin-bottom: 10px; } .mentions-input-box .mentions-autocomplete-list li { background-color: #fff; padding: 0px 20px 0px 5px; margin: 0; width: auto; overflow: hidden; cursor: pointer; list-style: none; white-space: nowrap; position: relative; box-sizing: initial; height: 50px; } .mentions-input-box .mentions-autocomplete-list .mentions-autocomplete-list-category { height: 36px; line-height: 36px; } .mentions-input-box .mentions-autocomplete-list li > img, .mentions-input-box .mentions-autocomplete-list li > div.icon { width: 32px; height: 32px; position: absolute; top: 50%; margin-top: -16px; margin-left: 5px; margin-right: 5px; -moz-background-origin: 3px; border-radius: 50%; } .mentions-input-box .mentions-autocomplete-list li em { font-weight: bold; font-style: none; } .mentions-input-box .mentions-autocomplete-list li:hover, .mentions-input-box .mentions-autocomplete-list li.active { background-color: #f5f5f5; } .mentions-input-box .mentions-autocomplete-list li b { background: #ffff99; font-weight: normal; } .mentions-input-box .mentions { position: absolute; left: 1px; right: 0; top: 1px; bottom: 0; padding: 9px; color: #fff; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; } .mentions-input-box .mentions > div { color: #fff; white-space: pre-wrap; width: 100%; display: none; } .mentions-input-box .mentions > div > strong { font-weight: normal; background: #fff; color: #fff; } .mentions-autocomplete-list li[data-ref-id='taskAtUserAll'] .limitWidth { max-width: 150px; } .mentions-autocomplete-list .itemContent { margin-left: 47px; } .mentions-autocomplete-list .itemContent > div { box-sizing: initial; height: 20px; line-height: 20px; } .mentions-autocomplete-list .itemContent > div:first-child { padding-top: 6px; } .mentions-autocomplete-list .itemContent > div:last-child { padding-bottom: 6px; } .mentions-autocomplete-list .itemContent > div > span { margin-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } /* .mentions-autocomplete-list .itemContent .fullname { max-width: 80px !important; } */ .mentions-autocomplete-list .title { border-top: 1px solid #eaeaea; padding: 8px; font-size: 12px; } .mentions-autocomplete-list li[data-ref-type='user'] > .itemContent > div:first-child > span { max-width: 200px; } .mentions-autocomplete-list li[data-ref-type='group'] > .itemContent > div:first-child > span { max-width: 200px; } .mentions-autocomplete-list .itemContent > div:last-child > span { max-width: 282px; } .mentionNoData { text-align: center; } .mentionNoData .noOne { margin: 20px; } .mentionNoData .invite { margin: 70px 0; } .mentionNoData .icon-invite { font-size: 65px; color: #9fa0a0; } .mentionNoData p { margin-top: 20px; font-size: 14px; color: rgba(0, 0, 0, 0.6); } .inviteBackIcon { font-weight: bold; font-size: 17px; display: flex; align-items: center; margin-left: -8px; } .inviteBackIcon .iconBox { width: 32px; height: 32px; border-radius: 16px; background-color: transparent; margin-right: 8px; text-align: center; cursor: pointer; } .inviteBackIcon .iconBox:hover { background: #f5f5f5; color: #2196f3; } .inviteBackIcon .iconBox i { line-height: 32px; font-size: 22px; } .dialogAddFriendsBox .mui-dialog-body { padding: 0 24px 16px !important; } .dialogAddFriendsContainer { height: 542px; display: flex; flex-direction: column; } .dialogAddFriendsContainer .safeWarning { background-color: #fff9d9; margin-top: 16px; padding: 14px; border-radius: 3px; } .dialogAddFriendsContainer .ViewDeatil .nano-pane { right: -11px !important; } .dialogAddFriendsContainer .inviteListItem { display: flex; height: 48px; box-sizing: border-box; align-items: center; justify-content: space-between; border-bottom: 1px solid #eaeaea; } .dialogAddFriendsContainer .inviteListItem .Green { color: #4caf50; } .dialogAddFriendsContainer .linkListItem { display: flex; flex-direction: column; padding-top: 20px; border-top: 1px solid #eaeaea; margin-bottom: 20px; } .dialogAddFriendsContainer .linkListItem:first-child { padding-top: 0; border-top: none; } .dialogAddFriendsContainer .linkListItem:last-child { margin-bottom: 0; } .dialogAddFriendsContainer .linkListItem .linkInput { flex: 1; background-color: #f1f1f1; padding: 0 17px; box-sizing: border-box; height: 36px; line-height: 36px; min-width: 0; } .dialogAddFriendsContainer .linkListItem .linkInput div { display: inline-block; width: 100%; } .dialogAddFriendsContainer .linkListItem .trashBox { margin-left: 8px; width: 36px; height: 36px; text-align: center; line-height: 36px; background: #ffffff; border: 1px solid #dddddd; border-radius: 3px; color: #9d9d9d; cursor: pointer; } .dialogAddFriendsContainer .linkListItem .trashBox:hover { border-color: #f51744; color: #f51744; } .dialogAddFriendsContainer .addFriendsHeader { display: flex; flex-direction: column; align-items: center; justify-content: center; } .dialogAddFriendsContainer .addFriendsHeader i { font-size: 40px; margin-bottom: 12px; color: #47b14b; } .dialogAddFriendsContainer .addFriendsHeader .headerText { font-size: 17px; font-weight: bold; } .dialogAddFriendsContainer .AddFriends-head { display: flex; flex-direction: column; width: 100%; position: 'relative'; margin-top: 26px; } .dialogAddFriendsContainer .AddFriends-head-navbar { width: 100%; display: flex; align-items: center; margin-top: 32px; } .dialogAddFriendsContainer .AddFriends-head-navbar__item { display: flex; border-style: solid; font-weight: bold; font-size: 14px; margin-right: 12px; padding: 5px 12px; border-width: 0 0 3px 0; border-color: transparent; color: #333; cursor: pointer; } .dialogAddFriendsContainer .AddFriends-head-navbar__item:last-child { margin-right: 0; } .dialogAddFriendsContainer .AddFriends-head-navbar__item:hover { background-color: #f5f5f5; } .dialogAddFriendsContainer .AddFriends-head-navbar__item.AddFriends-head-navbar__item--active { color: #2196f3; border-color: #2196f3; border-width: 0 0 3px 0; background-color: #fff !important; } .dialogAddFriendsContainer .AddFriends-head-navbar__item:not(.AddFriends-head-navbar__item--active) { border-color: transparent !important; } .dialogAddFriendsContainer .addFriendsContent { padding-top: 30px; flex: 1; min-height: 0; display: flex; flex-direction: column; box-sizing: border-box; } .dialogAddFriendsContainer .addFriendsContent .shareUrl > div > div { font-size: 12px; } .dialogAddFriendsContainer .addFriendsContent .getLinkBtn { width: 142px; height: 36px; line-height: 36px; text-align: center; font-weight: bold; background: rgba(33, 150, 243, 0.08); border-radius: 5px; color: #2196f3; cursor: pointer; } .dialogAddFriendsContainer .addFriendsContent .addFriendHeader { height: 40px; display: flex; margin-bottom: 30px; } .dialogAddFriendsContainer .addFriendsContent .addFriendHeader .inputWrapper { flex: 1; min-width: 0; position: relative; } .dialogAddFriendsContainer .addFriendsContent .addFriendHeader .inputWrapper input { height: 100%; padding: 0 35px; border: 1px solid #f5f5f5; width: 100%; background-color: #f5f5f5; } .dialogAddFriendsContainer .addFriendsContent .addFriendHeader .inputWrapper .searchIcon { position: absolute; top: 12px; left: 15px; font-size: 18px; color: #757575; } .dialogAddFriendsContainer .addFriendsContent .addFriendHeader .inputWrapper .searchClear { top: 10px; align-self: center; border-radius: 50%; padding: 3px; background: #ccc; color: #fff; position: absolute; right: 10px; } .dialogAddFriendsContainer .addFriendsContent .addFriendHeader .searchBtn { height: 40px; width: 85px; margin-left: 16px; } .dialogAddFriendsContainer .addFriendsContent .userItem { display: flex; align-items: center; margin-bottom: 10px; } .dialogAddFriendsContainer .addFriendsContent .userItem img { width: 53px; height: 53px; border-radius: 50%; background-color: #9e9e9e; } .dialogAddFriendsContainer .addFriendsContent .userItem .userInfo { flex: 1; min-width: 0; padding: 0 16px; display: flex; flex-direction: column; justify-content: center; } .dialogAddFriendsContainer .addFriendsContent .userItem .inviteButton { width: 133px; height: 40px; line-height: 40px; text-align: center; } .dialogAddFriendsContainer .addFriendsContent .resultContent { overflow-x: hidden; } .dialogAddFriendsContainer .addFriendsContent .addBox > span { padding: 5px 8px; display: inline-flex; align-items: center; background-color: transparent; border-radius: 5px; cursor: pointer; } .dialogAddFriendsContainer .addFriendsContent .addBox > span:hover { background-color: #f5f5f5; } .dialogAddFriendsContainer .addFriendsContent .addBox i { margin-right: 5px; } .dialogAddFriendsContainer .addFriendsContent .addBox.recordIcon > span { padding: 5px 0px; } .dialogAddFriendsContainer .addFriendsContent .addBox.recordIcon > span:hover { background-color: transparent; color: #2196f3; } .dialogAddFriendsContainer .addFriendsContent .inviteDrop .Dropdown--input { width: auto; height: 24px; border-color: #eaeaea; } .dialogAddFriendsContainer .addFriendsContent .inviteIcon { position: absolute; right: 25px; } .dialogAddFriendsContainer .addFriendsContent .numberBox { width: 209px; height: 76px; background: #f8f8f8; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-top: 10px; cursor: pointer; } .dialogAddFriendsContainer .addFriendsContent .numberBox i { color: #bdbdbd; } .dialogAddFriendsContainer .addFriendsContent .numberBox i:hover { color: #2196f3; } .dialogAddFriendsContainer .addFriendsContent .footContainer { display: flex; align-items: center; justify-content: space-between; margin: auto 0 0 0; } .dialogAddFriendsContainer .addFriendsContent .row { margin-bottom: 10px; display: flex; } .dialogAddFriendsContainer .addFriendsContent .row > div { flex: 1; min-width: 0; } .dialogAddFriendsContainer .addFriendsContent .row > div .iti { width: 100%; } .dialogAddFriendsContainer .addFriendsContent .row .rowTel { width: 100%; height: 36px; background: #ffffff; border: 1px solid #e0e0e0; opacity: 1; border-radius: 3px; } .dialogAddFriendsContainer .addFriendsContent .row .rowTel.err { border: 1px solid red; } .dialogAddFriendsContainer .addFriendsContent .row .del { opacity: 0; margin-left: 8px; line-height: 36px; } .dialogAddFriendsContainer .addFriendsContent .row .del.op0 { opacity: 0 !important; } .dialogAddFriendsContainer .addFriendsContent .row:hover .del { opacity: 1; } .qrHoverPanel { width: 160px !important; height: 180px !important; padding: 0px !important; background-color: #fff !important; } .qrHoverPanel img { width: 136px; height: 136px; margin: 12px 12px 0; } .qrHoverPanel p { font-size: 13px; margin: 5px 0 0 0; text-align: center; } .qrHoverPanel .Tooltip-arrow { border-width: 15px; top: -22px; border-bottom-color: #fff !important; } .SelectAllGroup { position: relative; margin-right: 10px; } .SelectAllGroup .guideUp { z-index: 8; } .SelectAllGroup .icon-eye { font-size: 16px; color: #ccc; margin: -3px 5px 0px 10px; vertical-align: middle; display: inline-block; } .SelectAllGroup-groupListDiv { position: absolute; z-index: 9; background-color: white; right: 0px; width: 150px; padding: 6px 0px 0px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1); } .SelectAllGroup-groupListDiv-bottom { top: 30px; } .SelectAllGroup-groupListDiv-top { bottom: 30px; } .SelectAllGroup-groupListDiv .loadingCon { display: none; } .SelectAllGroup-groupListDiv.isLoading .loadingCon { display: block; } .SelectAllGroup-groupListDiv.isLoading .groupListCon, .SelectAllGroup-groupListDiv.isLoading .addNewGroup { display: none; } .SelectAllGroup-groupListDiv.isNew { height: 40px; padding-top: 0px; } .SelectAllGroup-groupListDiv.isNew .addNewGroup { border-top: none; } .SelectAllGroup-groupListDiv.isNew .groupListCon { display: none; } .SelectAllGroup-groupListDiv.noMostUsed .mostUsed { display: none; } .SelectAllGroup-groupListDiv.noMostUsed hr { display: none; } .SelectAllGroup-groupListDiv.noMostUsed.noProjects .personItem .projectTitleCon { display: none; } .SelectAllGroup-groupListDiv.placeTop { top: auto; bottom: 30px; } .SelectAllGroup-groupListDiv li > label:not(:hover) { background-color: #fff !important; } .SelectAllGroup-groupListDiv li > label:hover { color: white !important; } .SelectAllGroup-groupListDiv li > label:hover .companyName { color: white !important; } .SelectAllGroup-selectedGroup .icon-arrow-down-border { color: #7e7e7e !important; } .SelectAllGroup .SelectAllGroup-selectGroup > * { display: inline-block; overflow: hidden; text-overflow: ellipsis; line-height: 28px; height: 28px; vertical-align: middle; white-space: nowrap; } .SelectAllGroup-customLink { margin-left: 25px; height: 30px; line-height: 30px; vertical-align: middle; } .SelectAllGroup .SelectAllGroup-selectedGroup { color: #7e7e7e; } .SelectAllGroup .SelectAllGroup-groupListDiv hr { display: none; border: none; margin: 6px 0; border-top: 1px solid #e0e0e0; } .SelectAllGroup .SelectAllGroup-groupListDiv.single .groupListCon { border-bottom: 0; } .SelectAllGroup .groupListCon { position: relative; border-bottom: 40px solid transparent; max-height: 370px; overflow-x: hidden; overflow-y: auto; } .SelectAllGroup .groupListCon.nano .nano-pane { z-index: 2; } .SelectAllGroup .groupListCon.noCreateGroup { border-bottom: none; } .SelectAllGroup .projectItem { color: #999; } .SelectAllGroup .projectItem.mostUsed .slideBtn { display: none; } .SelectAllGroup .projectItem.mostUsed .groupInfo, .SelectAllGroup .projectItem.personItem .groupInfo { display: inline-block !important; } .SelectAllGroup .projectItem .projectTitleCon { height: 30px; } .SelectAllGroup .projectItem .projectTitle { position: relative; z-index: 2; display: block; padding: 0 10px 0 18px; line-height: 30px; height: 30px; background-color: #fff; overflow: hidden; } .SelectAllGroup .projectItem .projectTitle:not(.disabled) .slideBtn:before { content: '\5C55\5F00'; } .SelectAllGroup .projectItem .projectTitle:hover .slideBtn { visibility: visible; } .SelectAllGroup .projectItem .projectTitle.open .slideBtn:before { content: '\9690\85CF'; } .SelectAllGroup .projectItem .projectTitle.disabled { cursor: default; } .SelectAllGroup .projectItem .projectTitle .companyName { float: left; overflow: hidden; max-width: 140px; text-overflow: ellipsis; white-space: nowrap; } .SelectAllGroup .projectItem .projectTitle .expire { float: left; color: #ccc; margin-left: 2px; } .SelectAllGroup .projectItem .projectTitle .slideBtn { position: absolute; left: 195px; font-style: normal; visibility: hidden; } .SelectAllGroup .projectItem .projectTitle.fixed { position: absolute; width: 100%; box-sizing: border-box; z-index: 2; } .SelectAllGroup .projectItem .groupList { display: none; } .SelectAllGroup .projectItem .groupList.visible { display: block; } .SelectAllGroup .projectItem .groupList:before, .SelectAllGroup .projectItem .groupList:after { content: ''; display: table; clear: both; } .SelectAllGroup .projectItem .groupList .groupItem label { position: relative; display: block; line-height: 36px; padding: 0 14px; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; } .SelectAllGroup .projectItem .groupList .groupItem .groupName { max-width: 140px; display: inline-block; } .SelectAllGroup .projectItem .groupList .groupItem .companyName { color: rgba(153, 153, 153, 0.6); display: block; padding-left: 34px; margin-top: -15px; font-size: 12px; } .SelectAllGroup .projectItem .groupList .groupItem .groupInfo, .SelectAllGroup .projectItem .groupList .groupItem .radioInfo { position: absolute; right: 15px; top: 0px; display: none; visibility: hidden; opacity: 0.6; margin: 10px 0; width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzM5NjcxRDAzQTc5MTFFNkEwNjhFRjcwQzNCNTQ0NjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzM5NjcxRDEzQTc5MTFFNkEwNjhFRjcwQzNCNTQ0NjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3Mzk2NzFDRTNBNzkxMUU2QTA2OEVGNzBDM0I1NDQ2OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3Mzk2NzFDRjNBNzkxMUU2QTA2OEVGNzBDM0I1NDQ2OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtNXfoAAAAM7SURBVHja5JrPaxNREMd3QxWkURCrYuyl0NjGS0EFYwVt/ANqbHsyxqPQWxX1VDwInkQR1H9A0VP/h55SFE3MrdW09ObvIs2PilqM34F5Mn1s0t3NS7KrAx947NudN/N+7O6beXa9XrcMyAGQAkkwDAbAftDL9TXwBayCJfACzIPPrTZst+DAPnAZXATHSZfH56nhPHgOnoA1X1aQAx45BO6Bat2c1MBDEPNqj5cR6AFXwS0QdajPgTmeIqs8ZWpc18tTaoCn2BQ47aCjCm6DB+CXyRGIg4JDz9G1CWD7GEmbn8076H0DjrrR46ah82DdoYGUD6MbMcY6pVRAulUHroBNTXHWoOE6l7S2NtkGXw5Ma8qWwWgbjVckQUlre9qrA+Nazy+AkQ4YrxjhNuVIjLt1IMHzTxpvdYkFbU0ktnNgByiKh1Y63PNOI7Ei7CmyjQ0duKHNvWQXjZdrQsrNRg7EtKmTCYDxiow2lWJODjzS3vNWwJDfice6A31gQ9wwZqBBXUx87JRssM1/HZgRla8N9ZhpByy2TcmMdEBWTAbYgUmh75X6G6XNyEfxPx/hf/VWRddhG9BJOn4L/f1k7DmhPGfIeNWYxDLUKTmhP0UOnBQ3zFnBF2njiR7eYChZMthQO6YQyVtRHqIRGBQXlkMwAiVRjtMiLqOwmy/sAZWAjwDZWuZyxa5v3RTbIZhCW3SH0YGd4AeXf4ZxClE86iuX12gRfxKVB0OwiPeK8reI9uYZDIEDcflGimjv/uEQODAkvwnkwEtxYSoEDkgb87SIad5/CPPPHC3igrhpIsC9nxZlsvl9mDc01/6pLaXFG2WTm3rTDjTd1DuFVbIBciDrJqziFNgaDUA45ZTbwJYKLRYCHFosbBdaVNmY9QAGd8vgyH8RXm+U4Ch1MMHxrtUER7dSTBmTKSZF2iHJR1/EswYNP6N9ZdXr8oKJLGU30qxFt2lWL4lu2oteB7NgV5NE96JIdFe5LioS3Ykmie7v4A64S/vddh01OAzut+GoAeUn+tt51ECXPpAFGXDM52EP+iV+Bp6KjXrHTqtYWjAgxXHWhDhuExVnINRxm0XeBc5rAQVf8keAAQADgbZpcTilTQAAAABJRU5ErkJggg==); background-size: 16px; cursor: pointer; } .SelectAllGroup .projectItem .groupList .groupItem .groupInfo:hover, .SelectAllGroup .projectItem .groupList .groupItem .radioInfo:hover { opacity: 1; } .SelectAllGroup .projectItem .groupList .groupItem .radioInfo { display: inline-block; background: none; padding: 0; font-size: 18px; width: 18px; height: 18px; line-height: 1em; margin: 9px 0; } .SelectAllGroup .projectItem .groupList .groupItem.gray { color: #9e9e9e; } .SelectAllGroup .projectItem .groupList .groupItem.disabled { color: #bfbfbf; cursor: default; background-color: #e8e8e8 !important; } .SelectAllGroup .projectItem .groupList .groupItem.disabled input[type='checkbox'] { cursor: default; } .SelectAllGroup .projectItem .groupList .groupItem.disabled input[type='checkbox']:after { background-color: #e8e8e8; } .SelectAllGroup .projectItem .groupList .groupItem.disabled .groupName { max-width: 100px; } .SelectAllGroup .projectItem .groupList .groupItem.disabled:hover { background-color: #e8e8e8 !important; color: #bfbfbf !important; } .SelectAllGroup .projectItem .groupList .groupItem.radio:hover input[type='checkbox']:checked:before, .SelectAllGroup .projectItem .groupList .groupItem.personal:hover input[type='checkbox']:checked:before { border-color: #fff; } .SelectAllGroup .projectItem .groupList .groupItem.radio:hover input[type='checkbox']:checked:after, .SelectAllGroup .projectItem .groupList .groupItem.personal:hover input[type='checkbox']:checked:after { background-color: #1e88e5 !important; border-color: #1e88e5 !important; } .SelectAllGroup .projectItem .groupList .groupItem.radio input[type='checkbox']:after, .SelectAllGroup .projectItem .groupList .groupItem.personal input[type='checkbox']:after { transition: none; border: none; background-color: #fff !important; } .SelectAllGroup .projectItem .groupList .groupItem.radio input[type='checkbox']:checked:before, .SelectAllGroup .projectItem .groupList .groupItem.personal input[type='checkbox']:checked:before, .SelectAllGroup .projectItem .groupList .groupItem.radio input[type='checkbox']:before, .SelectAllGroup .projectItem .groupList .groupItem.personal input[type='checkbox']:before { border-color: #2196f3; } .SelectAllGroup .projectItem .groupList .groupItem.personal .groupInfo { display: none; } .SelectAllGroup .projectItem .groupList .groupItem:hover .groupInfo, .SelectAllGroup .projectItem .groupList .groupItem:hover .radioInfo { visibility: visible; } .SelectAllGroup .projectItem .groupList .createGroup { display: block; line-height: 30px; padding: 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .SelectAllGroup .projectItem .groupList .createGroup a { padding-left: 5px; } .SelectAllGroup .addNewGroup { box-sizing: border-box; position: absolute; bottom: 0px; width: 100%; cursor: pointer; z-index: 2; display: block; text-align: center; line-height: 40px; height: 40px; background-color: #fff; overflow: hidden; border-top: 1px solid #e0e0e0; } .noGroup { padding: 60px 0; text-align: center; } .noGroup i { font-size: 60px; margin-bottom: 15px; color: #9fa0a0; } .noGroup p { margin: 0; color: rgba(0, 0, 0, 0.6); } #dialogBoxCreateGroup .dialogCloseBtn:not(:hover) { color: rgba(255, 255, 255, .6)!important; } #dialogBoxCreateGroup .dialogCloseBtn:hover { color: rgba(255, 255, 255, .8); } #dialogBoxCreateGroup { border: none; } #dialogBoxCreateGroup .dialogContent { margin-top: -18px; padding: 0; } #dialogBoxCreateGroup .groupType input[type='radio'] { margin-top: 0; vertical-align: middle; } #dialogBoxCreateGroup .groupTopContent .groupAvatar { width: 100%; height: 100%; vertical-align: bottom; border-radius: 50%; } #dialogBoxCreateGroup .groupTopContent .groupHead { width: 88px; height: 88px; margin-right: auto; margin-left: auto; border: 3px solid rgba(225, 225, 225, .5); border-radius: 50%; } #dialogBoxCreateGroup .groupTopContent .groupHead:hover { border-color: #fff; } #dialogBoxCreateGroup .groupTopContent .groupHead:hover::before { line-height: 88px; position: absolute; width: 88px; height: 88px; content: attr(titlename); color: #fff; border-radius: 50%; background-color: rgba(0, 0, 0, .4); } #dialogBoxCreateGroup .groupNameTotal { font-size: 16px; color: #fff; } #dialogBoxCreateGroup p { margin: 0; padding: 0; } #dialogBoxCreateGroup .form-label { line-height: 26px; float: left; min-width: 70px; } #dialogBoxCreateGroup .txtGroupName { line-height: 26px; height: 26px; } #dialogBoxCreateGroup .txtProjectName { line-height: 30px; height: 30px; color: #333; outline: none; } #dialogBoxCreateGroup .txtGroupAbout { min-height: 100px; padding-top: 2px; padding-left: 7px; border: 1px #efefef solid; } #dialogBoxCreateGroup .btnCreate { font-size: 14px; width: 100px; height: 35px; padding: 7px 20px; } #dialogBoxCreateGroup .cancelCreate { display: inline-block; margin-right: 25px; text-decoration: none; color: #999; } #dialogBoxCreateGroup .TextBoxNew { padding-left: 10px; border: 1px #efefef solid; border-radius: 3px; flex: 1; } #dialogBoxCreateGroup .mainContent .spaceBetween { justify-content: space-between; } /* group avatar select */ .createGroupAvatarSelect.tip-white { min-width: 400px; } .createGroupAvatarSelect .settingPictureLayerTitle { font-size: 13px; padding: 12px 0 0 15px; color: #999; } .createGroupAvatarSelect .settingPictureLayerImg { padding: 0 0 0 16px; } .createGroupAvatarSelect .settingPictureLayerImg img { float: left; width: 68px; height: 68px; margin: 7px 7px 0 0; } .createGroupAvatarSelect .settingPictureLayerImg img:hover { transition: transform .5s; transform: scale(1.1); } .createGroupAvatarSelect .insertGroupImg { font-size: 13px; line-height: 45px; height: 45px; padding-left: 20px; } /*��ɫ����*/ .tip-white { z-index:1001; text-align:left; border:1px solid #ddd; min-width:50px; max-width:300px; color:#333; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:White; } .tip-white .tip-inner { margin-top:-2px; min-width:50px; } .tip-white .tip-arrow-top { margin-top:-10px; margin-left:-9px; top:0; left:50%; width:18px; height:10px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwBAMAAADh3D01AAAAFVBMVEXZ2dn////Z2dnZ2dnZ2dnq6ur///+KHaQOAAAABXRSTlMAAAzCwzDQ2RMAAADTSURBVDjLzdLBbQQhDIXhP3TgSMmZ0dJAoqSAEFFBWDrg9V9CDmPDStvAzOmTRxgLP4D0lcEAbvd6KjX1jAFlaFYMUpPUs0EZkma1syT14yxJs3KWpM5wTSy+S+itAi+G2XvPoVlD6jk0a0g9h2YN6e8IzY+ln1A/nk6sLrvzum1PsKbak17n/fZW96b39l89ERnzlIB5csA8TWCeMDAo909Opd8MXCwvQGqhMlypyVWGKzW5ynClJlcZoabQ99Jt/d0ndpeHzvu2hwn2VDHpZd7vH+zce9hRu7iTAAAAAElFTkSuQmCC) no-repeat; } .tip-white .tip-arrow-top-side { left:20px!important; } .tip-white .tip-arrow-right { margin-top:-9px; margin-left:-5px; top:50%; left:100%; width:10px; height:18px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwBAMAAADh3D01AAAAFVBMVEXZ2dn////Z2dnZ2dnZ2dnq6ur///+KHaQOAAAABXRSTlMAAAzCwzDQ2RMAAADTSURBVDjLzdLBbQQhDIXhP3TgSMmZ0dJAoqSAEFFBWDrg9V9CDmPDStvAzOmTRxgLP4D0lcEAbvd6KjX1jAFlaFYMUpPUs0EZkma1syT14yxJs3KWpM5wTSy+S+itAi+G2XvPoVlD6jk0a0g9h2YN6e8IzY+ln1A/nk6sLrvzum1PsKbak17n/fZW96b39l89ERnzlIB5csA8TWCeMDAo909Opd8MXCwvQGqhMlypyVWGKzW5ynClJlcZoabQ99Jt/d0ndpeHzvu2hwn2VDHpZd7vH+zce9hRu7iTAAAAAElFTkSuQmCC) no-repeat -70px 0; } .tip-white .tip-arrow-bottom { margin-left: -9px; top: 100%; left:50%; width: 18px; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwBAMAAADh3D01AAAAFVBMVEXZ2dn////Z2dnZ2dnZ2dnq6ur///+KHaQOAAAABXRSTlMAAAzCwzDQ2RMAAADTSURBVDjLzdLBbQQhDIXhP3TgSMmZ0dJAoqSAEFFBWDrg9V9CDmPDStvAzOmTRxgLP4D0lcEAbvd6KjX1jAFlaFYMUpPUs0EZkma1syT14yxJs3KWpM5wTSy+S+itAi+G2XvPoVlD6jk0a0g9h2YN6e8IzY+ln1A/nk6sLrvzum1PsKbak17n/fZW96b39l89ERnzlIB5csA8TWCeMDAo909Opd8MXCwvQGqhMlypyVWGKzW5ynClJlcZoabQ99Jt/d0ndpeHzvu2hwn2VDHpZd7vH+zce9hRu7iTAAAAAElFTkSuQmCC) no-repeat 0px -56px; } .tip-white .tip-arrow-bottom-side { background-image:none!important; } .tip-white .tip-arrow-left { margin-top: -10px; margin-left: -14px; top: 50%; left: 0; width: 15px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwBAMAAADh3D01AAAAFVBMVEXZ2dn////Z2dnZ2dnZ2dnq6ur///+KHaQOAAAABXRSTlMAAAzCwzDQ2RMAAADTSURBVDjLzdLBbQQhDIXhP3TgSMmZ0dJAoqSAEFFBWDrg9V9CDmPDStvAzOmTRxgLP4D0lcEAbvd6KjX1jAFlaFYMUpPUs0EZkma1syT14yxJs3KWpM5wTSy+S+itAi+G2XvPoVlD6jk0a0g9h2YN6e8IzY+ln1A/nk6sLrvzum1PsKbak17n/fZW96b39l89ERnzlIB5csA8TWCeMDAo909Opd8MXCwvQGqhMlypyVWGKzW5ynClJlcZoabQ99Jt/d0ndpeHzvu2hwn2VDHpZd7vH+zce9hRu7iTAAAAAElFTkSuQmCC) no-repeat 0 -80px; } /*��ɫ����*/ .tip-orange { z-index:1001; text-align:left; border:1px solid #ff4900; min-width:50px; max-width:300px; color:#333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:White; } .tip-orange .tip-inner { margin-top:-2px; min-width:100px; } .tip-orange .tip-arrow-top { margin-top:-10px; margin-left:-9px; top:0; left:50%; width:18px; height:10px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwCAYAAAAT8iAGAAACeUlEQVRYw+2YwUtUURjFby2EyLKEEMKVBtYuHMh9WjFu2pjkaMvchTPbaj866T7blvk3CI3ZLiIpd4qbNlGEThIWxMCcvnObGcY3vt5793tBxj0wcHlz7w/ee/d+3zvHmAgha2bklzcaCWASj2dqWMzXOHaFXMWjqSpqNdgfx3ItKeQy7l/bR/UnmuKY17JmMC7kAu5lKtjfQ5t4LX+lwjlRkHOYvvQBe18QKv7HOTI3DHISU+fX8XEbkeIczs2aziCkA2Nda9h8jdji3LEza1zbgBzDzRPP8b6MxOIarhWGwejxIlafwVlcKwwjwyL0KhovL68jLDnF81IS5m19UYKA8lMWq6Vm5XMGUesrLKMv2mpyYhC19Qa40/tOYD06UKNb3B1g6+nTgajKJzbFndgdNhRE/fgGPLj+XWDDOlCj989N8EPitg5E8avk9ydO/h8A8dZKk7y1nO5hP7zBhz3i/rC/fpbXP7QrkIxuQ05f5Ibsd9+Q2295RDZ0R4SHdry7LJBT7of25RLLyLK2jCxIYVtQFzYvL6+j8Skzm4KpKdFmzaZgs0rpGb+mFb11NrkVHe9+1VZJWZ8dzPHpv2fXDwQIDAlCA4Sh6AChBTb4h0gjk2x/pRGytMU+TwrusU8giCr4GuDl5ZVGM2XrYi4g+YAG0mHzAOYCIldIp80BaC3qcoH0WP/PHKBFSSF91vcf0jSTQDLSw3as7z9EcSHD1ufTgoYoDmQCc7nqgeaYFEQbbu04G2KEokAF2wy1oDosZ/295tZaYCPW52seduD171rfrwHVYf3W92s2ZOCIbNgcQANK7dAGysiyzQU0oNQKm5eX13+mXyvAnqE8/D7tAAAAAElFTkSuQmCC) no-repeat; } .tip-orange .tip-arrow-right { margin-top:-9px; margin-left:-5px; top:50%; left:100%; width:10px; height:18px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwCAYAAAAT8iAGAAACeUlEQVRYw+2YwUtUURjFby2EyLKEEMKVBtYuHMh9WjFu2pjkaMvchTPbaj866T7blvk3CI3ZLiIpd4qbNlGEThIWxMCcvnObGcY3vt5793tBxj0wcHlz7w/ee/d+3zvHmAgha2bklzcaCWASj2dqWMzXOHaFXMWjqSpqNdgfx3ItKeQy7l/bR/UnmuKY17JmMC7kAu5lKtjfQ5t4LX+lwjlRkHOYvvQBe18QKv7HOTI3DHISU+fX8XEbkeIczs2aziCkA2Nda9h8jdji3LEza1zbgBzDzRPP8b6MxOIarhWGwejxIlafwVlcKwwjwyL0KhovL68jLDnF81IS5m19UYKA8lMWq6Vm5XMGUesrLKMv2mpyYhC19Qa40/tOYD06UKNb3B1g6+nTgajKJzbFndgdNhRE/fgGPLj+XWDDOlCj989N8EPitg5E8avk9ydO/h8A8dZKk7y1nO5hP7zBhz3i/rC/fpbXP7QrkIxuQ05f5Ibsd9+Q2295RDZ0R4SHdry7LJBT7of25RLLyLK2jCxIYVtQFzYvL6+j8Skzm4KpKdFmzaZgs0rpGb+mFb11NrkVHe9+1VZJWZ8dzPHpv2fXDwQIDAlCA4Sh6AChBTb4h0gjk2x/pRGytMU+TwrusU8giCr4GuDl5ZVGM2XrYi4g+YAG0mHzAOYCIldIp80BaC3qcoH0WP/PHKBFSSF91vcf0jSTQDLSw3as7z9EcSHD1ufTgoYoDmQCc7nqgeaYFEQbbu04G2KEokAF2wy1oDosZ/295tZaYCPW52seduD171rfrwHVYf3W92s2ZOCIbNgcQANK7dAGysiyzQU0oNQKm5eX13+mXyvAnqE8/D7tAAAAAElFTkSuQmCC) no-repeat -70px 0; } .tip-orange .tip-arrow-bottom { margin-left: -9px; top: 100%; left:50%; width: 18px; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwCAYAAAAT8iAGAAACeUlEQVRYw+2YwUtUURjFby2EyLKEEMKVBtYuHMh9WjFu2pjkaMvchTPbaj866T7blvk3CI3ZLiIpd4qbNlGEThIWxMCcvnObGcY3vt5793tBxj0wcHlz7w/ee/d+3zvHmAgha2bklzcaCWASj2dqWMzXOHaFXMWjqSpqNdgfx3ItKeQy7l/bR/UnmuKY17JmMC7kAu5lKtjfQ5t4LX+lwjlRkHOYvvQBe18QKv7HOTI3DHISU+fX8XEbkeIczs2aziCkA2Nda9h8jdji3LEza1zbgBzDzRPP8b6MxOIarhWGwejxIlafwVlcKwwjwyL0KhovL68jLDnF81IS5m19UYKA8lMWq6Vm5XMGUesrLKMv2mpyYhC19Qa40/tOYD06UKNb3B1g6+nTgajKJzbFndgdNhRE/fgGPLj+XWDDOlCj989N8EPitg5E8avk9ydO/h8A8dZKk7y1nO5hP7zBhz3i/rC/fpbXP7QrkIxuQ05f5Ibsd9+Q2295RDZ0R4SHdry7LJBT7of25RLLyLK2jCxIYVtQFzYvL6+j8Skzm4KpKdFmzaZgs0rpGb+mFb11NrkVHe9+1VZJWZ8dzPHpv2fXDwQIDAlCA4Sh6AChBTb4h0gjk2x/pRGytMU+TwrusU8giCr4GuDl5ZVGM2XrYi4g+YAG0mHzAOYCIldIp80BaC3qcoH0WP/PHKBFSSF91vcf0jSTQDLSw3as7z9EcSHD1ufTgoYoDmQCc7nqgeaYFEQbbu04G2KEokAF2wy1oDosZ/295tZaYCPW52seduD171rfrwHVYf3W92s2ZOCIbNgcQANK7dAGysiyzQU0oNQKm5eX13+mXyvAnqE8/D7tAAAAAElFTkSuQmCC) no-repeat 0px -56px; } .tip-orange .tip-arrow-left { margin-top: -10px; margin-left: -14px; top: 50%; left: 0; width: 15px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwCAYAAAAT8iAGAAACeUlEQVRYw+2YwUtUURjFby2EyLKEEMKVBtYuHMh9WjFu2pjkaMvchTPbaj866T7blvk3CI3ZLiIpd4qbNlGEThIWxMCcvnObGcY3vt5793tBxj0wcHlz7w/ee/d+3zvHmAgha2bklzcaCWASj2dqWMzXOHaFXMWjqSpqNdgfx3ItKeQy7l/bR/UnmuKY17JmMC7kAu5lKtjfQ5t4LX+lwjlRkHOYvvQBe18QKv7HOTI3DHISU+fX8XEbkeIczs2aziCkA2Nda9h8jdji3LEza1zbgBzDzRPP8b6MxOIarhWGwejxIlafwVlcKwwjwyL0KhovL68jLDnF81IS5m19UYKA8lMWq6Vm5XMGUesrLKMv2mpyYhC19Qa40/tOYD06UKNb3B1g6+nTgajKJzbFndgdNhRE/fgGPLj+XWDDOlCj989N8EPitg5E8avk9ydO/h8A8dZKk7y1nO5hP7zBhz3i/rC/fpbXP7QrkIxuQ05f5Ibsd9+Q2295RDZ0R4SHdry7LJBT7of25RLLyLK2jCxIYVtQFzYvL6+j8Skzm4KpKdFmzaZgs0rpGb+mFb11NrkVHe9+1VZJWZ8dzPHpv2fXDwQIDAlCA4Sh6AChBTb4h0gjk2x/pRGytMU+TwrusU8giCr4GuDl5ZVGM2XrYi4g+YAG0mHzAOYCIldIp80BaC3qcoH0WP/PHKBFSSF91vcf0jSTQDLSw3as7z9EcSHD1ufTgoYoDmQCc7nqgeaYFEQbbu04G2KEokAF2wy1oDosZ/295tZaYCPW52seduD171rfrwHVYf3W92s2ZOCIbNgcQANK7dAGysiyzQU0oNQKm5eX13+mXyvAnqE8/D7tAAAAAElFTkSuQmCC) no-repeat 0 -80px; } /*��ɫ����*/ .tip-darkgray { z-index:1001; text-align:left; border:1px solid #ddd; min-width:50px; max-width:300px; color:#333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:White; } .tip-darkgray .tip-inner { margin-top:-2px; min-width:50px; } .tip-darkgray .tip-arrow-top { margin-top:-10px; margin-left:-9px; top:0; left:20px; width:18px; height:10px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwBAMAAADh3D01AAAAFVBMVEXZ2dn////Z2dnZ2dnZ2dnq6ur///+KHaQOAAAABXRSTlMAAAzCwzDQ2RMAAADTSURBVDjLzdLBbQQhDIXhP3TgSMmZ0dJAoqSAEFFBWDrg9V9CDmPDStvAzOmTRxgLP4D0lcEAbvd6KjX1jAFlaFYMUpPUs0EZkma1syT14yxJs3KWpM5wTSy+S+itAi+G2XvPoVlD6jk0a0g9h2YN6e8IzY+ln1A/nk6sLrvzum1PsKbak17n/fZW96b39l89ERnzlIB5csA8TWCeMDAo909Opd8MXCwvQGqhMlypyVWGKzW5ynClJlcZoabQ99Jt/d0ndpeHzvu2hwn2VDHpZd7vH+zce9hRu7iTAAAAAElFTkSuQmCC) no-repeat; } .tip-darkgray .tip-arrow-right { margin-top:-9px; margin-left:-5px; top:50%; left:100%; width:10px; height:18px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwBAMAAADh3D01AAAAFVBMVEXZ2dn////Z2dnZ2dnZ2dnq6ur///+KHaQOAAAABXRSTlMAAAzCwzDQ2RMAAADTSURBVDjLzdLBbQQhDIXhP3TgSMmZ0dJAoqSAEFFBWDrg9V9CDmPDStvAzOmTRxgLP4D0lcEAbvd6KjX1jAFlaFYMUpPUs0EZkma1syT14yxJs3KWpM5wTSy+S+itAi+G2XvPoVlD6jk0a0g9h2YN6e8IzY+ln1A/nk6sLrvzum1PsKbak17n/fZW96b39l89ERnzlIB5csA8TWCeMDAo909Opd8MXCwvQGqhMlypyVWGKzW5ynClJlcZoabQ99Jt/d0ndpeHzvu2hwn2VDHpZd7vH+zce9hRu7iTAAAAAElFTkSuQmCC) no-repeat -70px 0; } .tip-darkgray .tip-arrow-bottom { margin-left: -9px; top: 100%; left:20px; width: 18px; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwBAMAAADh3D01AAAAFVBMVEXZ2dn////Z2dnZ2dnZ2dnq6ur///+KHaQOAAAABXRSTlMAAAzCwzDQ2RMAAADTSURBVDjLzdLBbQQhDIXhP3TgSMmZ0dJAoqSAEFFBWDrg9V9CDmPDStvAzOmTRxgLP4D0lcEAbvd6KjX1jAFlaFYMUpPUs0EZkma1syT14yxJs3KWpM5wTSy+S+itAi+G2XvPoVlD6jk0a0g9h2YN6e8IzY+ln1A/nk6sLrvzum1PsKbak17n/fZW96b39l89ERnzlIB5csA8TWCeMDAo909Opd8MXCwvQGqhMlypyVWGKzW5ynClJlcZoabQ99Jt/d0ndpeHzvu2hwn2VDHpZd7vH+zce9hRu7iTAAAAAElFTkSuQmCC) no-repeat 0px -56px; } .tip-darkgray .tip-arrow-left { margin-top: -10px; margin-left: -14px; top: 50%; left: 0; width: 15px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABwBAMAAADh3D01AAAAFVBMVEXZ2dn////Z2dnZ2dnZ2dnq6ur///+KHaQOAAAABXRSTlMAAAzCwzDQ2RMAAADTSURBVDjLzdLBbQQhDIXhP3TgSMmZ0dJAoqSAEFFBWDrg9V9CDmPDStvAzOmTRxgLP4D0lcEAbvd6KjX1jAFlaFYMUpPUs0EZkma1syT14yxJs3KWpM5wTSy+S+itAi+G2XvPoVlD6jk0a0g9h2YN6e8IzY+ln1A/nk6sLrvzum1PsKbak17n/fZW96b39l89ERnzlIB5csA8TWCeMDAo909Opd8MXCwvQGqhMlypyVWGKzW5ynClJlcZoabQ99Jt/d0ndpeHzvu2hwn2VDHpZd7vH+zce9hRu7iTAAAAAElFTkSuQmCC) no-repeat 0 -80px; } .poshytipBGlayer{position: fixed; height: 100%; width: 100%; background: #333; left: 0; right: 0; top: 50px; bottom: 0; z-index: 1001; opacity: 0.4; -webkit-filter: blur(10px) contrast(0.6) brightness(1.4); /*clip: rect(0px 1335px 1000px 0px);*/ } .customSelect { position: relative; display: inline-block; } .customSelect .title { vertical-align: middle; display: flex; flex-direction: row; position: relative; cursor: pointer; box-sizing: border-box; } .customSelect .borderRadius5 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0px 10px 0px 10px; } .customSelect .titleLink { background-color: transparent; } .customSelect .titleBorder { border: 1px #fff solid; padding: 0px 5px 0px 6px; } .customSelect .normalBorder { border: 1px #ccc solid; } .customSelect .hoverBorder { border: 1px #666 solid; } .customSelect .clickBorder { border: 1px #fff solid; } .customSelect .bgImage { display: inline-block; width: 10px; height: 9px; margin-left: 10px; background: url(data:image/gif;base64,R0lGODlhCQAFAIABADMzM////yH5BAEAAAEALAAAAAAJAAUAQAILhH+hAbvYFDQuqQIAOw==) no-repeat right center; } /*排序图标样式*/ .customSelect .bgImageOrderByLink { background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAACXZwQWcAAAAGAAAACQASSeVdAAAAS0lEQVQI1z2LwQ2AIADEuhMfNiCM4kSEGYxhFWULDTvUh2Dv2SsAh00+LqPRLvCYDAazQ4rbXF3XSf1NkWE2GEzeAt1o9FxFcxfgBU2yNfdRSuDrAAAAAElFTkSuQmCC) no-repeat right center; color: transparent !important; } .customSelect .bgImageOrderByClick { background: url(data:image/gif;base64,R0lGODlhBgAJAPABAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAABACwAAAAABgAJAAACDEwAdpjsr9SbjckUCgA7) no-repeat right center; color: transparent !important; } .customSelect .txtBox { text-overflow: ellipsis; flex: 0 1 auto; overflow: hidden; white-space: nowrap; display: block; } .customSelect .csList { padding: 5px 0px; max-height: 300px; overflow-y: auto; overflow-x: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1); position: absolute; left: 0px; z-index: 1; color: #737373; background-color: White; display: none; } .customSelect .csList ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0px 16px; text-align: left; cursor: pointer; } .customSelect .csList ul li.listSpanHover { color: White; background-color: #2d8eed; } .customSelect .csList ul li.topLine { border-top: 1px dotted #ccc; } .customSelect .searchBox { display: flex; border-bottom: 1px solid #ccc; margin-bottom: 5px; } .customSelect .searchIcon { min-width: 36px; width: 36px; height: 36px; background-size: 24px 24px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAxJJREFUaAXtWNtx2kAUNZD/qIOog+AKIldg3IEZ4Du4gqSD5B8Y7A6UChAdKB0oHZACgJxDtJorzTK6K8mRM7M7o9m7q72Pc+6+pJsbXzwDngHPgGfAM+AZ6I+BQRvX2+02PB6P97AR4QkHg8GY9s7ncwo5RZ2MRqMf0+n0wP7XKI0AIPDgdDp9RkBLPEFNYAcAWc7n85eacY1eOwNA8GOwvjVsa70CRIxsIBndZsMJAIMH8zsEXWX9J/piPAcCQrCcThHEj2ybgv4UIO66BPHOGK+rOW1y5mXw++FwuERAqU1/tVpFAPKM5wPfM2u0AfHBNr5J31CrBOaXDMCMB5svs9ksuhY8xy0WCy5i6jBDlwIbk/V6PTHttrUKANgP4eiLcLbHonwU7asipwuyFAHwbzMIIL4ZuW2tAgD2S4whoEcXxwSBoJdCJ+R6Eu3GogoA2IuEhz0CykRbJWK6PcssVElRGbEMUgGAnmQrsdhRdSELqRkIMNKm6XauVQDg+LKL5NYzZy+5AoIuAMBm0NSO1FMBkAqQ2zhuo1sJ429TC6DYBsFiaLWk6ATrhS7sZAqV2iEqABVnn2qtWgbwIER3oSvXg2W4uksFAM5iYxHymCesaWtrHoRyLLbiwqbsd5VVAOgMWSgdRDmjKn/5ns/bqymNtmKjLGsVgOpBxCzgTrPTgGDwYH8Hp5xClwJCStkw/U1qp9voZrNJ4KSYx5AzZOar7a5PcAjc9s3whEPte5NgbTpOAPKgEhgqXZPR5kfL5SsMcgDZXKfRLBe8i7mAkQV+qaXlt+4tJwA0TxCYPrwi3zu6e0LwkdDjJe+uLQjVGpCBcj1gykwQzAOeX/LdFZnfDLecNmRejOEU24GQsehzFp0zUPXAABAIAY0RYMD3kA+QEwQeA3BmdDgW2Uvw7r3pQ90qE60BiEBUYtcg/jkAouwSRC8AugTRG4CuQPQKoAbErdwAONZWnLdRm5E2fTwH8Oei9NGPXYyHXKax23sGTJBmYaMda/94GN03UwNE+GaC8YF4BjwDngHPwH/BwB8vgF0GjlHwmwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: center; } .customSelect #searchList { height: 36px; line-height: 36px; flex: 1; } .attachmentList { display: none; } .attachmentList.show { display: block; } /*图片*/ .uploadPicList img { border-radius: 0% !important; } .uploadPicList { margin-left: 10px; min-height: 2px; padding: 0px; } .uploadPicList .progressImg { margin: auto; width: 100%; height: 100%; background: white; } .uploadPicList .progressImg .progressPanel { width: 119px; } .uploadPicList .picItem { position: relative; margin: 0px; margin-right: 8px; margin-top: 8px; width: 119px; height: 83px; padding: 0px; float: left; border: 1px solid #aaa; flex: 1; -ms-flex: 1; } .uploadPicList .picItem .uploadThumbPic { max-height: 83px; max-width: 120px; border: 0px; min-width: 119px; } .uploadPicList .picItem .picDelete { position: absolute; right: 0px; top: 0px; background-color: white; text-decoration: none; font-size: 16px; line-height: 15px; height: 16px; font-weight: bold; } .uploadPicList .picItem .picContainer { height: 100%; text-align: center; overflow: hidden; border: 0px; } .uploadPicList .picItem img { vertical-align: middle; } .uploadPicList .picItem .nullImage { width: 0px; height: 100%; } /*上传插件 图片进度条样式*/ .progressImg { color: #aaa; text-align: center; } .progressImg .titleLimitWidth { max-width: 230px; width: expression((this.width>230) ? '230px': this.width); line-height: 24px; } .progressImg .progressPanel { height: 81px; width: 119px; } .progressImg .progressPanel .progressbar { background-color: #ddd; height: 83px; width: 1px; position: absolute; top: 0px; } .imgCancel { top: -58px; position: relative; } .imgQueuing { width: 40px; height: 20px; margin: 23px 0 0 40px; z-index: 1; line-height: 20px; position: absolute; } /*文档*/ .uploadDocList { display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-left: 10px; } .uploadDocList .progress { margin: 10px 0; height: 45px; background: white; width: 260px; min-width: 230px; } .uploadDocList .progress .progressPanel { width: 110px; } .uploadDocList .progress .fileIcon { height: 40px; width: 35px; margin: 2px 5px 3px 5px; } .uploadDocList .docItem { position: relative; float: left; } .uploadDocList .docItem .docVersionChoose { line-height: 18px; margin-top: 10px; } .uploadDocList .docMessage { width: 190px; } .uploadDocList .docItem .eidtFileNameContainer { line-height: 22px; } .uploadDocList .docItem .editFileNameBox { height: 20px; font-size: 12px; line-height: 18px; float: left; width: 100px; border: 1px solid #d5d5d5; background-color: #fff; padding-left: 5px; } .uploadDocList .docItem .docVersionChoose { margin-bottom: 10px; } .uploadDocTag { position: absolute; left: 3px; top: 39px; display: inline-block; background-repeat: no-repeat; background-position: center center; width: 16px; height: 16px; } .uploadDocTag.uploadSuc { background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAQABADAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQIE/8QAIhAAAgIBBQACAwAAAAAAAAAAAQIDBAUABhESIRMjFFFh/8QAGQEAAgMBAAAAAAAAAAAAAAAAAwQBAgYH/8QAIhEAAgEEAQQDAAAAAAAAAAAAAQIDABESIYExQXHBUWKR/9oADAMBAAIRAxEAPwAVESwi2LCiaeYB5ZXAZmZhyWYn0knWCdySd1yqWVy52etNZbb9bC7ex+T7mDM3O9qvEgCmKug+qXsOGDO4JX+aZaMxqrEnJt8U4Y2iSNixzc3t9ex5q9t7hxOKgbFZ7Gw26hZfyY3Pw24ZEAU9JPGHHHqHw6mKQISrpkt+f2rQyCNmSSPNC3hh4Pqsu5s8+48tasR8NJa+qnUjIYqgHSKJFX9DgeaHK7SyZW6nXqhTPJPPlidkWHwOwr//2Q==); margin-top: -3px; margin-left: -3px; } .uploadDocTag.uploadFail { background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAQABADAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMG/8QAIRAAAgIBBAIDAAAAAAAAAAAAAQIDBAUAERIhIjEUFST/xAAYAQACAwAAAAAAAAAAAAAAAAAAAQIGB//EACERAAIBAwMFAAAAAAAAAAAAAAECAAMRQQQSEyEiUWGB/9oADAMBAAIRAxEAPwDPYPHxZnM4utcJZ8pbrQ2bJAaU/JmRHfdw27eZPeq4g3OAcmbHqX4aDMoHYhIGOgjN4+LDZjKVqZKyYu3ZhrWQAsv5pnRH3ULs3gD1ocbXIGDHpn56CswHegJGOoksfbGMu02mlerZoTQvIF4CeJ4HVjxSTx5oV6Ddb+9Jbq1/BkqoFWkQLMGX4bj1iMhb+zu3Ghle1ZvzTPGG4GeV53ZgWSPdebluwvW/rQ12a/kwpAUqQBsoVfgsPeJ//9k=); margin-top: -3px; margin-left: -3px; } .schedule { width: 100%; height: 100%; } .speedProgress { float: left; margin-left: 5px; } /*上传插件 文件进度条样式*/ .progress { color: #aaa; text-align: center; } .progress .titleLimitWidth { max-width: 120px; width: expression((this.width>120) ? '120px': this.width); line-height: 24px; } .progress .progressPanel { height: 5px; width: 200px; background-color: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .progress .progressPanel .progressbar { background-color: #ddd; height: 5px; width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*上传时回复附件*/ .commentAttachment { background-color: White; margin-top: 10px; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; } .commentAttachment .commentArrowTop { display: inline-block; width: 0px; height: 0px; border-width: 7px; border-style: solid; border-color: transparent transparent white transparent; margin-top: -14px; margin-left: 40px; position: absolute; } /*.commentAttachment .docItem{width:230px;}*/ .commentAttachment .docItem .docMessage { width: 185px; } .commentAttachment .docItem .editFileNameBox { width: 93px; } .commentAttachment .docItem .titleLimitWidth { max-width: 105px; width: expression((this.width>110) ? '110px': this.width); line-height: 24px; } .commentAttachment .docItem .progressPanel { width: 100px; } .commentAttachment .picItem { margin: 7px 7px 7px 0px; } #uploadStorageOverDialog .uploadStorageOverLogo { background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAbACIDAREAAhEBAxEB/8QAHAAAAwABBQAAAAAAAAAAAAAABAYHAAECAwUI/8QAMhAAAQMDAgIIAwkAAAAAAAAAAQIDBAAFERITIUEUIiMxNFFhcQYVwTJSU2Jyg5GU8P/EABsBAAEFAQEAAAAAAAAAAAAAAAYCAwQFBwEA/8QAMhEAAQMCAwYBDAMAAAAAAAAAAQACAwQREjFBBRMhIjJRYTNCUnGBgpGSorHS8HKD4f/aAAwDAQACEQMRAD8A9SyH247Dj7hw20krUfRIyaRLIGNLjkBdKYwucGjMqZ3a+T7k+pbrhSzns2EnCUj6n1rPK3aMtQ67jy6DRF9NRsiFgOPdaWu9z7c8lbLhLYPXZUSUKHt9a5R18sDrtPDtoV2opGSixHHuqZEktyozUhv7DqQtPsRmtChlEjA8ZOF0ISRlji05hctOpCmd+vkq4y3O0IipUQ00DhOkdxI5k1nu0doPneePJoEXUdG2Jo4c2pRvwhEtLs1CpToXKyejxdKiMpGrUo409w4DNS9hwQOkBebv81tj8TomNpyytYcI5dSi/iCxw5d0cRbnEolp68xlQUlCQQFbmvGkd/HjUnaez45ZiIiA/Nw4gDxvayYoqx7IwZBy+adfVbNbrGGbdJQlq8IcQpWlyOpC0sq/S4ernypWz8MDwGzAjVtjh9jsrrlXeVpvGR43F/hmnKixUCml+sUu3S3OzUqKpRLToGU6T3AnkRWe7R2c+B54cmhRdR1jZWjjzahB26e9b5rctkJU41nSFglPWSUnOCPOotLUugkEjbXHf1WUieESsLTkUxRZonwnpkkJbMmaw3O0ZSkMJQAMkkkAqHHjV7DUb6N0j7DHKwPt6NvtdVUkW7eGN44WOLf5XXcKSm8JwRsWJjy6m9o58tLacVakCqHo0zfZit9mhQAdx4zH6f8AUsdMuf4jnh9HPwn3/f1oe383c9Fv6+6uN1H2HV9XZUSjtCqyvLyEu2PlsjVtadBz0jO3j82nj/FRa3yLr4cvOy9qfpvKDPPTNK52vlyM9L2dKdO/udB5eXa7flmh04d0PKYbDqxbr8sPa6uBfeHov4Wx/jdMv9bwv+/aog+To/fcVT83V++8v//Z) no-repeat; width: 34px; height: 27px; } #uploadStorageOverDialog .uploadStorageOverTxt { font-size: 16px; font-family: 'Microsoft Yahei'; margin-left: 20px; } #uploadStorageOverDialog .uploadStorageOverBtn { font-size: 14px; padding: 7px 12px; } .editUpdaterDialog .mui-dialog-body { overflow: visible !important; } .editUpdaterDialog .kcFileList .kcDocItem { width: 260px; overflow: hidden; display: inline-block; } .editUpdaterDialog .kcFileList .kcDocItem .nodeIconContainer { background-color: #eee; margin-right: 5px; width: 45px; height: 45px; } .editUpdaterDialog .kcDocItem .nodeIconContainer img { width: 100%; height: 100%; } .editUpdaterDialog .kcFileList { display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-left: 10px; margin-top: 10px; } .editUpdaterDialog .kcFileList .docItem { position: relative; float: left; } .editUpdaterDialog .kcFileList .docMessage { width: 190px; } .editUpdaterDialog .kcFileList .docMessage .shareUrl { width: 190px; } .editUpdaterDialog .kcFileList .nodeIcon { height: 24px; width: 21px; margin: 10px 12px 9px 12px; } .editUpdaterDialog .updaterAttachmentSplitter { border: none; padding: 0; margin: 10px 0 0px; border-top: 1px solid; } .updaterDialog_Main .attachmentPrograss { width: 100px; background-color: #f0f0f0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: 5px; margin-top: 7px; margin-right: 7px; } .updaterDialog_Main .attachmentPrograss .currentPrograss { background-color: #ddd; width: 0; height: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .uploadAttaachmentsContainer .updaterDialog_Main { border-right: 0px; zoom: 1; background-color: #fafafa; border: 1px solid #f0f0f0; } .uploadAttaachmentsContainer .updaterDialog_Main .updaterAttachmentSplitter { border: none; padding: 0; margin: 12px 0 2px; border-top: 1px solid; } .uploadAttaachmentsContainer .updaterDialog_Main .uploadAttachmentLink { color: #aaa; cursor: pointer; margin-left: 0px; margin-right: 20px; display: inline-block; } .uploadAttaachmentsContainer .updaterDialog_Main .uploadAttachmentLink .icon-home-knowledge { display: inline-block; margin-top: -2px; font-size: 16px; } .uploadAttaachmentsContainer .updaterDialog_Main .uploadAttachmentLink .icon-localUpload { display: inline-block; margin-top: -2px; font-size: 16px; width: 15px; } .uploadAttaachmentsContainer .arrowUpInner { width: 0px; height: 0px; border: 9px solid; border-color: transparent transparent #f8f8f8 transparent; position: absolute; top: -8px; left: -9px; } .uploadAttaachmentsContainer .arrowUpOuter { width: 0px; height: 0px; margin-bottom: -1px; border-width: 10px 9px; border-style: solid; border-color: #fff #fff #cfcfcf #fff; position: relative; border-top-width: 0px; } .uploadAttaachmentsContainer .kcAttachmentList { margin-top: 10px; } .uploadAttaachmentsContainer .docItem .fileIcon { height: 40px; width: 35px; margin: 2px 5px 3px 5px; } .uploadAttaachmentsContainer .kcDocItem { width: 260px; overflow: hidden; display: inline-block; } .uploadAttaachmentsContainer .kcDocItem .nodeIconContainer { background-color: #eee; margin-right: 5px; width: 45px; height: 45px; } .uploadAttaachmentsContainer .kcDocItem .nodeIcon { height: 24px; width: 21px; margin: 10px 12px 9px 12px; } .uploadAttaachmentsContainer .kcDocItem .nodeImg img { width: 100%; height: 100%; } .uploadAttaachmentsContainer .kcDocItem .shareUrl { max-width: 200px; } .uploadAttaachmentsContainer .addAttachmentToKc { margin-left: 7px; } .uploadAttaachmentsContainer .updaterAttachmentSplitter { border: none; padding: 0; margin: 12px 0 2px; border-top: 1px solid; } .dialogSelectMapGroupDepart { padding: 15px 0 0; } .dialogSelectMapGroupDepart .searchContainer { width: 100%; border: 1px solid #ddd; color: #eee; } .dialogSelectMapGroupDepart .txtSearch { border: 0; display: block; float: left; width: 305px; height: 26px; line-height: 26px; color: #696969; padding-left: 7px; } .dialogSelectMapGroupDepart .searchImage { background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAAAAABzpdGLAAAAgklEQVQY03XQ0QqAMAgF0P7/10QiQsYYMkZEjBjRY0TUYjmqlU9yQNFb7UVVP7R5BajHGy0E5GwLes1EGM7WoxbyMKWJMTWRSMnixlyEnRC3Qq4gRXmQLwrgk3R5/c44nPf2CFZoY6iNriEW5x9nR8QzJ3u8baPZVxLR6B2OU+tXXgc7WzVin0frlQAAAABJRU5ErkJggg==) no-repeat scroll center center #ffffff; float: left; height: 28px; width: 32px; text-align: center; cursor: pointer; } .dialogSelectMapGroupDepart .searchImage .lineSpan { border-left: 1px solid #ebebeb; height: 20px; line-height: 18px; width: 100%; text-align: center; margin: 4px auto; display: inline-block; } .dialogSelectMapGroupDepart .mappingList { margin-top: 15px; } .dialogSelectMapGroupDepart .title { height: 30px; line-height: 30px; border-bottom: 1px solid #ddd; } .dialogSelectMapGroupDepart .title .titleItem { width: 50%; float: left; height: 30px; } .dialogSelectMapGroupDepart .title .titleItem .sortItem { width: 10px; display: inline-block; margin-bottom: -7px; cursor: pointer; float: right; margin-top: -6px; } .dialogSelectMapGroupDepart .title .sortItem .icon-arrow-up { position: relative; top: 9px; } .dialogSelectMapGroupDepart .contentBox { height: 150px; overflow: auto; margin: 5px 0px; } .dialogSelectMapGroupDepart .contentBox .contentItem { height: 30px; line-height: 30px; overflow: hidden; } .dialogSelectMapGroupDepart .contentBox .contentItem:hover { background-color: #f5f7fa; } .dialogSelectMapGroupDepart .contentBox .isSelected { background-color: #ebebeb; } .dialogSelectMapGroupDepart .contentBox .contentColumn { width: 50%; float: left; border: 0px solid #000; } .dialogSelectMapGroupDepart .mapBottom { border-top: 1px solid #ddd; padding-top: 15px; } .dialogSelectMapGroupDepart .mapBottom .selectedDept { color: #ccc; float: right; } .dialogSelectMapGroupDepart .mapBottom .mapDept { height: 35px; } .dialogSelectMapGroupDepart .mapBottom .mapDept .showInput { margin-top: 5px; display: inline-block; cursor: pointer; float: left; } .dialogSelectMapGroupDepart .mapBottom .txtNewDeptName { color: #696969; width: 255px; height: 24px; line-height: 24px; float: left; padding-left: 7px; border: 1px solid #ddd; } .dialogSelectMapGroupDepart .mapBottom .btnCreateDept { height: 27px; width: 65px; float: right; } .dialogSelectMapGroupDepart .mapBottom .btnConfirm { height: 27px; width: 65px; float: right; } /* moz hack */ @-moz-document url-prefix() { .dialogSelectMapGroupDepart input[type='radio'] { vertical-align: -1px; } } .commentBox { font-size: 13px; border: 1px solid #ccc; background: #fff; border-radius: 3px; } .commentBox.autoHeight { box-shadow: 0 0 5px currentColor; } .commentBox .commentAttachmentsBox { padding: 0 5px; margin-bottom: 5px; } .commentBox .txtComment { transition: height 0.2s ease-in-out; width: 100%; resize: none; border: 0; padding: 8px 4px 6px 10px; box-sizing: border-box; background-color: transparent; color: #333; } .commentBox .commentActionsBox { display: flex; margin: 0 5px; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #ccc; } .commentBox .commentIconBtn { font-size: 16px; margin-left: 10px; line-height: 32px; color: #aaa; } .commentBox .hoverRelayBtn { cursor: pointer; } .commentBox .hoverRelayBtn:not(:hover) { color: #ccc !important; } .commentBox .commentAttachBtn { color: #aaa; } .commentBox .commentActionsBox > .ming.Checkbox { display: inline-block; margin-left: 10px; vertical-align: top; margin-top: 7px; } .commentBox .commentSelectGroup { line-height: 32px; } .commentBox .commentSubmit { height: 32px; line-height: 32px; min-height: 32px; min-width: 80px; padding: 0; } .commentBox .uploadAttaachmentsContainer { margin: 0 5px; } .commentBox .UploadFiles-wrapper { padding-top: 0 !important; } .commentBox .UploadFiles-wrapper .UploadFiles-arrow { top: -16px; } .commentList .singleTalk { position: relative; padding: 0 12px 0 30px; } .commentList .singleTalk .userAvarar { position: absolute; top: 13px; left: 0; width: 24px; height: 24px; vertical-align: top; } .commentList .singleTalk .talkDiscussion { display: inline-block; width: 100%; margin-left: 5px; padding-top: 15px; border-bottom: 1px #eee solid; } .commentList .singleTalk .talkDiscussion .commentLocation { text-decoration: none; } .commentList .singleTalk .talkDiscussion .commentLocation .icon { margin: 0 2px; font-size: 16px; color: #9f9f9f; } .commentList .singleTalk .talkDiscussion:hover .Right a { display: inline-block; } .commentList .singleTalk .talkDiscussion:hover .Right .commentDate { display: none; } .commentList .singleTalk .talkDiscussion .singleTop { width: 100%; color: #757575; } .commentList .singleTalk .talkDiscussion .singleTop .userName { font-weight: bold; } .commentList .singleTalk .talkDiscussion .singleTop .userName:not(:hover) { color: #333 !important; } .commentList .singleTalk .talkDiscussion .singleTop .Right { user-select: none; } .commentList .singleTalk .talkDiscussion .singleTop .Right a { text-decoration: none; } .commentList .singleTalk .talkDiscussion .singleTop .Right a:not(:hover), .commentList .singleTalk .talkDiscussion .singleTop .Right .commentDate:not(:hover) { color: #aaa !important; } .commentList .singleTalk .talkDiscussion .singleTop .msgTip:not(:hover) { color: #aaa !important; } .commentList .singleTalk .talkDiscussion .singeText { font-size: 13px; margin-top: 10px; padding-bottom: 15px; word-wrap: break-word; clear: both; } .commentList .singleTalk .talkDiscussion .singeText a { text-decoration: none; } /** * component FormGroup * prefix: .mui-formgroup */ .mui-formgroup { display: block; font-size: 14px; } .mui-formgroup h3, .mui-formgroup h4 { margin: 0; margin-bottom: 10px; font-size: 14px; line-height: 36px; color: #333; font-weight: normal; } .mui-formgroup section { margin-bottom: 16px; border-bottom: solid 1px #ccc; position: relative; } .mui-formgroup section:last-child { border-bottom: none; } .mui-formgroup section h4 { font-size: 13px; } .mui-formgroup section .delete { padding: 8px 12px; font-size: 14px; line-height: 20px; color: #bdbdbd; position: absolute; top: 0; right: 0; cursor: pointer; user-select: none; } .mui-formgroup section .delete > .Icon { display: inline-block; width: 20px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; vertical-align: middle; } .mui-formgroup section .delete > span { display: inline-block; vertical-align: middle; } .mui-formgroup .mui-formgroup-add { margin-bottom: 16px; text-align: center; } .mui-formgroup .mui-formgroup-add > div { display: inline-block; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #333; cursor: pointer; user-select: none; } .mui-formgroup .mui-formgroup-statistics table { width: 100%; border-collapse: collapse; } .mui-formgroup .mui-formgroup-statistics table th { font-weight: normal; } .mui-formgroup .mui-formgroup-statistics table th, .mui-formgroup .mui-formgroup-statistics table td { border: solid 1px #ccc; font-size: 13px; line-height: 16px; padding: 6px 10px; word-break: break-all; } .mui-formgroup .mui-formgroup-statistics table td:first-child { width: 30%; } /** * component: Attachment * prefix: .mui-attachment */ .mui-relateSheet { display: inline-block; font-size: 13px; min-height: 36px; width: 100%; } .mui-relateSheet .mui-sheetList { margin-top: 6px; list-style-type: none; padding: 0; } .mui-relateSheet .mui-sheetList > .relateRecordItem { display: flex; border-radius: 3px; margin-bottom: 10px; position: relative; background: #f0f0f0; padding-left: 10px; } .mui-relateSheet .mui-sheetList > .relateRecordItem:after { content: ""; display: block; height: 0; clear: both; } .mui-relateSheet .mui-sheetList > .relateRecordItem:last-child { margin-bottom: 6px; } .mui-relateSheet .mui-sheetList > .relateRecordItem > .type-icon { width: 18px; height: 20px; padding: 8px 9px; } .mui-relateSheet .mui-sheetList > .relateRecordItem > .type-icon > i { display: block; width: 18px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; color: #9e9e9e; } .mui-relateSheet .mui-sheetList > .relateRecordItem > a { flex: 1; display: flex; box-sizing: border-box; height: 36px; padding: 8px 11px; padding-left: 0; font-size: 14px; line-height: 20px; text-decoration: none; color: #333; overflow: hidden; } .mui-relateSheet .mui-sheetList > .relateRecordItem > a > span { display: block; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-relateSheet .mui-sheetList > .relateRecordItem > a > span.link-name { flex: 1; } .mui-relateSheet .mui-sheetList > .relateRecordItem > a > span.text-a, .mui-relateSheet .mui-sheetList > .relateRecordItem > a > span.text-b { max-width: 40%; padding-left: 16px; box-sizing: border-box; color: #333 !important; } .mui-relateSheet .mui-sheetList > .relateRecordItem > .user-img { width: 24px; height: 24px; padding: 6px; float: right; } .mui-relateSheet .mui-sheetList > .relateRecordItem > .user-img img { display: block; width: 24px; height: 24px; border-radius: 50%; } .mui-relateSheet .mui-sheetList > .relateRecordItem > .Icon { width: 20px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; color: #8f9093; position: absolute; top: -10px; right: -10px; cursor: pointer; display: none; } .mui-relateSheet .mui-sheetList > .relateRecordItem:hover > .Icon { display: block; } .mui-relateSheet .mui-addRecord { display: block; width: 100%; text-align: left; border: none; background-color: #fff; font-size: 13px; line-height: 20px; padding: 8px 12px 7px; padding-left: 0; color: #888; cursor: pointer; outline: none; box-sizing: border-box; } .mui-relateSheet .mui-addRecord > .Icon { display: inline-block; width: 20px; height: 20px; margin-right: 4px; text-align: center; font-size: 14px; line-height: 18px; vertical-align: middle; } .mui-relateSheet .mui-addRecord > span { display: inline-block; vertical-align: middle; } .mui-relateSheet .relateRecord { position: fixed; height: 290px; background: #fff; z-index: 14; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15); width: 480px; box-sizing: border-box; } .mui-relateSheet .relateRecord .close { top: 5px; right: 5px; } .mui-relateSheet .relateRecord .relateSearchInput { margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #ddd; height: 45px; width: 440px; line-height: 45px; box-sizing: border-box; margin-bottom: 6px; } .mui-relateSheet .relateRecord .relateSearchInput input { border: 0; width: 368px; } .mui-relateSheet .relateRecord .noneContent { width: 480px; height: 197px; padding-top: 61px; box-sizing: border-box; } .mui-relateSheet .relateRecord .noneContent .icon { color: #e0e0e0; } .mui-relateSheet .relateRecord .recordList { width: 480px; height: 197px; } .mui-relateSheet .relateRecord .recordList .recordItem { height: 42px; line-height: 42px; width: 100%; padding-left: 20px; box-sizing: border-box; } .mui-relateSheet .relateRecord .recordList .recordItem:hover { color: #fff !important; } .mui-relateSheet .relateRecord .recordList .recordItem:hover .Icon { color: #fff !important; } .mui-relateSheet .relateRecord .recordList .recordItem .recordName { display: inline-block; max-width: 430px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mui-relateSheet .relateRecord .newRecord { height: 40px; line-height: 40px; margin-left: 20px; margin-right: 20px; border-top: 1px solid #ddd; width: 440px; box-sizing: border-box; } .workSheetRecordInfo .ck-sticky-panel__content_sticky { top: 55px !important; } .workSheetRecordInfo .recordInfoCon { width: 100%; height: 100%; overflow: hidden; background-color: #fafafa; border-radius: 3px; font-size: 13px; } .workSheetRecordInfo .recordInfoCon .recordHeader { padding: 0 16px 0 24px; box-sizing: border-box; position: relative; z-index: 3; height: 56px; line-height: 56px; background-color: #fff; border-bottom: 1px solid #ddd; } .workSheetRecordInfo .recordInfoCon .recordHeader .prevRecordBtn, .workSheetRecordInfo .recordInfoCon .recordHeader .nextRecordBtn { cursor: pointer; font-size: 18px; color: #9e9e9e; margin-right: 6px; } .workSheetRecordInfo .recordInfoCon .recordHeader .prevRecordBtn.disable, .workSheetRecordInfo .recordInfoCon .recordHeader .nextRecordBtn.disable { color: #e0e0e0; } .workSheetRecordInfo .recordInfoCon .recordHeader .refreshBtn.disable { color: #e0e0e0 !important; cursor: default; } .workSheetRecordInfo .recordInfoCon .recordHeader .refreshBtn.isLoading .icon { display: inline-block; animation: rotate 0.6s infinite linear; } .workSheetRecordInfo .recordInfoCon .recordHeader .customButtons { display: inline-block; line-height: 1; margin: 10px 0px 0px 20px; } .workSheetRecordInfo .recordInfoCon .recordHeader .shareBtn { line-height: 1em; margin: 14px 0; } .workSheetRecordInfo .recordInfoCon .recordHeader .shareText { font-size: 13px; margin-left: 2px; } .workSheetRecordInfo .recordInfoCon .recordBody { position: relative; background: #fff; overflow: hidden; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm { min-width: 400px; position: relative; overflow: hidden; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .isSplit { height: 100%; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .isSplit .topCon, .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .isSplit .relateRecordBlockCon { overflow-y: auto; overflow-x: hidden; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .isSplit .topCon { padding-bottom: 32px; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader { padding: 0 24px; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .worksheetName { cursor: pointer; padding: 4px 8px; text-decoration: none; background: #f5f5f5; font-size: 13px; border-radius: 3px; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .worksheetName:hover { background: #f0f0f0; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .lastLog { position: relative; margin: 2px 20px; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .owner { position: relative; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .owner::before { content: ' '; position: absolute; left: -10px; top: 2px; bottom: 2px; width: 1px; background-color: #ddd; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .owner.noBorder::before { display: none; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .owner .ownerBlock { height: 24px; display: inline-block; border-radius: 24px; padding-right: 6px; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .owner .ownerBlock:not(.disabled):hover { background-color: #f5f5f5; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .owner .ownerBlock.disabled .icon-arrow-down { display: none; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .recordTitle { font-weight: 500 !important; margin: 12px 0 16px; line-height: 1.3em; vertical-align: middle; font-size: 24px; color: #333; white-space: pre-wrap; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .recordTitle .maskHoverTheme { cursor: pointer; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .recordTitle .maskHoverTheme:hover { color: #1d5786 !important; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormHeader .recordTitle .maskHoverTheme:hover i { color: #9e9e9e !important; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .recordInfoFormContent { padding: 0 24px; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .abnormalCon { width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 14px; color: #777; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoForm .abnormalCon .statusIcon { font-size: 84px; color: #e0e0e0; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo { min-width: 425px; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo:not(.flex) { width: 500px; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo .discussLogFile { width: 100%; position: relative; background: #fafafa; border-color: #ddd !important; font-size: 13px; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo .discussLogFile .header { height: 56px; padding: 2px 24px; border-color: #eaeaea !important; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo .discussLogFile .header > .talk { position: relative; line-height: 50px; padding: 0 14px; font-size: 14px !important; font-weight: 500; max-width: 25%; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo .discussLogFile .header > .talk.tab0, .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo .discussLogFile .header > .talk.tab-1 { padding-right: 15px; max-width: 25%; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo .discussLogFile .header > .talk.tab0:after, .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo .discussLogFile .header > .talk.tab-1:after { content: ' '; position: absolute; right: 0; top: 18px; width: 1px; height: 16px; background-color: rgba(0, 0, 0, 0.12); } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo .discussLogFile .header > .talk.tabsNum1:after { content: none !important; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo .discussLogFile .header > .talk:first-child { padding-left: 0px; } .workSheetRecordInfo .recordInfoCon .recordBody .recordInfoInfo .discussLogFile .WorkSheetCommentList { padding-left: 24px !important; padding-right: 24px !important; } .workSheetRecordInfo .recordInfoCon .relateRecordTable .worksheetTable { border-top: 1px solid rgba(0, 0, 0, 0.09); } .workSheetRecordInfo .recordInfoCon .relateRecordTable .worksheetTable .mdTable { background-color: transparent !important; } .workSheetRecordInfo .mui-dialog-header { display: none; } .workSheetRecordInfo .mui-dialog-body { padding: 0 !important; } .relateRecordBlock .searchIcon { position: relative; right: 10px; z-index: 2; } .relateRecordBlock .searchIcon .icon-search { position: relative; margin: 5px 0 0; } .relateRecordBlock .searchIcon .searchInput { font-size: 0px; overflow: hidden; background: #eaeaea; height: 28px; border-radius: 28px; } .relateRecordBlock .searchIcon .searchInput input { width: 150px; margin-left: 30px; padding-left: 0px; height: 28px; line-height: 28px; font-size: 12px; border: none; background: transparent; } .relateRecordBlock .searchIcon .clearKeywords { cursor: pointer; margin: 5px; position: absolute; right: 0px; } .recordCustomButton.ming.Button { position: relative; overflow: hidden; font-weight: 500; padding: 0 16px !important; height: 34px !important; min-width: 72px; line-height: 32px !important; color: #2196f3; border-color: #2196f3; transition: none; vertical-align: middle; display: inline-block; } .recordCustomButton.ming.Button .content { position: relative; z-index: 2; display: flex; } .recordCustomButton.ming.Button .content i { line-height: 32px; width: 20px; } .recordCustomButton.ming.Button .content span { flex: 1; display: inline; line-height: 32px; text-align: left; } .recordCustomButton.ming.Button .icon { font-size: 18px; margin-right: 4px; } .recordCustomButton.ming.Button:not(:disabled):hover::before { content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.1); } .recordCustomButton.ming.Button.Button--disabled { color: rgba(117, 117, 117, 0.5) !important; background-color: #eaeaea !important; border-color: #eaeaea !important; } .customButtonConfirm .mui-dialog-default-title { line-height: 1.3em; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .DropdownPrintTrigger { width: 280px; background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 4px 16px #0000003d; border-radius: 3px; padding: 6px 0; } .DropdownPrintTrigger .tempList { max-height: 300px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; overflow: auto; } .DropdownPrintTrigger .tempList .ming.Item .Item-content .detail { position: absolute; right: 16px; color: #9e9e9e; font-size: 12px; } .DropdownPrintTrigger .tempList .ming.Item .Item-content .templateName { display: inline-block; max-width: 142px; } .DropdownPrintTrigger .tempList .ming.Item .Item-content .Icon { left: 16px; } .DropdownPrintTrigger .tempList .ming.Item .Item-content { padding-left: 44px; } .DropdownPrintTrigger .tempList .ming.Item .Item-content:hover .detail { color: #fff; } .DropdownPrintTrigger .tempList.noDefaultPrint { padding-bottom: 0; border-bottom: 0px; } .DropdownPrintTrigger .defaultPrint { padding-top: 2px; } .mdModalWrap { white-space: nowrap; } .mdModal { padding: 0px !important; white-space: initial; } .mdModal .ant-modal-close-x { color: #9e9e9e; width: auto; height: auto; line-height: 1em; } .mdModal .ant-modal-close-x:hover .icon { color: #2196f3 !important; } .mdModal .ant-modal-header { line-height: 1em; padding: 20px 24px 0; border: none; border-radius: 3px 3px 0 0; } .mdModal .ant-modal-header .ant-modal-title { color: #333; font-weight: 400; font-size: 17px; } .mdModal .ant-modal-content { border-radius: 3px; overflow: hidden; } .mdModal .ant-modal-footer { border: none; padding: 10px 24px 20px; } .mdModal .ant-modal-content { display: flex; flex-direction: column; height: 100%; } .mdModal .ant-modal-content .ant-modal-body { overflow-y: auto; overflow-x: hidden; flex: 1; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @-webkit-keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #1890ff; } .ant-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; -webkit-animation: antCheckboxEffect 0.36s ease-in-out; animation: antCheckboxEffect 0.36s ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; content: ''; } .ant-checkbox:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox::after { visibility: visible; } .ant-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-checkbox-checked .ant-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-checkbox-checked .ant-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-checkbox-disabled { cursor: not-allowed; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); -webkit-animation-name: none; animation-name: none; } .ant-checkbox-disabled .ant-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-checkbox-disabled .ant-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-checkbox-disabled .ant-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; -webkit-animation-name: none; animation-name: none; } .ant-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-checkbox-disabled:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { visibility: hidden; } .ant-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\A0'; } .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 8px; } .ant-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-checkbox-group-item { margin-right: 8px; } .ant-checkbox-group-item:last-child { margin-right: 0; } .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 0; } .ant-checkbox-indeterminate .ant-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-checkbox-indeterminate .ant-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-checkbox-rtl { direction: rtl; } .ant-checkbox-group-rtl .ant-checkbox-group-item { margin-right: 0; margin-left: 8px; } .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child { margin-left: 0 !important; } .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 8px; } .validityDateConfig .dateSelect { width: 220px; } .validityDateConfig .dateSelect.ant-select:not(.ant-select-disabled):hover .ant-select-selector, .validityDateConfig .dateSelect.ant-select-focused:not(.ant-select-disabled).ant-select-single:not(.ant-select-customize-input) .ant-select-selector { border-color: #2196F3 !important; } .validityDateConfig .dateSelect .ant-select-selector { border-radius: 4px !important; box-shadow: none !important; } .validityDateConfig .dateSelect .ant-select-clear { width: 20px; height: 20px; margin-top: -10px; } .validityDateConfig .dateSelect .ant-select-arrow { width: auto; height: auto; top: 40%; } .validityDateConfig .dateSelect.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .validityDateConfig .dateSelect .ant-select-selection-placeholder { opacity: 1; font-size: 13px; display: flex; align-items: center; } .validityDateConfig .dateSelect.ant-select-single.ant-select-open .ant-select-selection-item { color: inherit; } .validityDateConfig .ant-picker { width: 220px; } .validityDateConfig .ant-input, .validityDateConfig .ant-picker { font-size: 13px; border-radius: 3px; } .validityDateConfig .ant-input:focus, .validityDateConfig .ant-picker:focus, .validityDateConfig .ant-input.ant-input-focused, .validityDateConfig .ant-picker.ant-input-focused, .validityDateConfig .ant-input.ant-picker-focused, .validityDateConfig .ant-picker.ant-picker-focused { box-shadow: none; } .validityDateConfig .ant-select-selector, .validityDateConfig .ant-input, .validityDateConfig .ant-picker { height: 36px !important; } .validityDateOption.ant-select-item-option-selected:not(.ant-select-item-option-disabled) { font-weight: unset; color: #fff; background-color: #2196F3; } .validityDateOption.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .icon { color: #fff !important; } #createTask.dialogBox .header { margin-left: 26px; } #createTask.dialogBox .dialogContent { padding: 0; padding-bottom: 35px; } .p82 { padding: 0 82px 0 116px; } .pLeft26 { padding-left: 26px; } .pRight26 { padding-right: 26px; } .spanChecked, .spanUnChecked { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABGCAMAAACaCWaBAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhNUAit8AkOkAkeoAhNUAkeoAi+A0p+4nou3v+P7m9P3///8koe3G5voPl+sZnOzY7vzj8/0loe3X7vzw+f5Xt/Gi1/dJJITcAAAAEHRSTlMACzRJTQxIMgdY2vz/AP7ad2GfxAAAAMxJREFUeAHt081SwkAQReFLpgOEDBCk0cTf939LV6dKayY9C8uNcrfn215p0yVbWeo2Ur+1YNtene32Wtl+Z52S1TrCkswUzOwO7uA/guZxmtdrnld9dP9ef2XDYcwrGw/DUcMpBzsNOudwZ40xGJUb+wGYLjGYHq6XOqC7X291QPfHJ0DQs6IOCDpgvtU7YF6eX2odML+6I753wOKOmN7oXwCi7ABE0QGIdzoDIJzOAIiiAxBFByCKDkB8lB3AfgU0j9O8XvO8x8b9PwEwoTnfL0Ft6AAAAABJRU5ErkJggg==) no-repeat; height: 17px; display: inline-block; cursor: pointer; padding-left: 25px; color: #aaa; background-position: 0 1px; background-size: 16px; } .spanChecked { background-position: 0 -18px; } .boxShadow5 { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13); } .createTaskLabel { color: #9e9e9e; font-size: 14px; text-align: right; position: absolute; top: 0; left: 0; width: 96px; height: 20px; line-height: 20px; } .topHeight { height: 20px; } .createTaskNetwork { height: 20px; line-height: 20px; cursor: pointer; width: 160px; } .createTaskNetwork .createTaskNetworkName { max-width: 140px; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .createTaskNetwork .icon-arrow-down-border { display: inline-block; font-size: 12px; color: #9e9e9e; vertical-align: top; margin-left: 5px; margin-top: 5px; } .createTaskNetworkList { position: absolute; top: 22px; left: 116px; background: #fff; max-height: 165px; overflow-y: auto; overflow-x: hidden; z-index: 100; } .createTaskNetworkList li { height: 32px; line-height: 32px; padding: 0 10px; width: 222px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .createTaskNetworkList li i { font-size: 14px; width: 20px; display: inline-block; } .createTaskNetworkList li i.icon-charger { vertical-align: top; margin-top: 10px; } .createTaskNetworkList li:not(:hover) { background-color: #fff !important; } .createTaskNetworkList li:hover { color: #fff; } .createTaskNetworkList li:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .createTaskNetworkList li:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .createTaskFolder { position: absolute; top: -9px; left: 295px; line-height: 38px; vertical-align: top; } .createTaskFolder.createUpdatePosition { left: 69px; } .createTaskFolder.createUpdatePosition .createTaskFolderName { margin-left: 14px; width: 428px; } .createTaskFolder.createUpdatePosition .txtTaskFolder { margin-left: 15px; width: 428px; } .createTaskFolder.createUpdatePosition .linkageFolder { left: 47px; } .createTaskFolder.createUpdatePosition .folderListName { max-width: 330px; } .createTaskFolderColor { color: #9e9e9e; } .createTaskFolderName { width: 181px; margin-left: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; display: inline-block; vertical-align: top; } .txtTaskFolder { height: 37px; padding: 8px 5px; width: 207px; margin-left: 10px; border-width: 1px; border-style: solid; box-sizing: border-box; } .linkageFolder { position: absolute; width: 260px; background-color: #fff; left: 42px; top: 40px; z-index: 10; padding: 5px 0; } .linkageFolder ul { overflow-y: auto; overflow-x: hidden; max-height: 220px; } .createTaskFolder.createUpdatePosition .linkageFolder { width: 428px; } .linkageFolder li { height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; display: block; cursor: pointer; position: relative; } .linkageFolder li.hover, .linkageFolder .nullFolder:hover { color: #fff; } .linkageFolder li:not(.hover), .linkageFolder .nullFolder:not(:hover) { background-color: #fff !important; } .linkageFolder .chargeUser { width: 26px; height: 26px; margin-top: 7px; vertical-align: top; } .linkageFolder .folderListName { line-height: 40px; margin-left: 5px; vertical-align: top; max-width: 160px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .linkageFolder .icon-folder-private, .linkageFolder .icon-folder-public { font-size: 16px; margin-left: 5px; display: inline-block; vertical-align: top; margin-top: 12px; } .linkageFolder .folderMemberCount { position: absolute; right: 5px; top: 0; line-height: 40px; font-size: 14px; color: #999; } .linkageFolder li.hover .ThemeColor8 { color: #fff !important; } .linkageFolder li.hover .folderMemberCount { color: #fff; } .linkageFolder .nullFolder { padding-left: 10px; line-height: 42px; height: 42px; border-top: 1px solid #ddd; cursor: pointer; } .linkageFolder .nullFolder.clearBorder { border-top-width: 0; } .linkageFolder .nullFolder .folderListName { line-height: 42px; height: 42px; margin-left: 0; } .createTaskTitle { margin-top: 22px; } #txtTaskName { height: 38px; width: 100%; padding: 8px; border-width: 1px; border-style: solid; } #txtTaskName:not(:focus), #txtDescriptionbox:not(:focus) { border-color: #bdbdbd !important; } #txtTaskName:hover:not(:focus), #txtDescriptionbox:hover:not(:focus) { border-color: #9e9e9e !important; } .createTaskTitle .createTaskLabel { top: 9px; } .taskUpdateChargeMain { margin-top: 22px; } .taskUpdateChargeMain .createTaskLabel { top: 6px; } #taskUserBox { width: 32px; height: 32px; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 6px; } .imgWidth { width: 32px; height: 32px; } .taskUpdateCharge { font-size: 32px; } .taskUpdateCharge:not(:hover) .ThemeColor3 { color: #333 !important; } .taskTabs { margin-top: 20px; } .taskTabs span { border-bottom: 1px solid #9e9e9e; margin-right: 36px; cursor: pointer; } .taskTabs span:not(:hover) { border-color: #9e9e9e !important; color: #9e9e9e !important; } #createTaskDesc { margin-top: 20px; } #createTaskDesc .createTaskLabel { top: 10px; } .txtDescriptionbox { width: 100%; border: 1px solid #9e9e9e; padding: 7px; line-height: 24px; resize: none; } .addAttachment { margin-top: 10px; display: inline-block; cursor: pointer; } #Attachment_updater_createTask { margin-top: 10px; font-size: 13px; } #Attachment_updater_createTask .uploadDocList, #Attachment_updater_createTask .uploadPicList { margin-left: 0; } #taskMembersBox { margin-top: 22px; } #taskMembersBox .createTaskLabel { top: 6px; } .createTaskAddMemberBox .imgMemberBox .imgCharge, .createTaskAddMemberBox .imgMemberBox { width: 32px; height: 32px; } .createTaskAddMemberBox .imgMemberBox { display: inline-block; vertical-align: top; margin-right: 8px; margin-bottom: 8px; } .createTaskAddMemberBox .removeTaskMember { cursor: pointer; display: none; vertical-align: top; width: 32px; height: 32px; background-color: #666; position: absolute; margin-right: -32px; text-align: center; color: #fff; font-size: 16px; opacity: 0.7; } .createTaskAddMemberBox .imgMemberBox:hover .removeTaskMember { display: inline-block !important; } .createTaskAddMemberBox .removeTaskMember .Icon { display: inline-block; vertical-align: top; height: 7px; margin-top: 10px; } .createTaskAddMember { font-size: 32px; display: inline-block; height: 32px; vertical-align: top; cursor: pointer; margin-bottom: 11px; } .taskUpdateCharge:not(:hover), .createTaskAddMember:not(:hover) { color: #9e9e9e !important; } #createTaskDate { margin-top: 18px; } #createTaskDate .createTaskLabel { top: 10px; } #txtLastDate { width: 100%; border-width: 1px; border-style: solid; height: 40px; line-height: 40px; padding: 0 10px; cursor: pointer; } #txtLastDate span { color: #333 !important; } #txtLastDate:not(:hover) { border-color: #949494 !important; } #createTaskStage { margin-top: 16px; } #createTaskStage .createTaskLabel { top: 10px; } #createTaskStage .customSelect { width: 100%; } #createTaskStage .spanShow { width: 100%; box-sizing: border-box; height: 40px !important; line-height: 40px !important; border-color: #9e9e9e; padding-right: 30px; } #createTaskStage .spanShow .txtBox { height: 40px !important; line-height: 38px !important; } #createTaskStage .spanShow:hover { border-color: #9e9e9e; } #createTaskStage .spanShow .icon-arrow-down-border { position: absolute; top: 4px; right: 10px; font-size: 14px; } #createTaskStage .csList { width: 100%; top: 42px !important; } #createTaskStage .csList li { box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .createTaskOperator { margin-top: 40px; font-size: 13px; color: #9e9e9e; padding-top: 11px; height: 30px; } #chToFeed { cursor: pointer; } .createTaskOperator .spanUnChecked { display: inline-block; vertical-align: top; } #createTaskView .viewTo { float: none; max-width: 200px; display: inline-block; vertical-align: top; margin-top: -5px; } #createTaskView .updaterFor { max-width: 160px; word-wrap: break-word; word-break: break-all; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #taskSubmitBtn { display: inline-block; position: absolute; top: 0; right: 26px; height: 40px; line-height: 40px; font-size: 15px; padding: 0 35px; color: #fff; cursor: pointer; } #createTask .UploadFiles-attachmentProgress { display: none; } .fillRecordControls .mui-dialog-header { padding: 10px !important; } .fillRecordControls .customFieldsContainer { min-height: 200px; } .workSheetNewRecord .customFieldsCon { position: relative; } .workSheetNewRecord .newRecordLinkIcon { cursor: pointer; font-size: 22px; margin-left: 4px; color: #bdbdbd; } .workSheetNewRecord .mui-dialog-header { padding: 10px !important; } .workSheetNewRecord .mui-dialog-body { padding-left: 32px !important; padding-right: 32px !important; } .workSheetNewRecord .mui-dialog-body > .mui-formcontainer { margin-top: 32px; } .workSheetNewRecord .footerBox .loadingMask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); z-index: 2; } .workSheetNewRecord .footerBox .loadingMask > div { position: relative; top: 50%; margin-top: -22px; } .workSheetNewRecord .footerBox .saveAndContinueBtn { color: #333; background: #fff; border: 1px solid #bdbdbd; line-height: 34px; } .workSheetNewRecord .footerBox .saveAndContinueBtn:hover { color: #2196f3; border-color: #2196f3; } .workSheetNewRecord .footerBox .continue { line-height: 36px; margin-right: 24px; } .newRecordLink .publishSwitch { width: 35px; height: 18px; } .newRecordLink .publishSwitch .dot { width: 14px; height: 14px; } .newRecordLink .publishSwitch.Switch--on { background-color: #4caf50; } .newRecordLink .publishSwitch.Switch--on .dot { left: 18px; } .baseColumnHead.cell { position: relative; padding: 0 5px !important; } .baseColumnHead.cell .requiredStatus { color: #f44336; margin-right: 2px; } .baseColumnHead.cell .controlName { font-weight: bold; font-size: 13px; color: #757575; line-height: 34px; } .baseColumnHead.cell .controlName .textCon { display: inline-block; } .baseColumnHead.cell .maskData, .baseColumnHead.cell .dropIcon { font-size: 14px; position: absolute; top: 0px; right: 5px; line-height: 32px; visibility: hidden; background-color: #fafafa; color: #9e9e9e; width: 16px; } .baseColumnHead.cell .maskData { visibility: visible; } .baseColumnHead.cell .descIcon { font-size: 16px; vertical-align: text-bottom; margin-left: 2px; color: #bdbdbd; } .baseColumnHead.cell .descIcon:hover { color: #9e9e9e; } .baseColumnHead.cell .resizeDrag { position: absolute; right: 0px; top: 0; bottom: 0; width: 6px; cursor: ew-resize; } .baseColumnHead.cell .inner:hover .dropIcon { visibility: visible; } .baseColumnHead.cell.wrapControlName .textCon { margin-top: 8px; vertical-align: text-bottom; } .baseColumnHead.cell.wrapControlName .controlName .text { line-height: 1.3em; text-overflow: unset; overflow: visible; white-space: unset; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .draftOperateCon { position: absolute; z-index: 10; padding: 0 30px; top: 0px; left: 0px; width: 100%; height: 56px; line-height: 56px; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #ddd; } .draftOperateCon .del { width: 65px; height: 28px; color: #f44336; margin: 14px 0; text-align: center; line-height: 28px; border-radius: 4px 4px 4px 4px; } .draftOperateCon .del:hover { background-color: #f5f5f5; } .draftOperateCon .close { cursor: pointer; line-height: 56px; font-size: 22px; color: #9e9e9e; } .draftOperateCon .close:hover { color: #2196f3; } .draftOperateCon-enter { transform: translate3d(0, -56px, 0); } .draftOperateCon-enter.draftOperateCon-enter-active { transform: translate3d(0, 0, 0); transition: transform 300ms linear; } .draftOperateCon-leave { transform: translate3d(0, 0, 0); } .draftOperateCon-leave.draftOperateCon-leave-active { transform: translate3d(0, -56px, 0); transition: transform 300ms linear; } .worksheetCellPureString { vertical-align: middle; } .worksheetRowTitle { display: inline-block; } .cellControl { font-size: 13px; } .cellDropdown { display: inline-block; line-height: 21px; max-width: 100px; vertical-align: middle; margin-right: 10px; padding: 0 9px; border-radius: 40px; color: #4d4d4d; background-color: #e8e8e8; } .cellOptions { display: inline-block; } .cellOptions .cellOption { display: inline-block; margin: 0 4px 4px 0; padding: 0 12px; line-height: 24px; vertical-align: middle; border-radius: 40px; color: #4d4d4d; background-color: #f2f2f2; } .cellOptions .cellOption .deleteIcon { color: rgba(0, 0, 0, 0.7); } .cellOptions .cellOption .deleteIcon:hover { color: #000000; } .cellOptions .cellOption.colored .deleteIcon { color: rgba(255, 255, 255, 0.7); } .cellOptions .cellOption.colored .deleteIcon:hover { color: #ffffff; } .cellOptions .cellOption:last-child { margin-right: 0px; } .cellOptions .editIcon { display: none; position: absolute; top: 0; right: 0; width: 34px; height: 34px; text-align: center; line-height: 34px; } .cellOptionsDropdown .MenuItem { height: 36px; line-height: 36px; } .cellOptionsDropdown .MenuItem .Item-content:not(.disabled):hover { background: #f2f2f2 !important; color: #333 !important; } .cellRelation { display: inline-block; } .cellRelation .relationIcon img { width: 22px; vertical-align: middle; margin-right: 5px; } .levelWrapper .Score-wrapper { min-width: 96px; flex-wrap: nowrap !important; } .levelWrapper:not(.canedit) .StarScore-item, .levelWrapper:not(.canedit) .LineScore-item { cursor: default; } .levelWrapper.isInCard .Score-wrapper { width: auto; display: block !important; } .levelWrapper.isInCard .Score-wrapper .StarScore-item { display: inline-block; } .levelWrapper.isInCard .Score-wrapper .StarScore-item i { font-size: 16px !important; } .levelWrapper.isInCard .Score-wrapper .text { display: inline-block; line-height: 13px !important; } .cellRelations { display: inline-block; } .cellRelations.common .cellRelation { display: inline-block; width: 100%; color: inherit !important; } .cellRelations.common .cellRelation .relatioName { color: #333; } .cellRelations.land { width: 100%; } .cellRelations.land .cellRelation { display: flex; width: 100%; border: solid 1px #ccc; border-radius: 3px; line-height: 36px; margin: 5px 0; } .cellRelations.land .cellRelation .cellRelationIcon i { font-size: 16px; color: #9e9e9e; padding: 0 10px; line-height: 36px; } .cellRelations.land .cellRelation .relationName { flex: 1; color: inherit; text-decoration: none; } .cellRelations.land .cellRelation .chargeAccount { margin: 6px; } .cellDepartments { display: inline-block; } .cellDepartments .cellDepartment { display: inline-block; vertical-align: middle; margin-bottom: 4px; font-size: 13px; color: #333333; background-color: #eaeaea; padding-right: 8px; height: 21px; line-height: 21px; margin-right: 6px; border-radius: 13px; } .cellDepartments .cellDepartment .iconWrap { width: 21px; height: 21px; border-radius: 50%; text-align: center; line-height: 21px; color: #fff; } .cellDepartments .cellDepartment i { line-height: 21px; } .cellDepartments .cellDepartment .icon-close:hover { color: #757575 !important; } .cellUsers { display: inline-block; min-width: 100px; } .cellUsers .cellUser { display: inline-block; vertical-align: middle; margin-bottom: 4px; font-size: 13px; color: #333333; background-color: #f2f2f2; padding-right: 8px; height: 21px; line-height: 21px; margin-right: 6px; border-radius: 13px; } .cellUsers .cellUser .icon-close { line-height: 22px; } .cellUsers .cellUser .icon-close:hover { color: #757575 !important; } .cellUsers .cellUserHead { display: inline-block !important; box-sizing: content-box; border-radius: 50%; line-height: 1em; } .cellUsers .userName { max-width: 100px; } .cellUsers .userName, .cellUsers .userNum { margin-left: 6px; } .cellRelateWorksheets .cellRelateWorksheetRecord { display: inline-block; margin-bottom: 4px; margin-right: 10px; padding: 0px 8px 0 6px; background-color: #e8e8e8; border-radius: 4px; line-height: 21px; box-sizing: border-box; vertical-align: middle; } .cellRelateWorksheets .cellRelateWorksheetRecord .icon { color: #9e9e9e !important; font-size: 14px; margin-right: 2px; } .cellRelateWorksheets .cellRelateWorksheetRecord.mutiple { padding: 0px 6px; } .cellRelateWorksheetColumn .worksheetCellPureString { min-width: auto; max-width: 130px; } .cellRelateRecord.cell { padding: 0 !important; } .cellRelateRecordMultiple { display: inline-block; background-color: #e8e8e8; border-radius: 3px; height: 21px; line-height: 21px; padding: 0 6px; font-size: 13px; } .cellRelateRecordMultiple .icon { font-size: 16px; color: #9d9d9d; margin-right: 5px; position: relative; top: 2px; } .cellSwitch { display: inline-block; vertical-align: middle; } .cellSwitch .mobileFormSwitchDisabled { opacity: 0.4; } .cellSwitch .mobileFormSwitchDisabled.ming.Switch--off { background-color: #ccc !important; } .cellSwitch .mobileFormSwitchDisabled.ming.Switch--on { background: #01ca83 !important; } .cellSwitch .ming.Checkbox .Checkbox-box { margin-top: 0px !important; border: 1px solid #bdbdbd; margin-right: 0px; } .cellSwitch .ming.Checkbox.checked .Checkbox-box { border: 1px solid transparent; } .cellControlCascader.cell .customCascaderDel { display: none; } .cellControlCascader.cell .customCascaderInput { width: 100%; height: 100%; padding: 0 6px !important; border: none; } .cellControlCascader.cell .customCascaderInput:focus { box-shadow: inset 0 0 0 2px #2d7ff9 !important; } .cellControlCascader.cell .ant-select-selector { border: none !important; box-shadow: none !important; font-size: 13px !important; box-shadow: inset 0 0 0 2px #2d7ff9 !important; height: 33px !important; } .cellControlCascader.cell .ant-select-selector .ant-select-selection-search-input { padding-left: 0px !important; } .cellControlCascader.cell .ant-select-selector .ant-select-selection-item { line-height: 34px !important; } .cellControlCascader.cell .customCascader .ant-cascader-input { border: none !important; } .cellControlCascader.cell.isediting { padding: 0 !important; } .cell.row-0.hover { background-color: transparent !important; } .control-10:not(.columnHead), .control-11:not(.columnHead) { padding: 4.5px 6px; } .control-14:not(.columnHead), .control-27:not(.columnHead), .control-42:not(.columnHead) { padding: 5px 6px !important; } .control-26:not(.columnHead), .control-27:not(.columnHead), .control-34:not(.columnHead), .control-36:not(.columnHead) { padding: 6px 6px !important; } .control-6 > div.worksheetCellPureString, .control-8 > div.worksheetCellPureString, .control-31 > div.worksheetCellPureString, .control-38 > div.worksheetCellPureString, .control-7 > div.worksheetCellPureString { white-space: nowrap; } .control-2 .worksheetCellPureString, .control-32 .worksheetCellPureString { white-space: break-spaces; } .cell.singleLine { white-space: nowrap; padding-right: 6px !important; } .cell.singleLine .cellOptions, .cell.singleLine .cellDepartments, .cell.singleLine .cellUsers, .cell.singleLine .RelateRecordDropdown { overflow: hidden; width: 100%; } .cell.alignRight:not(.columnHead) { text-align: right; } .linelimit, .linelimitcomp:not(.singleLine) { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ } .rowHeight-1 .linelimit { -webkit-line-clamp: 2 !important; } .rowHeight-2 .linelimit { -webkit-line-clamp: 4 !important; } .rowHeight-3 .linelimit { -webkit-line-clamp: 5 !important; } .rowHeight-1 .linelimitcomp { -webkit-line-clamp: 2 !important; } .rowHeight-2 .linelimitcomp { -webkit-line-clamp: 3 !important; } .rowHeight-3 .linelimitcomp { -webkit-line-clamp: 4 !important; } .textControlInput { background-color: #fff; } .textControlInput input { width: 100%; font-size: 13px; height: 34px; line-height: 34px; box-sizing: border-box; border: none; background-color: transparent; padding: 0 6px; } .textControlTextArea { font-size: 13px !important; padding: 7px 6px !important; box-sizing: border-box !important; border: none !important; resize: none !important; line-height: 1.5em; } .textControlTextArea.isMultipleLine { padding-bottom: 24px !important; } .cellControlRichTextDialog .mdEditorFooter { transform: translate(0px, 15px); } .cellControlAreaPopup .CityPicker.level-1 { height: 409px; } .cellControlDepartmentPopup, .cellControlUserPopup { overflow: hidden; box-sizing: border-box; background-color: #fff; padding: 6px 6px; min-height: 36px; } .cellControlDepartmentPopup .addUserBtn, .cellControlUserPopup .addUserBtn { cursor: pointer; display: inline-block; box-sizing: border-box; width: 21px; height: 21px; text-align: center; border-radius: 21px; border: 1px solid #ddd; } .cellEditMask { opacity: 0; } .cellControlMobilePhoneEdit { font-size: 13px; } .cellControlMobilePhoneEdit input { border: none; width: 100%; } .cellControlMobilePhoneEdit .customFormControlTel .iti__flag-container { display: none; } .cellControlMobilePhoneEdit .customFormControlTel .cellMobileInput { padding-left: 6px !important; padding-top: 2px !important; } .cellControlMobilePhoneEdit .cellMobileInput { background: transparent; } .cellControlErrorTip { position: absolute; white-space: nowrap; top: -26px; padding: 0 8px; height: 26px; line-height: 26px; font-size: 12px; color: #fff; background-color: #f44336; } .cellControlOptionsPopup { position: relative; } .cellControlOptionsPopup * { transition: none !important; animation-duration: 0s !important; } .cellControlOptionsPopup .ant-select .ant-select-clear { z-index: 2 !important; opacity: 1 !important; } .cellControlOptionsPopup .ant-select-selector { z-index: 2; border: none !important; box-shadow: none !important; font-size: 13px !important; box-shadow: inset 0 0 0 2px #2d7ff9 !important; padding: 0 6px !important; min-height: 34px !important; } .cellControlOptionsPopup .ant-select-selector .ant-select-selection-search { left: 6px !important; } .cellControlOptionsPopup .ant-select-selection-item { padding: 0 !important; background: transparent; border: none; } .cellControlOptionsPopup .ant-select-selection-item .ant-select-selection-item-remove { position: absolute; right: 0px; } .cellControlOptionsPopup.bottom .ant-select { position: absolute; bottom: 0px; } .cellControlOptionsPopup.isMutiple .ant-select-selector { padding: 3px 6px 0px !important; align-items: normal; } .cellControlOptionsPopup.isMutiple .ant-select-selection-search-input { margin-top: -4px; } .cellControlOptionsPopup.isMutiple .ant-select-selection-item-content > span { padding-right: 24px !important; } .cellControlOptionsPopup.isMutiple .ant-select-selection-item-remove { right: 14px; } .cellControlOptionsPopup.isMutiple .ant-select-selection-item-remove svg { color: rgba(255, 255, 255, 0.7); } .cellControlOptionsPopup.isMutiple .ant-select-selection-item-remove:hover svg { color: #ffffff; } .cellControlOptionsPopup.error .ant-select-selector { border-radius: 0px !important; box-shadow: inset 0 0 0 2px #f44336 !important; } .cellControlOptionsPopup:hover .hoverShow { display: inline-block; } .cell.cellControlDatePicker:not(.cellControlErrorStatus) { box-shadow: inset 0 0 0 2px #2d7ff9 !important; } .cell.cellControlDatePicker { padding: 2px !important; padding-right: 2px !important; } .cell.cellControlDatePicker .cellControlDatePickerCon .ant-picker { height: auto; padding: 5px 4px; border: none; box-shadow: none; background: transparent; } .cell.cellControlDatePicker .cellControlDatePickerCon .ant-picker .ant-picker-suffix { display: none; } .cell.cellControlDatePicker .cellControlDatePickerCon .ant-picker .ant-picker-input { background: #fff; height: auto !important; } .cell.cellControlDatePicker .cellControlDatePickerCon .ant-picker .ant-picker-input input { font-size: 13px; } .userSelectNone { user-select: none; } .cellControlEdittingStatus { box-shadow: inset 0 0 0 2px #2d7ff9 !important; } .cellControlErrorStatus { box-shadow: inset 0 0 0 2px #f44336 !important; } .cell.cellControlErrorStatus:not(.isediting) { box-shadow: none !important; background-color: #fff0f1 !important; } .cell.cellControlErrorStatus:not(.isediting)::before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; border: 4px solid #f44336; border-right-color: transparent; border-bottom-color: transparent; } .cell.cellControlErrorStatus:not(.isediting).row-0:hover::before { top: auto; bottom: 0; border-bottom-color: #f44336; border-top-color: transparent; } .subList .cell.cellControlErrorStatus:not(.isediting) { box-shadow: unset !important; background-color: rgba(244, 67, 54, 0.08) !important; } .subList .cell.cellControlErrorStatus:not(.isediting):before { content: ''; position: absolute; top: 0; left: 0; border: 3px solid transparent; border-left-color: #f44336; border-top-color: #f44336; } .editableCellCon.cell.masked > span, .editableCellCon.cell.masked > div { cursor: pointer; } .editableCellCon.cell.masked > span:hover, .editableCellCon.cell.masked > div:hover { color: #1d5786; } .sheetViewTable .cell.focus.editable .guideText { font-size: 13px; display: inline-block !important; } .workSheetTextCell.empty { text-align: left !important; } .editableCellCon.maskHoverTheme { cursor: pointer; } .editableCellCon.maskHoverTheme:hover { color: #1d5786; } .editableCellCon.maskHoverTheme:hover i.icon-eye_off { color: #9e9e9e !important; } .editableCellCon.isediting.cell.cellControlEdittingStatus { background-color: #fff !important; } .editableCellCon .editIcon { display: none; } .editableCellCon .editIcon .icon.clearbtn { display: none; } .editableCellCon .editIcon.canClear:hover .icon.editbtn { display: none; } .editableCellCon .editIcon.canClear:hover .icon.clearbtn { display: inline-block; } .editableCellCon.canedit:not(.isediting):hover { padding-right: 34px !important; } .editableCellCon.canedit:not(.isediting):hover .cellAttachments { width: auto; } .editableCellCon.canedit:not(.isediting):hover .editIcon { display: inline-block !important; position: absolute; top: 0; right: 0; width: 34px; height: 34px; text-align: center; line-height: 34px; } .editableCellCon.canedit:not(.isediting):hover .worksheetCellPureString { width: auto; } .RelateRecordDropdown-selected { position: relative; cursor: pointer; min-height: 36px; background: #f7f7f7; border-radius: 4px; padding-right: 30px; border: 1px solid transparent; } .RelateRecordDropdown-selected .clearIcon, .RelateRecordDropdown-selected .dropIcon { position: absolute; right: 0; top: 0; font-size: 14px; color: #9e9e9e; margin: 11px; } .RelateRecordDropdown-selected .clearIcon { display: none; } .RelateRecordDropdown-selected .placeholder { position: absolute !important; } .RelateRecordDropdown-selected .normalSelectedItem { padding-left: 10px; position: relative; display: inline-block; max-width: calc(100% - 30px); line-height: 34px; color: #333; } .RelateRecordDropdown-selected .normalSelectedItem.active { padding-right: 30px !important; } .RelateRecordDropdown-selected .activeSelectedItem { position: relative; display: inline-block; max-width: calc(100% - 30px); margin: 0 0 5px 6px; line-height: 24px; padding: 0 10px; background-color: #f2f2f2; color: #333; border-radius: 3px; } .RelateRecordDropdown-selected .activeSelectedItem .name { max-width: 100%; } .RelateRecordDropdown-selected .activeSelectedItem.active { padding-right: 24px !important; } .RelateRecordDropdown-selected .normalSelectedItem .icon-close, .RelateRecordDropdown-selected .activeSelectedItem .icon-close { cursor: pointer; position: absolute; right: 4px; top: 4px; color: #9d9d9d; font-size: 16px; } .RelateRecordDropdown-selected .normalSelectedItem .icon-close:hover, .RelateRecordDropdown-selected .activeSelectedItem .icon-close:hover { color: #757575; } .RelateRecordDropdown-selected .addBtn { width: 24px; padding: 0 !important; margin: 6px !important; text-align: center; } .RelateRecordDropdown-selected .addBtn .icon { font-size: 14px; color: #757575; } .RelateRecordDropdown-selected.readonly { background: transparent; } .RelateRecordDropdown-selected.allowOpenRecord:not(.sheetview):not(.active) .normalSelectedItem, .RelateRecordDropdown-selected.allowOpenRecord:not(.sheetview):not(.active) .activeSelectedItem { cursor: pointer; color: #2196f3; } .RelateRecordDropdown-selected.allowOpenRecord:not(.sheetview):not(.active) .normalSelectedItem:hover, .RelateRecordDropdown-selected.allowOpenRecord:not(.sheetview):not(.active) .activeSelectedItem:hover { color: #1565c0; } .RelateRecordDropdown-selected.free { background-color: #fff !important; } .RelateRecordDropdown-selected.sheetview:not(.active) { padding-left: 0px; } .RelateRecordDropdown-selected.sheetview { border: none; background-color: transparent; border-color: transparent !important; padding-right: 0px; } .RelateRecordDropdown-selected.sheetview .normalSelectedItem:not(.addBtn), .RelateRecordDropdown-selected.sheetview .activeSelectedItem:not(.addBtn) { max-width: calc(100% - 13px); cursor: default; } .RelateRecordDropdown-selected.sheetview .dropIcon { display: none; } .RelateRecordDropdown-selected.sheetview:not(.active) .normalSelectedItem, .RelateRecordDropdown-selected.sheetview .activeSelectedItem { line-height: 21px; background-color: #f2f2f2; border-radius: 3px; padding: 0 10px; margin: 6px 0 0 6px; } .RelateRecordDropdown-selected.sheetview:not(.active) .normalSelectedItem .icon-close, .RelateRecordDropdown-selected.sheetview .activeSelectedItem .icon-close { top: 2px; } .RelateRecordDropdown-selected.sheetview.allowOpenRecord:not(.active) .normalSelectedItem, .RelateRecordDropdown-selected.sheetview.allowOpenRecord .activeSelectedItem:not(.addBtn) { cursor: pointer; } .RelateRecordDropdown-selected.sheetview.allowOpenRecord:not(.active) .normalSelectedItem:hover, .RelateRecordDropdown-selected.sheetview.allowOpenRecord .activeSelectedItem:not(.addBtn):hover { color: #2196f3; background-color: #dfebfa; } .RelateRecordDropdown-selected.mobile .dropIcon { margin-right: 8px !important; font-size: 16px; color: #bdbdbd; } .RelateRecordDropdown-selected.active { border-color: #2196f3; background-color: #fff !important; } .RelateRecordDropdown-selected.active .dropIcon { display: none !important; } .RelateRecordDropdown-selected.active .clearIcon { display: inline-block !important; } .RelateRecordDropdown-selected.active .placeholder { color: #bdbdbd; } .RelateRecordDropdown-selected:not(.sheetview).emptyRecord .dropIcon { display: inline-block !important; } .RelateRecordDropdown-selected:not(.emptyRecord):hover .dropIcon { display: none !important; } .RelateRecordDropdown-selected:not(.emptyRecord):hover .clearIcon { display: inline-block !important; } .RelateRecordList { border-radius: 3px; background-color: #fff; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.24); } .RelateRecordList > div.listCon { padding: 6px 0; } .RelateRecordList-search { height: 36px; margin: 6px 0 0; padding: 0 12px; } .RelateRecordList-search input { border: none !important; padding: 0 6px !important; } .RelateRecordList-search .icon { color: #757575; margin: 9px 0; font-size: 20px; } .RelateRecordList .loadingCon { text-align: center; padding: 10px 0; } .RelateRecordList-create { height: 36px; cursor: pointer; padding: 0 12px; margin: 6px 0; font-size: 14px; color: #2196f3; line-height: 36px; } .RelateRecordList-create .icon { font-size: 14px; } .RelateRecordList-create.active { background-color: #f5f5f5; } .RelateRecordList-create:hover { color: #1565c0; } .RelateRecordListItem { position: relative; cursor: pointer; padding: 0 12px; } .RelateRecordListItem.big { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .RelateRecordListItem.selected { background-color: #e3f3ff; } .RelateRecordListItem.hover, .RelateRecordListItem:hover { background-color: #f5f5f5; } .RelateRecordListItem-control { display: inline-block; height: 1.2em !important; line-height: 1em; color: #757575; padding: 0px 7px; border-right: 1px solid #9e9e9e; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; /*! autoprefixer: off */ -webkit-box-orient: vertical; } .RelateRecordListItem-selectedIcon { position: absolute; right: 16px; top: 0; bottom: 0; font-size: 16px; width: 20px; display: flex; align-items: center; color: #2196f3; } .RelateRecordListItem .title { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /*! autoprefixer: off */ -webkit-box-orient: vertical; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @-webkit-keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-cascader-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner { border-color: #1890ff; } .ant-cascader-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; -webkit-animation: antCheckboxEffect 0.36s ease-in-out; animation: antCheckboxEffect 0.36s ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; content: ''; } .ant-cascader-checkbox:hover::after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after { visibility: visible; } .ant-cascader-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-cascader-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-cascader-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-cascader-checkbox-disabled { cursor: not-allowed; } .ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); -webkit-animation-name: none; animation-name: none; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; -webkit-animation-name: none; animation-name: none; } .ant-cascader-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-checkbox-disabled:hover::after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after { visibility: hidden; } .ant-cascader-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-cascader-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\A0'; } .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper { margin-left: 8px; } .ant-cascader-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-cascader-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-cascader-checkbox-group-item { margin-right: 8px; } .ant-cascader-checkbox-group-item:last-child { margin-right: 0; } .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item { margin-left: 0; } .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-cascader { width: 184px; } .ant-cascader-checkbox { top: 0; margin-right: 8px; } .ant-cascader-menus { display: flex; flex-wrap: nowrap; align-items: flex-start; } .ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu { width: 100%; height: auto; } .ant-cascader-menu { min-width: 111px; height: 180px; margin: 0; margin: -4px 0; padding: 4px 0; overflow: auto; vertical-align: top; list-style: none; border-right: 1px solid #f0f0f0; -ms-overflow-style: -ms-autohiding-scrollbar; } .ant-cascader-menu-item { display: flex; flex-wrap: nowrap; align-items: center; padding: 5px 12px; overflow: hidden; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s; } .ant-cascader-menu-item:hover { background: #f5f5f5; } .ant-cascader-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-menu-item-disabled:hover { background: transparent; } .ant-cascader-menu-empty .ant-cascader-menu-item { color: rgba(0, 0, 0, 0.25); cursor: default; pointer-events: none; } .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { font-weight: 600; background-color: #e6f7ff; } .ant-cascader-menu-item-content { flex: auto; } .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon { margin-left: 4px; color: rgba(0, 0, 0, 0.45); font-size: 10px; } .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon { color: rgba(0, 0, 0, 0.25); } .ant-cascader-menu-item-keyword { color: #ff4d4f; } .ant-cascader-rtl .ant-cascader-menu-item-expand-icon, .ant-cascader-rtl .ant-cascader-menu-item-loading-icon { margin-right: 4px; margin-left: 0; } .ant-cascader-rtl .ant-cascader-checkbox { top: 0; margin-right: 0; margin-left: 8px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @-webkit-keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-select-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner { border-color: #1890ff; } .ant-select-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; -webkit-animation: antCheckboxEffect 0.36s ease-in-out; animation: antCheckboxEffect 0.36s ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; content: ''; } .ant-select-tree-checkbox:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after { visibility: visible; } .ant-select-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-select-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-select-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-select-tree-checkbox-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); -webkit-animation-name: none; animation-name: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; -webkit-animation-name: none; animation-name: none; } .ant-select-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree-checkbox-disabled:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after { visibility: hidden; } .ant-select-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-select-tree-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\A0'; } .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper { margin-left: 8px; } .ant-select-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-select-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-select-tree-checkbox-group-item { margin-right: 8px; } .ant-select-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { margin-left: 0; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree-select-dropdown { padding: 8px 4px; } .ant-tree-select-dropdown-rtl { direction: rtl; } .ant-tree-select-dropdown .ant-select-tree { border-radius: 0; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper { flex: auto; } .ant-select-tree { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background: #fff; border-radius: 2px; transition: background-color 0.3s; } .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) { background: #e6f7ff; } .ant-select-tree-list-holder-inner { align-items: flex-start; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper { flex: auto; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging { position: relative; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; border: 1px solid #1890ff; opacity: 0; -webkit-animation: ant-tree-node-fx-do-not-use 0.3s; animation: ant-tree-node-fx-do-not-use 0.3s; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ''; pointer-events: none; } .ant-select-tree .ant-select-tree-treenode { display: flex; align-items: flex-start; padding: 0 0 4px 0; outline: none; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover { background: transparent; } .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper { background: #f5f5f5; } .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title { color: inherit; font-weight: 500; } .ant-select-tree-indent { align-self: stretch; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-tree-indent-unit { display: inline-block; width: 24px; } .ant-select-tree-draggable-icon { width: 24px; line-height: 24px; text-align: center; opacity: 0.2; transition: opacity 0.3s; } .ant-select-tree-treenode:hover .ant-select-tree-draggable-icon { opacity: 0.45; } .ant-select-tree-switcher { position: relative; flex: none; align-self: stretch; width: 24px; margin: 0; line-height: 24px; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-tree-switcher .ant-tree-switcher-icon, .ant-select-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 10px; vertical-align: baseline; } .ant-select-tree-switcher .ant-tree-switcher-icon svg, .ant-select-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-select-tree-switcher-noop { cursor: default; } .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-select-tree-switcher-loading-icon { color: #1890ff; } .ant-select-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-select-tree-switcher-leaf-line::before { position: absolute; top: 0; right: 12px; bottom: -4px; margin-left: -1px; border-right: 1px solid #d9d9d9; content: ' '; } .ant-select-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; border-bottom: 1px solid #d9d9d9; content: ' '; } .ant-select-tree-checkbox { top: initial; margin: 4px 8px 0 0; } .ant-select-tree .ant-select-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 24px; margin: 0; padding: 0 4px; color: inherit; line-height: 24px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; } .ant-select-tree .ant-select-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { background-color: #bae7ff; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty { display: none; } .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover { background-color: transparent; } .ant-select-tree-node-content-wrapper { line-height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 2px; background-color: #1890ff; border-radius: 1px; pointer-events: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -3px; left: -6px; width: 8px; height: 8px; background-color: transparent; border: 2px solid #1890ff; border-radius: 50%; content: ''; } .ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] { box-shadow: 0 0 0 2px #1890ff; } .ant-select-tree-show-line .ant-select-tree-indent-unit { position: relative; height: 100%; } .ant-select-tree-show-line .ant-select-tree-indent-unit::before { position: absolute; top: 0; right: 12px; bottom: -4px; border-right: 1px solid #d9d9d9; content: ''; } .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before { display: none; } .ant-select-tree-show-line .ant-select-tree-switcher { background: #fff; } .ant-select-tree-show-line .ant-select-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon { transform: scaleY(-1); } .MDMap { overflow: hidden; } .MDMap .MDMapSidebar { width: 380px; height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.05); padding: 16px 0; } .MDMap .MDMapSidebar .distanceInfo { height: 57px; line-height: 60px; padding: 0 16px; } .MDMap .MDMapInput { border-radius: 18px; background: #f8f8f8; padding: 8px 8px 8px 38px; height: 36px; line-height: 36px; border: none; width: 100%; } .MDMap .MDMapList { display: flex; padding: 0 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); height: 57px; justify-content: space-between; align-items: center; cursor: pointer; box-sizing: border-box; } .MDMap .MDMapList:hover { background: #f8f8f8; } .MDMap .MDMapList span { display: flex; flex-shrink: 0; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .dialogSelectOrgRole .mui-dialog-body { padding: 0 24px 22px 19px; } .selectJobContainer_search { border: 1px solid #ccc; border-radius: 3px; display: flex; align-items: center; } .selectJobContainer_search .searchIcon { font-size: 20px; color: #999; margin: 0 5px; } .selectJobContainer_search .searchInput { flex: 1 0 0; border: none; outline: none; height: 30px; line-height: 30px; border-radius: 0px; background: transparent; } .selectJobContainer_search .searchClose { font-size: 14px; color: #999; margin: 0 5px; display: none; cursor: pointer; } .selectJobContainer .selectJobContent { height: 352px; overflow: auto; margin-top: 12px; } .selectJobContainer .selectJobContent .roleItem { height: 38px; line-height: 38px; padding: 0 5px; } .selectJobContainer .selectJobContent .roleItem:hover { background-color: #f5f5f5; } .searchListModals { height: 90%; } .searchListModals .am-modal-content { border-radius: 20px 20px 0 0; } .searchListModals .am-modal-content .am-modal-header { height: 44px; padding: 0 17px; border-bottom: 1px solid #ddd; } .searchListModals .am-modal-content .am-modal-header .am-modal-title { line-height: 44px; } .searchListModals .am-modal-content .am-modal-body { overflow: hidden; display: flex; flex-direction: column; } .searchListModals .am-modal-content .searchBox { display: flex; height: 36px; border-radius: 18px; position: relative; margin: 10px 11px; padding-left: 38px; } .searchListModals .am-modal-content .searchBox .searchIcon { width: 14px; height: 14px; position: absolute; top: 8px; left: 16px; } .searchListModals .am-modal-content .searchBox .cursorText { width: 100%; font-size: 14px; border: none; border-radius: 0 18px 18px 0; background-color: #f8f8f8; height: 36px; } .searchListModals .am-modal-content .searchBox.selectSearchBox { background: #fff; padding-left: 0; line-height: 36px; } .searchListModals .am-modal-content .searchBox.selectSearchBox .cursorText { border-radius: 18px; padding: 13px; } .searchListModals .am-modal-content .searchBox.selectSearchBox .searchBtn { width: 36px; height: 36px; background: #f8f8f8; border-radius: 50%; margin-left: 9px; } .searchListModals .am-modal-content .searchItem { padding: 0 0 0 11px; } .searchListModals .am-modal-content .searchItem .ming.Radio { margin-right: 14px; } .searchListModals .am-modal-content .searchItem .ming.Radio .Radio-box { margin-right: 0; } .searchListModals .am-modal-content .searchItem .itemContent { border-bottom: 1px solid #ddd; padding: 8px 11px 8px 0; } .searchListModals .am-modal-content .searchResult { overflow-y: auto; margin-bottom: 43px; } .searchListModals .am-modal-content .Font50 { font-size: 50px; color: #e0e0e0; } .customSelectIcon .ant-select-arrow { display: flex !important; } .customApiSelect { padding-right: 36px; } .customApiSelect .ant-select-arrow { height: 36px !important; width: 36px !important; right: 0 !important; top: 6px !important; display: flex !important; align-items: center; justify-content: flex-end; pointer-events: all !important; } .customApiSelect .ant-select-selector { border-radius: 4px 0px 0px 4px !important; } .customApiSelect .ant-select-clear { right: 46px !important; } .customApiSelect .searchIconBox { width: 36px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 0px 3px 3px 0px; border: 1px solid #eaeaea; color: #757575; } .customApiSelect .searchIconBox:hover i { color: #2196f3; } .customApiSelect .searchIconBox.disabled i { color: #bdbdbd !important; } .saveDiaCon .list { display: flex; width: 100%; } .saveDiaCon .list .title { width: 72px; line-height: 36px; } .saveDiaCon .list .tepName { flex: 1; height: 36px; background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #dddddd; border-radius: 2px; padding: 0 12px; } .saveDiaCon .list .tepName:focus { border: 1px solid #2196f3; } .saveDiaCon .list .viewBox { flex: 1; min-height: 36px; background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #dddddd; border-radius: 2px; padding: 0 12px; position: relative; } .saveDiaCon .list .viewBox > span { line-height: 36px; display: block; } .saveDiaCon .list .viewBox .moreList { position: absolute; right: 0; top: 10px; color: #9e9e9e; } .saveDiaCon .list .viewBox .moreList:hover { color: #333; } .saveDiaCon .list .viewBox .itemList .item { display: inline-block; background: #e5e5e5 0% 0% no-repeat padding-box; border-radius: 12px; padding: 0px 10px; margin-right: 10px; line-height: 24px; margin-top: 5px; margin-bottom: 6px; } .saveDiaCon .list .viewBox .itemList .item .remove { margin-left: 10px; color: #9e9e9e; cursor: pointer; } .saveDiaCon .mui-dialog-body { overflow: initial !important; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-radio-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; font-size: 0; } .ant-radio-group .ant-badge-count { z-index: 1; } .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper { border-left: none; } .ant-radio-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-flex; align-items: baseline; margin-right: 8px; cursor: pointer; } .ant-radio-wrapper-disabled { cursor: not-allowed; } .ant-radio-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\A0'; } .ant-radio { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; display: inline-block; outline: none; cursor: pointer; } .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: #1890ff; } .ant-radio-input:focus + .ant-radio-inner { box-shadow: 0 0 0 3px #e6f7ff; } .ant-radio-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; visibility: hidden; -webkit-animation: antRadioEffect 0.36s ease-in-out; animation: antRadioEffect 0.36s ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; content: ''; } .ant-radio:hover::after, .ant-radio-wrapper:hover .ant-radio::after { visibility: visible; } .ant-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 50%; transition: all 0.3s; } .ant-radio-inner::after { position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background-color: #1890ff; border-top: 0; border-left: 0; border-radius: 16px; transform: scale(0); opacity: 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: ' '; } .ant-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio-checked .ant-radio-inner { border-color: #1890ff; } .ant-radio-checked .ant-radio-inner::after { transform: scale(0.5); opacity: 1; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-radio-disabled { cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.ant-radio + * { padding-right: 8px; padding-left: 8px; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left-width: 0; cursor: pointer; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; } .ant-radio-button-wrapper a { color: rgba(0, 0, 0, 0.85); } .ant-radio-button-wrapper > .ant-radio-button { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } .ant-radio-group-large .ant-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .ant-radio-group-small .ant-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .ant-radio-button-wrapper:not(:first-child)::before { position: absolute; top: -1px; left: -1px; display: block; box-sizing: content-box; width: 1px; height: 100%; padding: 1px 0; background-color: #d9d9d9; transition: background-color 0.3s; content: ''; } .ant-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper:last-child { border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 2px; } .ant-radio-button-wrapper:hover { position: relative; color: #1890ff; } .ant-radio-button-wrapper:focus-within { box-shadow: 0 0 0 3px #e6f7ff; } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type='checkbox'], .ant-radio-button-wrapper input[type='radio'] { width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: #1890ff; background: #fff; border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { background-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #40a9ff; border-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { background-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #096dd9; border-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { background-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px #e6f7ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #fff; background: #40a9ff; border-color: #40a9ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #fff; background: #096dd9; border-color: #096dd9; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px #e6f7ff; } .ant-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; } .ant-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: rgba(0, 0, 0, 0.25); background-color: #e6e6e6; border-color: #d9d9d9; box-shadow: none; } @-webkit-keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-radio-group.ant-radio-group-rtl { direction: rtl; } .ant-radio-wrapper.ant-radio-wrapper-rtl { margin-right: 0; margin-left: 8px; direction: rtl; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl { border-right-width: 0; border-left-width: 1px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { right: -1px; left: 0; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { border-right: 1px solid #d9d9d9; border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child { border-right-color: #40a9ff; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { border-right-color: #d9d9d9; } .ming.Input { border: 1px solid #ccc; box-sizing: border-box; height: 36px; border-radius: 3px; padding: 0 12px; font-size: 14px; } .ming.Input.Input--small { font-size: 13px; height: 30px; } .ming.Input:hover { border-color: #bbb; } .ming.Input:focus { border-color: #1e88e5; } .am-badge { position: relative; display: inline-block; line-height: 1; vertical-align: middle; } .am-badge-text { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: -6px; height: 18px; line-height: 18px; min-width: 9px; border-radius: 12px; padding: 0 5px; text-align: center; font-size: 12px; color: #fff; background-color: #ff5b05; white-space: nowrap; -webkit-transform: translateX(-45%); -ms-transform: translateX(-45%); transform: translateX(-45%); -webkit-transform-origin: -10% center; -ms-transform-origin: -10% center; transform-origin: -10% center; z-index: 10; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", SimSun, sans-serif; } .am-badge-text a { color: #fff; } .am-badge-text p { margin: 0; padding: 0; } .am-badge-hot .am-badge-text { background-color: #f96268; } .am-badge-dot { position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform-origin: 0 center; -ms-transform-origin: 0 center; transform-origin: 0 center; top: -4px; height: 8px; width: 8px; border-radius: 100%; background: #ff5b05; z-index: 10; } .am-badge-dot-large { height: 16px; width: 16px; } .am-badge-not-a-wrapper .am-badge-text, .am-badge-not-a-wrapper .am-badge-dot { top: auto; display: block; position: relative; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .am-badge-corner { width: 80px; padding: 8px; position: absolute; right: -32px; top: 8px; background-color: #ff5b05; color: #fff; white-space: nowrap; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-align: center; font-size: 15px; } .am-badge-corner-wrapper { overflow: hidden; } .am-action-sheet-wrap { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; -webkit-overflow-scrolling: touch; outline: 0; } .am-action-sheet-mask { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); height: 100%; z-index: 1000; } .am-action-sheet-mask-hidden { display: none; } .am-action-sheet-close { display: none; } .am-action-sheet { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #fff; padding-bottom: env(safe-area-inset-bottom); } .am-action-sheet.am-action-sheet-share { background-color: #f2f2f2; } .am-action-sheet-title, .am-action-sheet-message { margin: 15px auto; padding: 0 15px; text-align: center; } .am-action-sheet-title { font-size: 17px; } .am-action-sheet-message { color: #888; font-size: 14px; } .am-action-sheet-button-list { text-align: center; color: #000; } .am-action-sheet-button-list-item { font-size: 18px; padding: 0 8px; margin: 0; position: relative; height: 50px; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; border-top: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-action-sheet-button-list-item { border-top: none; } html:not([data-scale]) .am-action-sheet-button-list-item::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-action-sheet-button-list-item::before { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-action-sheet-button-list-item.am-action-sheet-button-list-item-active { background-color: #ddd; } .am-action-sheet-button-list-badge { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .am-action-sheet-button-list-badge .am-badge { margin-left: 8px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .am-action-sheet-button-list-item-content { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .am-action-sheet-button-list .am-action-sheet-cancel-button { padding-top: 6px; position: relative; } .am-action-sheet-button-list .am-action-sheet-cancel-button-mask { position: absolute; top: 0; left: 0; width: 100%; height: 6px; background-color: #e7e7ed; border-top: 1PX solid #ddd; border-bottom: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask { border-top: none; } html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::before { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask { border-bottom: none; } html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::after { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::after { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-action-sheet-button-list .am-action-sheet-destructive-button { color: #f4333c; } .am-action-sheet-share-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; border-top: 1PX solid #ddd; padding: 21px 0 21px 15px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-action-sheet-share-list { border-top: none; } html:not([data-scale]) .am-action-sheet-share-list::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-action-sheet-share-list::before { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-action-sheet-share-list-item { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 0 12px 0 0; } .am-action-sheet-share-list-item-icon { margin-bottom: 9px; width: 60px; height: 60px; background-color: #fff; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .am-action-sheet-share-list-item-title { color: #888; font-size: 10px; text-align: center; } .am-action-sheet-share-cancel-button { height: 50px; line-height: 50px; text-align: center; background-color: #fff; color: #000; font-size: 18px; position: relative; border-top: 1PX solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-action-sheet-share-cancel-button { border-top: none; } html:not([data-scale]) .am-action-sheet-share-cancel-button::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-action-sheet-share-cancel-button::before { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-action-sheet-share-cancel-button.am-action-sheet-share-cancel-button-active { background-color: #ddd; } .am-activity-indicator { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 99; } .am-activity-indicator-spinner { display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-2.125%20-1.875%2064%2064%22%3E%3Cpath%20fill%3D%22%23CCC%22%20d%3D%22M29.875-1.875c-17.673%200-32%2014.327-32%2032s14.327%2032%2032%2032%2032-14.327%2032-32-14.327-32-32-32zm0%2060.7c-15.85%200-28.7-12.85-28.7-28.7s12.85-28.7%2028.7-28.7%2028.7%2012.85%2028.7%2028.7-12.85%2028.7-28.7%2028.7z%22%2F%3E%3Cpath%20fill%3D%22%23108ee9%22%20d%3D%22M61.858%2030.34c.003-.102.008-.203.008-.305%200-11.43-5.996-21.452-15.01-27.113l-.013.026c-.24-.137-.515-.22-.81-.22-.912%200-1.65.738-1.65%201.65%200%20.654.384%201.215.937%201.482%207.963%205.1%2013.247%2014.017%2013.247%2024.176%200%20.147-.01.293-.01.44h.022c0%20.01-.004.02-.004.03%200%20.91.74%201.65%201.65%201.65s1.65-.74%201.65-1.65c0-.06-.012-.112-.018-.167z%22%2F%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; -webkit-animation: spinner-anime 1s linear infinite; animation: spinner-anime 1s linear infinite; } .am-activity-indicator-tip { font-size: 14px; margin-left: 8px; color: #000; opacity: 0.4; } .am-activity-indicator.am-activity-indicator-toast { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; z-index: 1999; } .am-activity-indicator.am-activity-indicator-toast .am-activity-indicator-spinner { margin: 0; } .am-activity-indicator.am-activity-indicator-toast .am-activity-indicator-toast { display: inline-block; position: relative; top: 4px; } .am-activity-indicator-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px 15px; border-radius: 7px; background-clip: padding-box; color: #fff; background-color: rgba(58, 58, 58, 0.9); font-size: 15px; line-height: 20px; } .am-activity-indicator-spinner-lg { width: 32px; height: 32px; } @-webkit-keyframes spinner-anime { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-anime { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .mobileSheetRowRecord { background-color: #fff; box-sizing: border-box; } .mobileSheetRowRecord .loadingMask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); z-index: 2; display: flex; align-items: center; } .mobileSheetRowRecord .header { padding: 10px 20px 10px; } .mobileSheetRowRecord .sheetNameWrap { padding: 16px 20px; align-items: center; justify-content: space-between; } .mobileSheetRowRecord .sheetName { color: #9e9e9e; font-size: 13px; background-color: #f5f5f5; display: inline-block; border-radius: 20px; padding: 5px 10px; } .mobileSheetRowRecord .mobileFormTop { position: relative; } .mobileSheetRowRecord .mobileFormTop .sheetNameWrap { width: 100%; position: absolute; top: 0; } .mobileSheetRowRecord .mobileFormTop .sheetNameWrap .sheetName { background-color: rgba(0, 0, 0, 0.2); color: #fff; font-weight: 600; } .mobileSheetRowRecord .mobileFormTop .ant-carousel .slick-dots { display: none !important; } .mobileSheetRowRecord .mobileFormTop .fixedSheetNameWrap { width: 100%; position: fixed; top: 0; z-index: 3; } .mobileSheetRowRecord .mobileFormTop .fixedSheetNameWrapBG { background-color: #fff; } .mobileSheetRowRecord .mobileFormTop .fixedSheetNameWrapBG .sheetName { color: #9e9e9e; background-color: #f5f5f5; } .mobileSheetRowRecord .fixedTabs.top { top: 49px; } .mobileSheetRowRecord .title { color: #000; font-size: 22px; font-weight: 500; word-break: break-all; } .mobileSheetRowRecord .spaceBetween { justify-content: space-between; } .mobileSheetRowRecord .justifyContentCenter { justify-content: center; } .mobileSheetRowRecord .moreHoriz { color: #2196f3; } .mobileSheetRowRecord .customFieldsWrapper { overflow-x: hidden; } .mobileSheetRowRecord .customFieldsWrapper.edit { padding-top: 10px; } .mobileSheetRowRecord .mobileFieldsContainer { overflow: hidden; padding: 20px; } .mobileSheetRowRecord .customFieldsContainer { padding: 16px 20px 30px; } .mobileSheetRowRecord .saveWrapper { padding: 10px 20px 10px; background-color: #fff; } .mobileSheetRowRecord .saveWrapper .save { color: #fff; height: 36px; width: 100%; text-align: center; line-height: 36px; padding: 0 23px; font-size: 15px; border-radius: 25px; background-color: #108ee9; } .mobileSheetRowRecord .btnsWrapper { padding: 7px 10px; /*border-top: 1px solid #f5f5f5;*/ background-color: #fff; font-weight: 500; } .mobileSheetRowRecord .btnsWrapper a { text-decoration: none; } .mobileSheetRowRecord .btnsWrapper .edit { color: #2196f3; } .mobileSheetRowRecord .btnsWrapper .delete { color: #f44336; } .mobileSheetRowRecord .btnsWrapper .moreOperation { width: 30px; height: 34px; line-height: 34px; text-align: center; font-weight: 500; color: #2196f3; background-color: rgba(33, 150, 243, 0.08); border-radius: 11px; } .mobileSheetRowRecord .btnsWrapper .moreOperation > i { line-height: 34px; } .mobileSheetRowRecord .btnsWrapper .am-button { height: 36px; line-height: 36px; padding: 0 10px; } .mobileSheetRowRecord .btnsWrapper .am-button-primary:hover { color: #fff; } .mobileSheetRowRecord .btnsWrapper .am-button, .mobileSheetRowRecord .btnsWrapper .am-button::before, .mobileSheetRowRecord .btnsWrapper .am-button-active::before { border-radius: 50px; } .mobileSheetRowRecord .btnsWrapper .flexShink { flex-shrink: 0; font-weight: 500; } .mobileSheetRowRecord .btnsWrapper .opcIcon { color: rgba(255, 255, 255, 0.8); } .mobileSheetRowRecord .btnsWrapper .disabled { background-color: rgba(0, 0, 0, 0.05); color: #757575; } .mobileSheetRowRecord .btnsWrapper .letterSpacing { letter-spacing: -2px; } .mobileSheetRowRecord .recordViewTabs { z-index: 2; } .mobileSheetRowRecord .recordViewTabs .am-tabs-tab-bar-wrap { z-index: 0; border-bottom: 1px solid #f5f5f5; } .mobileSheetRowRecord .recordViewTabs.edit .am-tabs-tab-bar-wrap { display: none; } .mobileSheetRowRecord .recordViewTabs .am-tabs-default-bar-tab { font-size: 14px; font-weight: 500; width: auto !important; border-bottom: none !important; padding: 0 16px !important; position: relative; } .mobileSheetRowRecord .recordViewTabs .am-tabs-default-bar-tab .tabName { max-width: 100px; position: relative; } .mobileSheetRowRecord .recordViewTabs .am-tabs-default-bar-tab:after { content: none !important; } .mobileSheetRowRecord .recordViewTabs .am-tabs-default-bar-tab:first-child { margin-left: 4px; } .mobileSheetRowRecord .recordViewTabs .am-tabs-default-bar-tab-active .tabName:before { content: ''; height: 3px; background-color: #108ee9; width: 80%; position: absolute; bottom: 0; transform: translateX(-50%); left: 50%; } .mobileSheetRowRecord .recordViewTabs .am-tabs-default-bar-underline { display: none; } .mobileSheetRowRecord .recordViewTabs .approveTabLine { height: 12px; width: 1px; left: 2px; top: 18px; position: absolute; background-color: #ddd; } .mobileSheetRowRecord .customFieldsLoading { height: 100%; } .mobileSheetRowRecord .extraAction { position: fixed; bottom: 56px; right: 20px; z-index: 100; } .mobileSheetRowRecord .extraAction.low { bottom: 0; } .mobileSheetRowRecord .extraAction .backContainer, .mobileSheetRowRecord .extraAction .chatMessageContainer { display: flex; flex-direction: row-reverse; } .mobileSheetRowRecord .extraAction .chatMessageContainer > div { width: 60px; height: 32px; color: #757575; text-align: center; line-height: 32px; border-radius: 16px; background-color: #fff; box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.16); z-index: 99; top: unset; bottom: unset; position: unset; } .mobileSheetRowRecord .iosChatMessage { bottom: 85px; } .am-modal-wrap-popup { overflow: hidden; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-message { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: fixed; top: 8px; left: 0; z-index: 1010; width: 100%; pointer-events: none; } .ant-message-notice { padding: 8px; text-align: center; } .ant-message-notice-content { display: inline-block; padding: 10px 16px; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); pointer-events: all; } .ant-message-success .anticon { color: #52c41a; } .ant-message-error .anticon { color: #ff4d4f; } .ant-message-warning .anticon { color: #faad14; } .ant-message-info .anticon, .ant-message-loading .anticon { color: #1890ff; } .ant-message .anticon { position: relative; top: 1px; margin-right: 8px; font-size: 16px; } .ant-message-notice.ant-move-up-leave.ant-move-up-leave-active { -webkit-animation-name: MessageMoveOut; animation-name: MessageMoveOut; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } @-webkit-keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1; } 100% { max-height: 0; padding: 0; opacity: 0; } } @keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1; } 100% { max-height: 0; padding: 0; opacity: 0; } } .ant-message-rtl { direction: rtl; } .ant-message-rtl span { direction: rtl; } .ant-message-rtl .anticon { margin-right: 0; margin-left: 8px; } .mobileFillRecordControlsModal { height: 95%; overflow: hidden; border-top-right-radius: 15px; border-top-left-radius: 15px; } .actionSheetModal .header { line-height: 24px; justify-content: space-between; padding: 15px 15px 20px; color: #9e9e9e; } .actionSheetModal .header .closeIcon { width: 24px; border-radius: 12px; background-color: #e6e6e6; } .actionSheetModal .customBtnLists { padding: 0 15px; flex-wrap: wrap; justify-content: space-between; font-weight: 500; } .actionSheetModal .customBtnLists .customBtnItem { min-width: calc(100%/2 - 10px); height: 32px; line-height: 32px; text-align: left; padding: 0 14px; border-radius: 20px; color: #fff; margin: 0 5px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .actionSheetModal .customBtnLists .opcIcon { color: rgba(255, 255, 255, 0.8); } .actionSheetModal .customBtnLists .disabled { background-color: rgba(0, 0, 0, 0.05); color: #757575; } .actionSheetModal .customBtnLists::after { width: 50%; height: 0px; display: block; content: ''; } .actionSheetModal .extrBtnBox { line-height: 56px; font-weight: 500; } .actionSheetModal .extrBtnBox .extraBtnItem { text-align: left; padding-left: 22px; color: #f44336; } .actionSheetModal .extrBtnBox .extraBtnItem .delIcon { margin-right: 30px; line-height: 56px; } .actionSheetModal .extrBtnBox .extraBtnItem:first-child .delTxt { border-top: 1px solid #eaeaea; font-size: 500; } .failureInfoModal { height: calc(100% - 40px); background-color: #f2f2f2; border-radius: 12px 12px 0 0; } .failureInfoModal .am-modal-content { border-radius: 12px 12px 0 0; } .failureInfoModal .am-modal-content .am-modal-header { padding: 0; } .failureInfoModal .am-modal-content .am-modal-header .header { height: 44px; line-height: 44px; font-size: 17px; font-weight: 700; padding: 0 16px; background-color: #fff; color: #333; } .failureInfoModal .am-modal-content .am-modal-header .header .closeIcon { color: #2195f2; line-height: 44px; } .failureInfoModal .am-modal-content .am-modal-body { height: calc(100% - 44px); background-color: #f2f2f2; padding-top: 10px; } .feedbackInfo { font-weight: 600; } .feedbackInfo .custBtnName { max-width: 135px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .feedbackInfo .verticalAlignM { vertical-align: middle; } .flowToastInfo .anticon-info-circle { display: none; } .flowToastInfo .ant-message-notice-content { height: 36px; line-height: 14px; background: #ffffff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12); border-radius: 52px; } .mobileRecordCardListDialog { background-color: #F8F8F8; } .mobileRecordCardListDialog .searchWrapper { display: flex; align-items: center; background-color: #fff; border-radius: 24px; padding: 7px 10px; margin: 10px 15px 0; } .mobileRecordCardListDialog .searchWrapper .icon-h5_search { color: #757575; font-size: 20px; } .mobileRecordCardListDialog .searchWrapper .icon-workflow_cancel { color: #BDBDBD; font-size: 15px; } .mobileRecordCardListDialog .searchWrapper input { flex: 1; border: 0; padding: 0 5px; } .mobileRecordCardListDialog .worksheetRecordCard .deleteRecord { display: none !important; } .mobileRecordCardListDialog .allowNewRecordBtn { color: #108ee9; height: 50px; padding-left: 10px; } .mobileRecordCardListDialog .empty { height: 100%; justify-content: center; } .mobileRecordCardListDialog .empty .icon { font-size: 66px; color: #bdbdbd; } .mobileRecordCardListDialog .btnsWrapper { height: 50px; background-color: #fff; padding: 0 10px; box-sizing: border-box; } .mobileRecordCardListDialog .btnsWrapper .flexRow { justify-content: flex-end; } .mobileRecordCardListDialog .btnsWrapper .am-button { height: 36px; line-height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .mobileRecordCardListDialog .btnsWrapper .am-button, .mobileRecordCardListDialog .btnsWrapper .am-button::before, .mobileRecordCardListDialog .btnsWrapper .am-button-active::before { font-size: 14px; border-radius: 50px; } .worksheetRecordCard { position: relative; box-sizing: border-box; cursor: pointer; padding-right: 92px; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16); height: 80px; margin-bottom: 12px; } .worksheetRecordCard.withoutCover { padding-right: 0; } .worksheetRecordCard .deleteRecord { display: none; position: absolute; z-index: 2; line-height: 1em; top: -12px; right: -10px; font-size: 20px; color: #757575; } .worksheetRecordCard .deleteRecord .icon { position: relative; } .worksheetRecordCard .deleteRecord:before { content: ''; position: absolute; left: 2px; top: 3px; width: 16px; height: 16px; border-radius: 16px; background-color: #fff; } .worksheetRecordCard .deleteRecord:hover { color: #515151; } .worksheetRecordCard .selectedIcon { display: none; position: absolute; z-index: 2; top: 0; right: 0; color: #fff; font-size: 18px; width: 0px; height: 0px; border: 17px solid #2096f3; border-left-color: transparent; border-bottom-color: transparent; } .worksheetRecordCard .selectedIcon .icon { position: absolute; right: -17px; top: -15px; } .worksheetRecordCard .titleText { margin: 4px 0 2px 16px; font-size: 14px; font-weight: 500; color: #333; } .worksheetRecordCard .titleText .maskHoverTheme { cursor: pointer; } .worksheetRecordCard .titleText .maskHoverTheme:hover { color: #1d5786 !important; } .worksheetRecordCard .titleText .maskHoverTheme:hover i { color: #9e9e9e !important; } .worksheetRecordCard .visibleControls { margin-top: 2px; } .worksheetRecordCard .visibleControls .visibleControl { margin-left: 16px; overflow: hidden; } .worksheetRecordCard .visibleControls .visibleControl .controlName { font-size: 12px; color: #9e9e9e; } .worksheetRecordCard .visibleControls .visibleControl .controlContent { margin-top: 2px; white-space: nowrap; } .worksheetRecordCard .visibleControls .visibleControl .controlContent .emptyTag { position: relative; border-radius: 3px; top: -3px; display: inline-block; width: 12px; height: 3px; background-color: #ededed; } .worksheetRecordCard .visibleControls .visibleControl:last-child { margin-right: 16px; } .worksheetRecordCard .cover { position: absolute; border-left: 1px solid #f0f0f0; right: 0; top: 0; width: 78px; height: 78px; border-radius: 0 2px 2px 0; object-fit: contain; } .worksheetRecordCard:hover { background-color: #fcfcfc; } .worksheetRecordCard:hover .deleteRecord { display: inline-block; } .worksheetRecordCard.selected { border-color: #2196f3 !important; } .worksheetRecordCard.selected .selectedIcon { display: inline-block; } .worksheetRecordCard.noControls { height: 46px !important; } .worksheetRecordCard.noControls .titleText { margin-top: 11px; } .worksheetRecordCard.noControls .cover { width: 46px !important; height: 46px !important; } .worksheetRecordCard.select_record_dialog .titleText { margin: 10px 0 0 16px; } .worksheetRecordCard.select_record_dialog .visibleControls { margin-top: 7px; } .worksheetRecordCard.select_record_dialog .visibleControls .visibleControl .controlName { display: none; } .worksheetRecordCard .hoverShow { visibility: hidden; } .worksheetRecordCard:hover .hoverShow { visibility: visible; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-carousel { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-carousel .slick-slider { position: relative; display: block; box-sizing: border-box; touch-action: pan-y; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .ant-carousel .slick-list { position: relative; display: block; margin: 0; padding: 0; overflow: hidden; } .ant-carousel .slick-list:focus { outline: none; } .ant-carousel .slick-list.dragging { cursor: pointer; } .ant-carousel .slick-list .slick-slide { pointer-events: none; } .ant-carousel .slick-list .slick-slide input.ant-radio-input, .ant-carousel .slick-list .slick-slide input.ant-checkbox-input { visibility: hidden; } .ant-carousel .slick-list .slick-slide.slick-active { pointer-events: auto; } .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input, .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input { visibility: visible; } .ant-carousel .slick-list .slick-slide > div > div { vertical-align: bottom; } .ant-carousel .slick-slider .slick-track, .ant-carousel .slick-slider .slick-list { transform: translate3d(0, 0, 0); touch-action: pan-y; } .ant-carousel .slick-track { position: relative; top: 0; left: 0; display: block; } .ant-carousel .slick-track::before, .ant-carousel .slick-track::after { display: table; content: ''; } .ant-carousel .slick-track::after { clear: both; } .slick-loading .ant-carousel .slick-track { visibility: hidden; } .ant-carousel .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .ant-carousel .slick-slide img { display: block; } .ant-carousel .slick-slide.slick-loading img { display: none; } .ant-carousel .slick-slide.dragging img { pointer-events: none; } .ant-carousel .slick-initialized .slick-slide { display: block; } .ant-carousel .slick-loading .slick-slide { visibility: hidden; } .ant-carousel .slick-vertical .slick-slide { display: block; height: auto; } .ant-carousel .slick-arrow.slick-hidden { display: none; } .ant-carousel .slick-prev, .ant-carousel .slick-next { position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; color: transparent; font-size: 0; line-height: 0; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-carousel .slick-prev:hover, .ant-carousel .slick-next:hover, .ant-carousel .slick-prev:focus, .ant-carousel .slick-next:focus { color: transparent; background: transparent; outline: none; } .ant-carousel .slick-prev:hover::before, .ant-carousel .slick-next:hover::before, .ant-carousel .slick-prev:focus::before, .ant-carousel .slick-next:focus::before { opacity: 1; } .ant-carousel .slick-prev.slick-disabled::before, .ant-carousel .slick-next.slick-disabled::before { opacity: 0.25; } .ant-carousel .slick-prev { left: -25px; } .ant-carousel .slick-prev::before { content: '\2190'; } .ant-carousel .slick-next { right: -25px; } .ant-carousel .slick-next::before { content: '\2192'; } .ant-carousel .slick-dots { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex !important; justify-content: center; margin-right: 15%; margin-left: 15%; padding-left: 0; list-style: none; } .ant-carousel .slick-dots-bottom { bottom: 12px; } .ant-carousel .slick-dots-top { top: 12px; bottom: auto; } .ant-carousel .slick-dots li { position: relative; display: inline-block; flex: 0 1 auto; box-sizing: content-box; width: 16px; height: 3px; margin: 0 2px; margin-right: 3px; margin-left: 3px; padding: 0; text-align: center; text-indent: -999px; vertical-align: top; transition: all 0.5s; } .ant-carousel .slick-dots li button { display: block; width: 100%; height: 3px; padding: 0; color: transparent; font-size: 0; background: #fff; border: 0; border-radius: 1px; outline: none; cursor: pointer; opacity: 0.3; transition: all 0.5s; } .ant-carousel .slick-dots li button:hover, .ant-carousel .slick-dots li button:focus { opacity: 0.75; } .ant-carousel .slick-dots li.slick-active { width: 24px; } .ant-carousel .slick-dots li.slick-active button { background: #fff; opacity: 1; } .ant-carousel .slick-dots li.slick-active:hover, .ant-carousel .slick-dots li.slick-active:focus { opacity: 1; } .ant-carousel-vertical .slick-dots { top: 50%; bottom: auto; flex-direction: column; width: 3px; height: auto; margin: 0; transform: translateY(-50%); } .ant-carousel-vertical .slick-dots-left { right: auto; left: 12px; } .ant-carousel-vertical .slick-dots-right { right: 12px; left: auto; } .ant-carousel-vertical .slick-dots li { width: 3px; height: 16px; margin: 4px 2px; vertical-align: baseline; } .ant-carousel-vertical .slick-dots li button { width: 3px; height: 16px; } .ant-carousel-vertical .slick-dots li.slick-active { width: 3px; height: 24px; } .ant-carousel-vertical .slick-dots li.slick-active button { width: 3px; height: 24px; } .ant-carousel-rtl { direction: rtl; } .ant-carousel-rtl .ant-carousel .slick-track { right: 0; left: auto; } .ant-carousel-rtl .ant-carousel .slick-prev { right: -25px; left: auto; } .ant-carousel-rtl .ant-carousel .slick-prev::before { content: '\2192'; } .ant-carousel-rtl .ant-carousel .slick-next { right: auto; left: -25px; } .ant-carousel-rtl .ant-carousel .slick-next::before { content: '\2190'; } .ant-carousel-rtl.ant-carousel .slick-dots { flex-direction: row-reverse; } .ant-carousel-rtl.ant-carousel-vertical .slick-dots { flex-direction: column; } .fieldRecycleBinText { display: flex; align-items: center; color: #757575; cursor: pointer; margin-left: 4px; padding: 8px 10px; font-weight: bold; border-radius: 18px; background-color: transparent; } .fieldRecycleBinText i { font-size: 16px; color: #9e9e9e; } .fieldRecycleBinText .freeIcon { color: #fcb400 !important; } .fieldRecycleBinText:hover { background-color: #ffffff; color: #333; } .fieldRecycleBinText.active { background-color: #ffffff; color: #2196f3; } .fieldRecycleBinText.active i { color: #2196f3; } .fieldRecycleBinText .recycle { margin: 0 6px; } .FieldRecycleBinDialog { width: 80% !important; } .FieldRecycleBinDialog .mui-dialog-header { padding-bottom: 14px !important; border-bottom: 1px solid #eaeaea; } .FieldRecycleBinDialog .mui-dialog-close-btn { right: 10px !important; top: 20px !important; } .FieldRecycleBinDialog .mui-dialog-body { padding: 0 0 0 13px !important; } .FieldRecycleBinDialog .FieldRecycleBinHeader { display: flex; align-items: center; justify-content: space-between; } .FieldRecycleBinDialog .FieldRecycleBinHeader .searchContainer { box-sizing: border-box; border-radius: 16px; position: relative; margin-right: 30px; height: 25px; } .FieldRecycleBinDialog .FieldRecycleBinHeader .searchContainer .inputCon { padding: 0px 6px; } .FieldRecycleBinDialog .FieldRecycleBinHeader .searchContainer .icon-search { margin-top: 2px; color: #bdbdbd !important; } .FieldRecycleBinDialog .FieldRecycleBinHeader .searchContainer .icon-cancel { font-size: 14px; position: absolute; cursor: pointer; color: #ccc !important; top: 6px; right: 8px; } .FieldRecycleBinDialog .FieldRecycleBinHeader .searchContainer .icon-cancel:hover { color: rgba(204, 204, 204, 0.8); } .FieldRecycleBinDialog .FieldRecycleBinHeader .searchContainer .input { line-height: 25px; width: 184px; height: 25px; font-size: 13px; padding: 0 24px 0 30px; border: none; outline: none; background: transparent; } .FieldRecycleBinDialog .FieldRecycleBinContent { width: 100%; height: 100%; display: flex; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinDetail { display: flex; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinDetail .settingContentWrap { position: relative; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinDetail .settingContentWrap::after { content: ''; display: block; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTableNull { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTableNull .iconWrap { width: 130px; height: 130px; line-height: 130px; text-align: center; border-radius: 50%; background-color: #f5f5f5; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTableNull .icon { vertical-align: middle; font-size: 66px; color: #bdbdbd; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTableNull .emptyExplain { margin-top: 20px; color: #9e9e9e; font-size: 17px; text-align: center; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable { flex: 1; display: flex; flex-direction: column; color: #757575; overflow-x: hidden; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .tableContent { flex: 1; display: flex; flex-direction: column; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList { padding: 13px 0; align-items: center; border: 1px solid transparent; border-bottom-color: #eaeaea; cursor: pointer; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList .editOption { width: 80px; padding-right: 18px; text-align: right; font-size: 18px; visibility: hidden; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList .editOption i { margin-top: 2px; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList .editOption i:hover { color: #2196f3 !important; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList .name { display: flex; align-items: center; min-width: 0; padding-left: 5px; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList .columnWidth { width: 130px; } @media (max-width: 1280px) { .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList .columnWidth { width: 100px; } } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList.active { background: #e4f3ff !important; border: 1px solid #2196f3 !important; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList.active .editOption { visibility: visible !important; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList:not(.fieldRecycleHeader):hover { background: #f8f8f8; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList:not(.fieldRecycleHeader):hover .editOption { visibility: visible; } .FieldRecycleBinDialog .FieldRecycleBinContent .FieldRecycleBinTable .fieldRecycleList.fieldRecycleHeader { font-size: 14px; padding: 15px 0 9px 0; } .discussTabs .am-tabs-tab-bar-wrap { position: relative; } .discussTabs .am-tabs-tab-bar-wrap::after { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 1px; transform-origin: 50% 100%; transform: scaleY(0.5); } .discussTabs .am-tabs-default-bar-tab { border-bottom: none !important; width: 60px !important; } .discussTabs .am-tabs-default-bar-tab:after { content: none !important; } .discussTabs .am-tabs-default-bar-tab-active:before { content: ''; width: 100%; height: 4px; background-color: #108ee9; width: 16px; margin-left: 36%; position: absolute; left: 0; bottom: 3px; border-radius: 4px; } .discussTabs .am-tabs-default-bar-underline { display: none; } .discussTabs .am-list-body::before { content: none !important; } .discussTabs .participation { height: 50px; padding: 0 20px; background-color: #fff; } .discussTabs .participation .text { flex: 1; font-size: 15px; color: #2196F3; } .discussTabs .participation .icon { font-size: 23px; color: #888; } .discussTabs .withoutData img { width: 90px; } .discussTabs .withoutData .text { color: #9e9e9e; font-size: 15px; } .discussTabs .icon.close { position: absolute; right: 10px; top: 12px; z-index: 2; } .sheetDiscussList .am-list-item { align-items: flex-start; height: auto !important; } .sheetDiscussList .am-list-thumb { margin-top: 15px; } .sheetDiscussList .am-list-thumb img { width: 36px; height: 36px; border-radius: 50%; } .sheetDiscussList .am-list-brief { white-space: normal !important; } .sheetDiscussList .attsImages, .sheetDiscussList .attsFiles { padding: 0; } .sheetDiscussList .name { flex: 1; font-weight: 500; } .sheetDiscussList .content { display: flex; justify-content: space-between; word-break: break-all; } .sheetLogs .am-list-content, .sheetLogs .am-list-extra { width: 0px !important; font-size: 14px !important; } .sheetAttachments { height: 100%; } .sheetAttachments .am-list-body { height: 100%; } .sheetAttachments .attachmentFiles { padding: 10px 10px 0; overflow-y: auto; height: 100%; } .am-whitespace.am-whitespace-xs { height: 3px; } .am-whitespace.am-whitespace-sm { height: 6px; } .am-whitespace.am-whitespace-md { height: 9px; } .am-whitespace.am-whitespace-lg { height: 15px; } .am-whitespace.am-whitespace-xl { height: 21px; } .am-indexed-list-section-body.am-list-body, .am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line { border-bottom: 0; } .am-indexed-list-section-body.am-list-body:after, .am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line:after { display: none !important; } .am-indexed-list-section-header.am-list-body, .am-indexed-list-section-header.am-list-body .am-list-item .am-list-line { border-bottom: 0; } .am-indexed-list-section-header.am-list-body:after, .am-indexed-list-section-header.am-list-body .am-list-item .am-list-line:after { display: none !important; } .am-indexed-list-section-header .am-list-item { height: 30px; min-height: 30px; background-color: #f5f5f9; } .am-indexed-list-section-header .am-list-item .am-list-line { height: 30px; min-height: 30px; } .am-indexed-list-section-header .am-list-item .am-list-content { font-size: 14px !important; color: #888 !important; } .am-indexed-list-quick-search-bar { position: fixed; top: 0; right: 0; z-index: 0; text-align: center; color: #108ee9; font-size: 16px; list-style: none; padding: 0; } .am-indexed-list-quick-search-bar li { padding: 0 5px; } .am-indexed-list-quick-search-bar-over { background-color: rgba(0, 0, 0, 0.4); } .am-indexed-list-qsindicator { position: absolute; left: 50%; top: 50%; margin: -15px auto auto -30px; width: 60px; height: 30px; background: transparent; opacity: 0.7; color: #0af; font-size: 20px; border-radius: 30px; z-index: 1999; text-align: center; line-height: 30px; } .am-indexed-list-qsindicator-hide { display: none; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-divider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; border-top: 1px solid rgba(0, 0, 0, 0.06); } .ant-divider-vertical { position: relative; top: -0.06em; display: inline-block; height: 0.9em; margin: 0 8px; vertical-align: middle; border-top: 0; border-left: 1px solid rgba(0, 0, 0, 0.06); } .ant-divider-horizontal { display: flex; clear: both; width: 100%; min-width: 100%; margin: 24px 0; } .ant-divider-horizontal.ant-divider-with-text { display: flex; margin: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-align: center; border-top: 0; border-top-color: rgba(0, 0, 0, 0.06); } .ant-divider-horizontal.ant-divider-with-text::before, .ant-divider-horizontal.ant-divider-with-text::after { position: relative; top: 50%; width: 50%; border-top: 1px solid transparent; border-top-color: inherit; border-bottom: 0; transform: translateY(50%); content: ''; } .ant-divider-horizontal.ant-divider-with-text-left::before { top: 50%; width: 5%; } .ant-divider-horizontal.ant-divider-with-text-left::after { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::before { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::after { top: 50%; width: 5%; } .ant-divider-inner-text { display: inline-block; padding: 0 1em; } .ant-divider-dashed { background: none; border-color: rgba(0, 0, 0, 0.06); border-style: dashed; border-width: 1px 0 0; } .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after { border-style: dashed none none; } .ant-divider-vertical.ant-divider-dashed { border-width: 0 0 0 1px; } .ant-divider-plain.ant-divider-with-text { color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before { width: 0; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after { width: 100%; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text { padding-left: 0; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before { width: 100%; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after { width: 0; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text { padding-right: 0; } .ant-divider-rtl { direction: rtl; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before { width: 95%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after { width: 95%; } .logBox { padding: 16px 20px 0 20px; padding-left: 20px !important; box-sizing: border-box; } .logBox .paddingLeft27 { padding-left: 27px; } .logBox .moreLogData { margin-left: 28px; cursor: pointer; } .logBox .selectTriggerChildAvatar .accountName { cursor: pointer; padding: 3px 5px; border-radius: 5px; } .logBox .selectTriggerChildAvatar .accountName:hover { background: #f7f7f7; color: #2196f3; } .logBox .selectTriggerChildAvatar .accountName.mobileAccountName:hover { background: #fff; color: #9e9e9e; } .logBox .selectTriggerChild { cursor: pointer; padding: 3px 5px; border-radius: 5px; display: flex; align-items: center; } .logBox .selectTriggerChild.hasHover:hover { background: #f7f7f7; color: #2196f3; } .logBox .selectTriggerChild.hasHover:hover .icon { color: #2196f3 !important; } .logBox .selectCon { font-size: 13px; color: #9e9e9e; display: flex; justify-content: space-between; margin-bottom: 16px; } .logBox .selectCon .icon { font-size: 18px; color: #757575; } .logBox .selectCon .icon.icon-arrow-down { color: #9e9e9e; font-size: 8px; width: 18px; display: inline-block; text-align: center; } .logBox .selectCon .icon-cancel1 { display: none; } .logBox .selectCon .selectUser, .logBox .selectCon .selectField, .logBox .selectCon .selectDate { padding: 8px 12px; background: #fff; display: flex; align-items: center; width: fit-content; cursor: pointer; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .logBox .selectCon .selectUser:hover, .logBox .selectCon .selectField:hover, .logBox .selectCon .selectDate:hover { box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); } .logBox .selectCon .selectUser:hover .icon-cancel1, .logBox .selectCon .selectField:hover .icon-cancel1, .logBox .selectCon .selectDate:hover .icon-cancel1 { display: inline-block; } .logBox .selectCon .selectUser:hover .icon-arrow-down, .logBox .selectCon .selectField:hover .icon-arrow-down, .logBox .selectCon .selectDate:hover .icon-arrow-down { display: none; } .logBox .selectCon .selectUser { margin-right: 8px; } .logBox .selectCon .selectConText { margin: 0 4px; } .logBox .selectCon .selectLight { color: #2196f3; } .logBox .selectCon .selectLight .icon { color: #2196f3; } .logBox .selectCon .left { display: flex; } .logBox .worksheetRocordLogCard { padding: 16px; background-color: #fff; margin-bottom: 16px; border-radius: 5px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06); } .logBox .worksheetRocordLogCard .worksheetRocordLogCardTopBox { display: flex; justify-content: space-between; margin-bottom: 8px; } .logBox .worksheetRocordLogCard .worksheetRocordLogCardTopBox span { line-height: 20px; } .logBox .worksheetRocordLogCard .worksheetRocordLogCardTopBox .worksheetRocordLogCardTitleAvatar { margin-right: 2px; height: auto !important; } .logBox .worksheetRocordLogCard .worksheetRocordLogCardTopBox .worksheetRocordLogCardTitleAvatar img { margin-top: -4px; } .logBox .worksheetRocordLogCard .worksheetRocordLogCardTopBox .titleAvatarText a { color: #333; } .logBox .worksheetRocordLogCard .worksheetRocordLogCardTopBox .titleAvatarText a:hover { color: #40a9ff; } .logBox .worksheetRocordLogCard .worksheetRocordLogCardHrTime { border-top: 1px solid #eaeaea; color: #9e9e9e; display: flex; justify-content: space-between; margin-top: 16px; padding-top: 16px; margin-left: 7px; } .logBox .worksheetRocordLogCard:last-child .worksheetRocordLogCardTopBox { margin-bottom: 0; } .logBox .loadOldLog { font-size: 12px; color: #9e9e9e; text-align: center; margin: 16px 0; } .logBox .loadOldLog span:hover { font-size: #1890ff; cursor: pointer; } .logBox .logDivider { font-size: 12px; color: #9e9e9e; } .logBox .worksheet-rocord-log-item { margin-top: 4px; } .logBox .worksheet-rocord-log-item .widgetTitle { font-size: 13px; display: flex; align-items: center; margin-right: 8px; margin-left: 2px; } .logBox .worksheet-rocord-log-item .widgetTitle > span:first-child { font-weight: 700; } .logBox .worksheet-rocord-log-item .widgetTitle .icon { vertical-align: middle; width: 20px; display: inline-block; } .logBox .worksheet-rocord-log-item-Row { display: flex; justify-content: start; align-items: flex-start; } .logBox .hideEle { display: none; } .logBox.mobileLogBox { padding: 10px 10px 0 10px !important; font-size: 13px; } .logBox.mobileLogBox .worksheetRocordLogCardTopBox { font-size: 12px; } .logBox.mobileLogBox .worksheet-rocord-log-item { padding: 0; text-align: justify; } .worksheetRocordLog { background: #fafafa; } .worksheetRecordLog .oldBackground { background: #feeaec; text-decoration: line-through; } .worksheetRecordLog .newBackground { background: #dff8ea; } .worksheetRecordLog .defaultBackground { background: #f0f0f0; } .WorksheetRocordLogSelectTags { display: flex; flex-wrap: wrap; justify-content: left; } .WorksheetRocordLogSelectTags .WorksheetRocordLogSelectTag { height: auto; width: fit-content; line-height: 20px; font-size: 13px; padding: 0 8px; margin-right: 4px; margin-bottom: 4px; border-radius: 3px; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; cursor: pointer; } .WorksheetRocordLogSelectTags .hoverHighline { cursor: pointer; } .WorksheetRocordLogSelectTags .hoverHighline:hover { color: #0d47a1; } .WorksheetRocordLogSelectTags .noneTextLineThrough { text-decoration: none !important; } .worksheetRecordLog .flexDirectionRever { flex-direction: row-reverse; } .worksheetRecordLog .oldValue { background: #feeaec; text-decoration: line-through; } .worksheetRecordLog .newValue { background: #dff8ea; } .worksheetRecordLog .defaultValue { background: rgba(0, 0, 0, 0.06); } .WorksheetRecordLogDiffText { font-size: 13px; line-height: 20px; word-break: break-word; } .WorksheetRecordLogDiffText.mobileLogDiffText { word-break: break-word; } .WorksheetRecordLogDiffText.height100 { height: 100px; } .WorksheetRecordLogDiffText.noHeight { height: unset !important; } .WorksheetRecordLogDiffText .added { background: #dff8ea; } .WorksheetRecordLogDiffText .removed { text-decoration: line-through; background: #feeaec; } .WorksheetRecordLogOpen { color: #9e9e9e; font-size: 13px; cursor: pointer; } .WorksheetRecordLogOpen:hover { color: #2196f3; } .ellipsis5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .WorksheetRecordLogThumbnail { cursor: pointer; display: flex; flex-wrap: wrap; } .WorksheetRecordLogThumbnail .WorksheetRecordLogThumbnailItem { height: 20px; display: flex; line-height: 20px; margin-right: 5px; padding-right: 8px; font-size: 13px; margin-bottom: 4px; width: fit-content; border-radius: 3px; overflow: hidden; } .WorksheetRecordLogThumbnail .WorksheetRecordLogThumbnailItem:hover { color: #0d47a1; } .WorksheetRecordLogThumbnail .WorksheetRecordLogThumbnailItem .itemImgCon { font-size: 0; margin-right: 8px; position: relative; } .WorksheetRecordLogThumbnail .WorksheetRecordLogThumbnailItem .itemImgCon::after { content: ''; position: absolute; height: 20px; width: 100%; box-shadow: rgba(0, 0, 0, 0.05) 0 0 0 1px inset; top: 0; left: 0; z-index: 1; } .WorksheetRecordLogThumbnail .WorksheetRecordLogThumbnailItem .itemImg { height: 20px; width: auto; min-width: 16px; max-width: 120px; } .WorksheetRecordLogDiffTextBottomButtons { display: flex; justify-content: space-between; margin-top: 12px; } .picturePreview { text-align: center; width: 240px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.24); border-radius: 6px; background-color: #fff; overflow: hidden; } .picturePreview .fileDetail { text-align: left; font-size: 13px; padding: 8px 16px; word-break: break-all; } .picturePreview .fileName { color: #333; } .picturePreview .fileSize { color: #9e9e9e; } .picturePreview .imgCon { background-color: #f5f5f5; height: 160px; display: flex; justify-content: center; align-items: center; } .picturePreview .imgCon .picturePreviewImg { max-width: 100%; max-height: 160px; object-fit: contain; } .richTextDiffDialog { min-width: 900px !important; max-width: calc(68vw) !important; } .richTextDiffDialog .mui-dialog-footer { display: none; } .richTextDiffDialog .mui-dialog-header, .richTextDiffDialog .mui-dialog-body { padding: 0 !important; } .richTextDiffDialog .mui-dialog-body { display: flex; } .richTextDiffDialog .leftCon { border-right: 1px solid #eaeaea; } .richTextDiffDialog .leftCon, .richTextDiffDialog .rightCon { width: 50%; padding: 21px 0; } .richTextDiffDialog .richTextHeader { display: flex; font-size: 17px; font-weight: 600; border-bottom: 1px solid #eaeaea; } .richTextDiffDialog .rightCon .contentCon, .richTextDiffDialog .leftCon .contentCon, .richTextDiffDialog .rightCon .title, .richTextDiffDialog .leftCon .title { padding: 0 24px; } .richTextDiffDialog .mui-dialog-body::-webkit-scrollbar { width: 0; } .richTextDiffDialog .richTextContent { word-break: break-word; } .worksheetRecordLogSubList { padding-top: 4px; font-size: 13px; } .worksheetRecordLogSubList .worksheetRecordLogSubListItem { margin-bottom: 6px; } .paddingBetween20 { padding-left: 20px; } .worksheetRecordLogSubDialog .mui-dialog-footer { display: none !important; } .worksheetRecordLogSubDialog .tableTitle { font-size: 17px; margin-bottom: 20px; line-height: 17px; font-weight: 600; } .worksheetRecordLogSubDialog .oldBackground { background: #feeaec; text-decoration: line-through; } .worksheetRecordLogSubDialog .newBackground { background: #dff8ea; } .worksheetRecordLogSubDialog .defaultBackground { background: #f0f0f0; } .worksheetRecordLogSubDialog .oldValue { background: #feeaec; text-decoration: line-through; } .worksheetRecordLogSubDialog .newValue { background: #dff8ea; } .worksheetRecordLogSubDialog .defaultValue { background: rgba(0, 0, 0, 0.06); } .worksheetRecordLogSubTable .ant-table-thead > tr > th { padding: 10px 7px; font-size: 13px; line-height: 13px; color: #757575; font-weight: 600; background: #fafafa; } .worksheetRecordLogSubTable .ant-table-cell { min-width: 200px; } .worksheetRecordLogSubTable .canMask { cursor: pointer; } .worksheetRecordLogSubTable .canMask:hover { color: #1d5786; } .worksheetRecordLogSubTable .worksheetRecordLogSubTableRow > td { padding: 10px 7px; font-size: 13px; line-height: 13px; color: #333; } .worksheetRecordLogSubTable .worksheetRecordLogSubTableRow.add { background: #dff8ea; } .worksheetRecordLogSubTable .worksheetRecordLogSubTableRow.remove { background: #feeaec; text-decoration: line-through; } .worksheetRecordLogSubTable .rectTag { height: auto; width: fit-content; line-height: 20px; font-size: 13px; padding: 0 8px; margin-right: 4px; margin-bottom: 4px; border-radius: 3px; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .triggerSelectPopup { padding: 12px 16px; background: #fff; display: inline-block; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16); border-radius: 3px; cursor: pointer; } .triggerSelectPopup:hover { color: #2196f3; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-table.ant-table-middle { font-size: 14px; } .ant-table.ant-table-middle .ant-table-title, .ant-table.ant-table-middle .ant-table-footer, .ant-table.ant-table-middle .ant-table-thead > tr > th, .ant-table.ant-table-middle .ant-table-tbody > tr > td, .ant-table.ant-table-middle tfoot > tr > th, .ant-table.ant-table-middle tfoot > tr > td { padding: 12px 8px; } .ant-table.ant-table-middle .ant-table-filter-trigger { margin-right: -4px; } .ant-table.ant-table-middle .ant-table-expanded-row-fixed { margin: -12px -8px; } .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -12px -8px -12px 25px; } .ant-table.ant-table-small { font-size: 14px; } .ant-table.ant-table-small .ant-table-title, .ant-table.ant-table-small .ant-table-footer, .ant-table.ant-table-small .ant-table-thead > tr > th, .ant-table.ant-table-small .ant-table-tbody > tr > td, .ant-table.ant-table-small tfoot > tr > th, .ant-table.ant-table-small tfoot > tr > td { padding: 8px 8px; } .ant-table.ant-table-small .ant-table-filter-trigger { margin-right: -4px; } .ant-table.ant-table-small .ant-table-expanded-row-fixed { margin: -8px -8px; } .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -8px -8px -8px 25px; } .ant-table-small .ant-table-thead > tr > th { background-color: #fafafa; } .ant-table-small .ant-table-selection-column { width: 46px; min-width: 46px; } .ant-table.ant-table-bordered > .ant-table-title { border: 1px solid #f0f0f0; border-bottom: 0; } .ant-table.ant-table-bordered > .ant-table-container { border-left: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before { background-color: transparent !important; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -16px -17px; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { position: absolute; top: 0; right: 1px; bottom: 0; border-right: 1px solid #f0f0f0; content: ''; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table { border-top: 1px solid #f0f0f0; } .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td, .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td { border-right: 0; } .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -12px -9px; } .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -8px -9px; } .ant-table.ant-table-bordered > .ant-table-footer { border: 1px solid #f0f0f0; border-top: 0; } .ant-table-cell .ant-table-container:first-child { border-top: 0; } .ant-table-cell-scrollbar { box-shadow: 0 1px 0 1px #fafafa; } .ant-table-wrapper { clear: both; max-width: 100%; } .ant-table-wrapper::before { display: table; content: ''; } .ant-table-wrapper::after { display: table; clear: both; content: ''; } .ant-table { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; font-size: 14px; background: #fff; border-radius: 2px; } .ant-table table { width: 100%; text-align: left; border-radius: 2px 2px 0 0; border-collapse: separate; border-spacing: 0; } .ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td { position: relative; padding: 16px 16px; overflow-wrap: break-word; } .ant-table-cell-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first { overflow: visible; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content { display: block; overflow: hidden; text-overflow: ellipsis; } .ant-table-cell-ellipsis .ant-table-column-title { overflow: hidden; text-overflow: ellipsis; word-break: keep-all; } .ant-table-title { padding: 16px 16px; } .ant-table-footer { padding: 16px 16px; color: rgba(0, 0, 0, 0.85); background: #fafafa; } .ant-table-thead > tr > th { position: relative; color: rgba(0, 0, 0, 0.85); font-weight: 500; text-align: left; background: #fafafa; border-bottom: 1px solid #f0f0f0; transition: background 0.3s ease; } .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { position: absolute; top: 50%; right: 0; width: 1px; height: 1.6em; background-color: rgba(0, 0, 0, 0.06); transform: translateY(-50%); transition: background-color 0.3s; content: ''; } .ant-table-thead > tr:not(:last-child) > th[colspan] { border-bottom: 0; } .ant-table-tbody > tr > td { border-bottom: 1px solid #f0f0f0; transition: background 0.3s; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table { margin: -16px -16px -16px 33px; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td { border-bottom: 0; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child { border-radius: 0; } .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover { background: #fafafa; } .ant-table-tbody > tr.ant-table-row-selected > td { background: #e6f7ff; border-color: rgba(0, 0, 0, 0.03); } .ant-table-tbody > tr.ant-table-row-selected:hover > td { background: #dcf4ff; } .ant-table-summary { position: relative; z-index: 2; background: #fff; } div.ant-table-summary { box-shadow: 0 -1px 0 #f0f0f0; } .ant-table-summary > tr > th, .ant-table-summary > tr > td { border-bottom: 1px solid #f0f0f0; } .ant-table-pagination.ant-pagination { margin: 16px 0; } .ant-table-pagination { display: flex; flex-wrap: wrap; row-gap: 8px; } .ant-table-pagination > * { flex: none; } .ant-table-pagination-left { justify-content: flex-start; } .ant-table-pagination-center { justify-content: center; } .ant-table-pagination-right { justify-content: flex-end; } .ant-table-thead th.ant-table-column-has-sorters { cursor: pointer; transition: all 0.3s; } .ant-table-thead th.ant-table-column-has-sorters:hover { background: rgba(0, 0, 0, 0.04); } .ant-table-thead th.ant-table-column-has-sorters:hover::before { background-color: transparent !important; } .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover, .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover { background: #f5f5f5; } .ant-table-thead th.ant-table-column-sort { background: #f5f5f5; } .ant-table-thead th.ant-table-column-sort::before { background-color: transparent !important; } td.ant-table-column-sort { background: #fafafa; } .ant-table-column-title { position: relative; z-index: 1; flex: 1; } .ant-table-column-sorters { display: flex; flex: auto; align-items: center; justify-content: space-between; } .ant-table-column-sorters::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; } .ant-table-column-sorter { margin-left: 4px; color: #bfbfbf; font-size: 0; transition: color 0.3s; } .ant-table-column-sorter-inner { display: inline-flex; flex-direction: column; align-items: center; } .ant-table-column-sorter-up, .ant-table-column-sorter-down { font-size: 11px; } .ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active { color: #1890ff; } .ant-table-column-sorter-up + .ant-table-column-sorter-down { margin-top: -0.3em; } .ant-table-column-sorters:hover .ant-table-column-sorter { color: #a6a6a6; } .ant-table-filter-column { display: flex; justify-content: space-between; } .ant-table-filter-trigger { position: relative; display: flex; align-items: center; margin: -4px -8px -4px 4px; padding: 0 4px; color: #bfbfbf; font-size: 12px; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-table-filter-trigger:hover { color: rgba(0, 0, 0, 0.45); background: rgba(0, 0, 0, 0.04); } .ant-table-filter-trigger.active { color: #1890ff; } .ant-table-filter-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; min-width: 120px; background-color: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-table-filter-dropdown .ant-dropdown-menu { max-height: 264px; overflow-x: hidden; border: 0; box-shadow: none; } .ant-table-filter-dropdown .ant-dropdown-menu:empty::after { display: block; padding: 8px 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; text-align: center; content: 'Not Found'; } .ant-table-filter-dropdown-tree { padding: 8px 8px 0; } .ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper, .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover { background-color: #bae7ff; } .ant-table-filter-dropdown-search { padding: 8px; border-bottom: 1px #f0f0f0 solid; } .ant-table-filter-dropdown-search-input input { min-width: 140px; } .ant-table-filter-dropdown-search-input .anticon { color: rgba(0, 0, 0, 0.25); } .ant-table-filter-dropdown-checkall { width: 100%; margin-bottom: 4px; margin-left: 4px; } .ant-table-filter-dropdown-submenu > ul { max-height: calc(100vh - 130px); overflow-x: hidden; overflow-y: auto; } .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-left: 8px; } .ant-table-filter-dropdown-btns { display: flex; justify-content: space-between; padding: 7px 8px; overflow: hidden; background-color: inherit; border-top: 1px solid #f0f0f0; } .ant-table-selection-col { width: 32px; } .ant-table-bordered .ant-table-selection-col { width: 50px; } table tr th.ant-table-selection-column, table tr td.ant-table-selection-column { padding-right: 8px; padding-left: 8px; text-align: center; } table tr th.ant-table-selection-column .ant-radio-wrapper, table tr td.ant-table-selection-column .ant-radio-wrapper { margin-right: 0; } table tr th.ant-table-selection-column.ant-table-cell-fix-left { z-index: 3; } table tr th.ant-table-selection-column::after { background-color: transparent !important; } .ant-table-selection { position: relative; display: inline-flex; flex-direction: column; } .ant-table-selection-extra { position: absolute; top: 0; z-index: 1; cursor: pointer; transition: all 0.3s; -webkit-margin-start: 100%; margin-inline-start: 100%; -webkit-padding-start: 4px; padding-inline-start: 4px; } .ant-table-selection-extra .anticon { color: #bfbfbf; font-size: 10px; } .ant-table-selection-extra .anticon:hover { color: #a6a6a6; } .ant-table-expand-icon-col { width: 48px; } .ant-table-row-expand-icon-cell { text-align: center; } .ant-table-row-indent { float: left; height: 1px; } .ant-table-row-expand-icon { color: #1890ff; text-decoration: none; cursor: pointer; transition: color 0.3s; position: relative; display: inline-flex; float: left; box-sizing: border-box; width: 17px; height: 17px; padding: 0; color: inherit; line-height: 17px; background: #fff; border: 1px solid #f0f0f0; border-radius: 2px; outline: none; transform: scale(0.94117647); transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover { color: #40a9ff; } .ant-table-row-expand-icon:active { color: #096dd9; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover, .ant-table-row-expand-icon:active { border-color: currentcolor; } .ant-table-row-expand-icon::before, .ant-table-row-expand-icon::after { position: absolute; background: currentcolor; transition: transform 0.3s ease-out; content: ''; } .ant-table-row-expand-icon::before { top: 7px; right: 3px; left: 3px; height: 1px; } .ant-table-row-expand-icon::after { top: 3px; bottom: 3px; left: 7px; width: 1px; transform: rotate(90deg); } .ant-table-row-expand-icon-collapsed::before { transform: rotate(-180deg); } .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } .ant-table-row-expand-icon-spaced { background: transparent; border: 0; visibility: hidden; } .ant-table-row-expand-icon-spaced::before, .ant-table-row-expand-icon-spaced::after { display: none; content: none; } .ant-table-row-indent + .ant-table-row-expand-icon { margin-top: 2.5005px; margin-right: 8px; } tr.ant-table-expanded-row > td, tr.ant-table-expanded-row:hover > td { background: #fbfbfb; } tr.ant-table-expanded-row .ant-descriptions-view { display: flex; } tr.ant-table-expanded-row .ant-descriptions-view table { flex: auto; width: auto; } .ant-table .ant-table-expanded-row-fixed { position: relative; margin: -16px -16px; padding: 16px 16px; } .ant-table-tbody > tr.ant-table-placeholder { text-align: center; } .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder { color: rgba(0, 0, 0, 0.25); } .ant-table-tbody > tr.ant-table-placeholder:hover > td { background: #fff; } .ant-table-cell-fix-left, .ant-table-cell-fix-right { position: -webkit-sticky !important; position: sticky !important; z-index: 2; background: #fff; } .ant-table-cell-fix-left-first::after, .ant-table-cell-fix-left-last::after { position: absolute; top: 0; right: 0; bottom: -1px; width: 30px; transform: translateX(100%); transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table-cell-fix-right-first::after, .ant-table-cell-fix-right-last::after { position: absolute; top: 0; bottom: -1px; left: 0; width: 30px; transform: translateX(-100%); transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table .ant-table-container::before, .ant-table .ant-table-container::after { position: absolute; top: 0; bottom: 0; z-index: 1; width: 30px; transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table .ant-table-container::before { left: 0; } .ant-table .ant-table-container::after { right: 0; } .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container { position: relative; } .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-left .ant-table-cell-fix-left-first::after, .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-left .ant-table-cell-fix-left-last::before { background-color: transparent !important; } .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container { position: relative; } .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-right .ant-table-cell-fix-right-first::after, .ant-table-ping-right .ant-table-cell-fix-right-last::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-sticky-holder { position: -webkit-sticky; position: sticky; z-index: calc(2 + 1); background: #fff; } .ant-table-sticky-scroll { position: -webkit-sticky; position: sticky; bottom: 0; z-index: calc(2 + 1); display: flex; align-items: center; background: #ffffff; border-top: 1px solid #f0f0f0; opacity: 0.6; } .ant-table-sticky-scroll:hover { transform-origin: center bottom; } .ant-table-sticky-scroll-bar { height: 8px; background-color: rgba(0, 0, 0, 0.35); border-radius: 4px; } .ant-table-sticky-scroll-bar:hover { background-color: rgba(0, 0, 0, 0.8); } .ant-table-sticky-scroll-bar-active { background-color: rgba(0, 0, 0, 0.8); } @media all and (-ms-high-contrast: none) { .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: none !important; } .ant-table-ping-right .ant-table-cell-fix-right-first::after { box-shadow: none !important; } } .ant-table { /* title + table */ /* table */ /* table + footer */ } .ant-table-title { border-radius: 2px 2px 0 0; } .ant-table-title + .ant-table-container { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child { border-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child { border-radius: 0; } .ant-table-container { border-top-left-radius: 2px; border-top-right-radius: 2px; } .ant-table-container table > thead > tr:first-child th:first-child { border-top-left-radius: 2px; } .ant-table-container table > thead > tr:first-child th:last-child { border-top-right-radius: 2px; } .ant-table-footer { border-radius: 0 0 2px 2px; } .ant-table-wrapper-rtl { direction: rtl; } .ant-table-rtl { direction: rtl; } .ant-table-wrapper-rtl .ant-table table { text-align: right; } .ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { right: auto; left: 0; } .ant-table-wrapper-rtl .ant-table-thead > tr > th { text-align: right; } .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl { margin: -16px 33px -16px -16px; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left { justify-content: flex-end; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right { justify-content: flex-start; } .ant-table-wrapper-rtl .ant-table-column-sorter { margin-right: 4px; margin-left: 0; } .ant-table-wrapper-rtl .ant-table-filter-column-title { padding: 16px 16px 16px 2.3em; } .ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { padding: 0 0 0 2.3em; } .ant-table-wrapper-rtl .ant-table-filter-trigger { margin: -4px 4px -4px -8px; } .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-right: 8px; padding-left: 0; } .ant-table-wrapper-rtl .ant-table-selection { text-align: center; } .ant-table-wrapper-rtl .ant-table-row-indent { float: right; } .ant-table-wrapper-rtl .ant-table-row-expand-icon { float: right; } .ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon { margin-right: 0; margin-left: 8px; } .ant-table-wrapper-rtl .ant-table-row-expand-icon::after { transform: rotate(-90deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before { transform: rotate(180deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-dropdown-menu-item.ant-dropdown-menu-item-danger { color: #ff4d4f; } .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { color: #fff; background-color: #ff4d4f; } .ant-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-dropdown::before { position: absolute; top: -4px; right: 0; bottom: -4px; left: -7px; z-index: -9999; opacity: 0.0001; content: ' '; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn > .anticon-down { font-size: 10px; } .ant-dropdown-wrap .anticon-down::before { transition: transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden, .ant-dropdown-menu-submenu-hidden { display: none; } .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-top, .ant-dropdown-show-arrow.ant-dropdown-placement-topRight { padding-bottom: 10px; } .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-bottom, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight { padding-top: 10px; } .ant-dropdown-arrow { position: absolute; z-index: 1; display: block; width: 6px; height: 6px; background: linear-gradient(135deg, transparent 40%, #fff 40%); border-radius: 0 0 2px 0; pointer-events: none; } .ant-dropdown-arrow::before { position: absolute; top: -6px; left: -6px; width: 18px; height: 18px; background: linear-gradient(to left, #fff 50%, #fff 50%) no-repeat -5px -5px; content: ''; -webkit-clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 Z'); clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 Z'); } .ant-dropdown-placement-top > .ant-dropdown-arrow, .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, .ant-dropdown-placement-topRight > .ant-dropdown-arrow { bottom: 6.24264069px; box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1); transform: rotate(45deg); } .ant-dropdown-placement-top > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-dropdown-placement-topLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-topRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-placement-bottom > .ant-dropdown-arrow, .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { top: 5.65685425px; box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1); transform: rotate(-135deg) translateY(-0.5px); } .ant-dropdown-placement-bottom > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) rotate(-135deg) translateY(-0.5px); } .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-menu { position: relative; margin: 0; padding: 4px 0; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-dropdown-menu-item-group-title { padding: 5px 12px; color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; box-shadow: none; transform-origin: 0 0; } .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li { list-style: none; } .ant-dropdown-menu-submenu-popup ul { margin-right: 0.3em; margin-left: 0.3em; } .ant-dropdown-menu-item { position: relative; display: flex; align-items: center; } .ant-dropdown-menu-item-icon { min-width: 12px; margin-right: 8px; font-size: 12px; } .ant-dropdown-menu-title-content { flex: auto; } .ant-dropdown-menu-title-content > a { color: inherit; transition: all 0.3s; } .ant-dropdown-menu-title-content > a:hover { color: inherit; } .ant-dropdown-menu-title-content > a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: all 0.3s; } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected { color: #1890ff; background-color: #e6f7ff; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover { background-color: #f5f5f5; } .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-item-disabled a, .ant-dropdown-menu-submenu-title-disabled a { pointer-events: none; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 1px; margin: 4px 0; overflow: hidden; line-height: 0; background-color: #f0f0f0; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { position: absolute; right: 8px; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-right: 0 !important; color: rgba(0, 0, 0, 0.45); font-size: 10px; font-style: normal; } .ant-dropdown-menu-item-group-list { margin: 0 8px; padding: 0; list-style: none; } .ant-dropdown-menu-submenu-title { padding-right: 24px; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { position: absolute; top: 0; left: 100%; min-width: 100%; margin-left: 4px; transform-origin: 0 0; } .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: #1890ff; } .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down, .ant-dropdown-button > .anticon.anticon-down { font-size: 10px; vertical-align: baseline; } .ant-dropdown-button { white-space: nowrap; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading, .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn { cursor: default; pointer-events: none; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before { display: block; } .ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) { padding-right: 8px; padding-left: 8px; } .ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu { background: #001529; } .ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover { color: #fff; background: transparent; } .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { color: #fff; background: #1890ff; } .ant-dropdown-rtl { direction: rtl; } .ant-dropdown-rtl.ant-dropdown::before { right: -7px; left: 0; } .ant-dropdown-menu.ant-dropdown-menu-rtl { direction: rtl; text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item-group-title, .ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title { direction: rtl; text-align: right; } .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl { transform-origin: 100% 0; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child { margin-right: 0; margin-left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { right: auto; left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-left: 0 !important; transform: scaleX(-1); } .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { padding-right: 12px; padding-left: 24px; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { right: 100%; left: 0; margin-right: 4px; margin-left: 0; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-spin { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; display: none; color: #1890ff; text-align: center; vertical-align: middle; opacity: 0; transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-spin-spinning { position: static; display: inline-block; opacity: 1; } .ant-spin-nested-loading { position: relative; } .ant-spin-nested-loading > div > .ant-spin { position: absolute; top: 0; left: 0; z-index: 4; display: block; width: 100%; height: 100%; max-height: 400px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { position: absolute; top: 50%; left: 50%; margin: -10px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { position: absolute; top: 50%; width: 100%; padding-top: 5px; text-shadow: 0 1px 2px #fff; } .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot { margin-top: -20px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot { margin: -7px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text { padding-top: 2px; } .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot { margin-top: -17px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot { margin: -16px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text { padding-top: 11px; } .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot { margin-top: -26px; } .ant-spin-container { position: relative; transition: opacity 0.3s; } .ant-spin-container::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none \9; width: 100%; height: 100%; background: #fff; opacity: 0; transition: all 0.3s; content: ''; pointer-events: none; } .ant-spin-blur { clear: both; opacity: 0.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .ant-spin-blur::after { opacity: 0.4; pointer-events: auto; } .ant-spin-tip { color: rgba(0, 0, 0, 0.45); } .ant-spin-dot { position: relative; display: inline-block; font-size: 20px; width: 1em; height: 1em; } .ant-spin-dot-item { position: absolute; display: block; width: 9px; height: 9px; background-color: #1890ff; border-radius: 100%; transform: scale(0.75); transform-origin: 50% 50%; opacity: 0.3; -webkit-animation: antSpinMove 1s infinite linear alternate; animation: antSpinMove 1s infinite linear alternate; } .ant-spin-dot-item:nth-child(1) { top: 0; left: 0; } .ant-spin-dot-item:nth-child(2) { top: 0; right: 0; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .ant-spin-dot-item:nth-child(3) { right: 0; bottom: 0; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .ant-spin-dot-item:nth-child(4) { bottom: 0; left: 0; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .ant-spin-dot-spin { transform: rotate(45deg); -webkit-animation: antRotate 1.2s infinite linear; animation: antRotate 1.2s infinite linear; } .ant-spin-sm .ant-spin-dot { font-size: 14px; } .ant-spin-sm .ant-spin-dot i { width: 6px; height: 6px; } .ant-spin-lg .ant-spin-dot { font-size: 32px; } .ant-spin-lg .ant-spin-dot i { width: 14px; height: 14px; } .ant-spin.ant-spin-show-text .ant-spin-text { display: block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ */ .ant-spin-blur { background: #fff; opacity: 0.5; } } @-webkit-keyframes antSpinMove { to { opacity: 1; } } @keyframes antSpinMove { to { opacity: 1; } } @-webkit-keyframes antRotate { to { transform: rotate(405deg); } } @keyframes antRotate { to { transform: rotate(405deg); } } .ant-spin-rtl { direction: rtl; } .ant-spin-rtl .ant-spin-dot-spin { transform: rotate(-45deg); -webkit-animation-name: antRotateRtl; animation-name: antRotateRtl; } @-webkit-keyframes antRotateRtl { to { transform: rotate(-405deg); } } @keyframes antRotateRtl { to { transform: rotate(-405deg); } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-pagination { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-pagination ul, .ant-pagination ol { margin: 0; padding: 0; list-style: none; } .ant-pagination::after { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; content: ' '; } .ant-pagination-total-text { display: inline-block; height: 32px; margin-right: 8px; line-height: 30px; vertical-align: middle; } .ant-pagination-item { display: inline-block; min-width: 32px; height: 32px; margin-right: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 30px; text-align: center; vertical-align: middle; list-style: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-pagination-item a { display: block; padding: 0 6px; color: rgba(0, 0, 0, 0.85); transition: none; } .ant-pagination-item a:hover { text-decoration: none; } .ant-pagination-item:hover { border-color: #1890ff; transition: all 0.3s; } .ant-pagination-item:hover a { color: #1890ff; } .ant-pagination-item:focus-visible { border-color: #1890ff; transition: all 0.3s; } .ant-pagination-item:focus-visible a { color: #1890ff; } .ant-pagination-item-active { font-weight: 500; background: #fff; border-color: #1890ff; } .ant-pagination-item-active a { color: #1890ff; } .ant-pagination-item-active:hover { border-color: #40a9ff; } .ant-pagination-item-active:focus-visible { border-color: #40a9ff; } .ant-pagination-item-active:hover a { color: #40a9ff; } .ant-pagination-item-active:focus-visible a { color: #40a9ff; } .ant-pagination-jump-prev, .ant-pagination-jump-next { outline: 0; } .ant-pagination-jump-prev .ant-pagination-item-container, .ant-pagination-jump-next .ant-pagination-item-container { position: relative; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { color: #1890ff; font-size: 12px; letter-spacing: -1px; opacity: 0; transition: all 0.2s; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; color: rgba(0, 0, 0, 0.25); font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align: center; text-indent: 0.13em; opacity: 1; transition: all 0.2s; } .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon, .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis, .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next { margin-right: 8px; } .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next { display: inline-block; min-width: 32px; height: 32px; color: rgba(0, 0, 0, 0.85); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 32px; text-align: center; vertical-align: middle; list-style: none; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-pagination-prev, .ant-pagination-next { font-family: Arial, Helvetica, sans-serif; outline: 0; } .ant-pagination-prev button, .ant-pagination-next button { color: rgba(0, 0, 0, 0.85); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-pagination-prev:hover button, .ant-pagination-next:hover button { border-color: #40a9ff; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { display: block; width: 100%; height: 100%; padding: 0; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: all 0.3s; } .ant-pagination-prev:focus-visible .ant-pagination-item-link, .ant-pagination-next:focus-visible .ant-pagination-item-link { color: #1890ff; border-color: #1890ff; } .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link { color: #1890ff; border-color: #1890ff; } .ant-pagination-disabled, .ant-pagination-disabled:hover { cursor: not-allowed; } .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-disabled:focus-visible { cursor: not-allowed; } .ant-pagination-disabled:focus-visible .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-slash { margin: 0 10px 0 5px; } .ant-pagination-options { display: inline-block; margin-left: 16px; vertical-align: middle; } @media all and (-ms-high-contrast: none) { .ant-pagination-options *::-ms-backdrop, .ant-pagination-options { vertical-align: top; } } .ant-pagination-options-size-changer.ant-select { display: inline-block; width: auto; } .ant-pagination-options-quick-jumper { display: inline-block; height: 32px; margin-left: 8px; line-height: 32px; vertical-align: top; } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ width: 50px; height: 32px; margin: 0 8px; } .ant-pagination-options-quick-jumper input::-moz-placeholder { opacity: 1; } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-pagination-options-quick-jumper input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-pagination-options-quick-jumper input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-pagination-options-quick-jumper input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-pagination-options-quick-jumper input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-pagination-options-quick-jumper input-borderless, .ant-pagination-options-quick-jumper input-borderless:hover, .ant-pagination-options-quick-jumper input-borderless:focus, .ant-pagination-options-quick-jumper input-borderless-focused, .ant-pagination-options-quick-jumper input-borderless-disabled, .ant-pagination-options-quick-jumper input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-pagination-options-quick-jumper input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-pagination-options-quick-jumper input-sm { padding: 0px 7px; } .ant-pagination-simple .ant-pagination-prev, .ant-pagination-simple .ant-pagination-next { height: 24px; line-height: 24px; vertical-align: top; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { height: 24px; background-color: transparent; border: 0; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; height: 24px; margin-right: 8px; } .ant-pagination-simple .ant-pagination-simple-pager input { box-sizing: border-box; height: 100%; margin-right: 8px; padding: 0 6px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: border-color 0.3s; } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: #1890ff; } .ant-pagination-simple .ant-pagination-simple-pager input:focus { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-pagination-simple .ant-pagination-simple-pager input[disabled] { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.mini .ant-pagination-total-text, .ant-pagination.mini .ant-pagination-simple-pager { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-item { min-width: 24px; height: 24px; margin: 0; line-height: 22px; } .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev, .ant-pagination.mini .ant-pagination-next { min-width: 24px; height: 24px; margin: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-jump-prev, .ant-pagination.mini .ant-pagination-jump-next { height: 24px; margin-right: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-options { margin-left: 2px; } .ant-pagination.mini .ant-pagination-options-size-changer { top: 0px; } .ant-pagination.mini .ant-pagination-options-quick-jumper { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-options-quick-jumper input { padding: 0px 7px; width: 44px; height: 24px; } .ant-pagination.ant-pagination-disabled { cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item a { color: rgba(0, 0, 0, 0.25); background: transparent; border: none; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active { background: #e6e6e6; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { color: rgba(0, 0, 0, 0.25); } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link { background: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon { opacity: 0; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis { opacity: 1; } .ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager { color: rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .ant-pagination-options { display: none; } } .ant-pagination-rtl .ant-pagination-total-text { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-item, .ant-pagination-rtl .ant-pagination-prev, .ant-pagination-rtl .ant-pagination-jump-prev, .ant-pagination-rtl .ant-pagination-jump-next { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-slash { margin: 0 5px 0 10px; } .ant-pagination-rtl .ant-pagination-options { margin-right: 16px; margin-left: 0; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper { margin-left: 0; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options { margin-right: 2px; margin-left: 0; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @-webkit-keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @-webkit-keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-tree.ant-tree-directory .ant-tree-treenode { position: relative; } .ant-tree.ant-tree-directory .ant-tree-treenode::before { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; transition: background-color 0.3s; content: ''; pointer-events: none; } .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before { background: #f5f5f5; } .ant-tree.ant-tree-directory .ant-tree-treenode > * { z-index: 1; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher { transition: color 0.3s; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper { border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected { color: #fff; background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before, .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before { background: #1890ff; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher { color: #fff; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper { color: #fff; background: transparent; } .ant-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, .ant-tree-checkbox:hover .ant-tree-checkbox-inner, .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner { border-color: #1890ff; } .ant-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; -webkit-animation: antCheckboxEffect 0.36s ease-in-out; animation: antCheckboxEffect 0.36s ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; content: ''; } .ant-tree-checkbox:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after { visibility: visible; } .ant-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-tree-checkbox-disabled { cursor: not-allowed; } .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); -webkit-animation-name: none; animation-name: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; -webkit-animation-name: none; animation-name: none; } .ant-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree-checkbox-disabled:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after { visibility: hidden; } .ant-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-tree-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\A0'; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper { margin-left: 8px; } .ant-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-tree-checkbox-group-item { margin-right: 8px; } .ant-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item { margin-left: 0; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background: #fff; border-radius: 2px; transition: background-color 0.3s; } .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) { background: #e6f7ff; } .ant-tree-list-holder-inner { align-items: flex-start; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner { align-items: stretch; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper { flex: auto; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging { position: relative; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; border: 1px solid #1890ff; opacity: 0; -webkit-animation: ant-tree-node-fx-do-not-use 0.3s; animation: ant-tree-node-fx-do-not-use 0.3s; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ''; pointer-events: none; } .ant-tree .ant-tree-treenode { display: flex; align-items: flex-start; padding: 0 0 4px 0; outline: none; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper { background: #f5f5f5; } .ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title { color: inherit; font-weight: 500; } .ant-tree-indent { align-self: stretch; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree-indent-unit { display: inline-block; width: 24px; } .ant-tree-draggable-icon { width: 24px; line-height: 24px; text-align: center; opacity: 0.2; transition: opacity 0.3s; } .ant-tree-treenode:hover .ant-tree-draggable-icon { opacity: 0.45; } .ant-tree-switcher { position: relative; flex: none; align-self: stretch; width: 24px; margin: 0; line-height: 24px; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree-switcher .ant-tree-switcher-icon, .ant-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 10px; vertical-align: baseline; } .ant-tree-switcher .ant-tree-switcher-icon svg, .ant-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-tree-switcher-noop { cursor: default; } .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-tree-switcher-loading-icon { color: #1890ff; } .ant-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-tree-switcher-leaf-line::before { position: absolute; top: 0; right: 12px; bottom: -4px; margin-left: -1px; border-right: 1px solid #d9d9d9; content: ' '; } .ant-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; border-bottom: 1px solid #d9d9d9; content: ' '; } .ant-tree-checkbox { top: initial; margin: 4px 8px 0 0; } .ant-tree .ant-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 24px; margin: 0; padding: 0 4px; color: inherit; line-height: 24px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; } .ant-tree .ant-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: #bae7ff; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty { display: none; } .ant-tree-unselectable .ant-tree-node-content-wrapper:hover { background-color: transparent; } .ant-tree-node-content-wrapper { line-height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 2px; background-color: #1890ff; border-radius: 1px; pointer-events: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -3px; left: -6px; width: 8px; height: 8px; background-color: transparent; border: 2px solid #1890ff; border-radius: 50%; content: ''; } .ant-tree .ant-tree-treenode.drop-container > [draggable] { box-shadow: 0 0 0 2px #1890ff; } .ant-tree-show-line .ant-tree-indent-unit { position: relative; height: 100%; } .ant-tree-show-line .ant-tree-indent-unit::before { position: absolute; top: 0; right: 12px; bottom: -4px; border-right: 1px solid #d9d9d9; content: ''; } .ant-tree-show-line .ant-tree-indent-unit-end::before { display: none; } .ant-tree-show-line .ant-tree-switcher { background: #fff; } .ant-tree-show-line .ant-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } .ant-tree-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after { right: -6px; left: unset; } .ant-tree .ant-tree-treenode-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before { right: auto; left: -13px; border-right: none; border-left: 1px solid #d9d9d9; } .ant-tree-rtl.ant-tree-checkbox { margin: 4px 0 0 8px; } .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox { margin: 4px 0 0 8px; } .worksheet-data-pick-select { background: #fff; width: 239px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.16); border-radius: 3px; padding: 4px 0; } .worksheet-data-pick-select li { height: 44px; font-size: 13px; line-height: 44px; padding-left: 32px; color: #333; cursor: pointer; } .worksheet-data-pick-select li:hover { background: #2196f3; color: #fff; } .avatarBox { display: inline-block; } .avatarBox .circle { border-radius: 50%; } .addDiscuss { background-color: #fff; } .addDiscuss .contentInput { color: #333; border: none; padding: 10px; width: 100%; height: 100%; box-sizing: border-box; resize: none; } .addDiscuss .handleBar { height: 52px; padding: 0 15px; border-top: 1px solid #ddd; background-color: #fff; } .addDiscuss .handleBar .icon { color: #9e9e9e; font-size: 24px; margin-right: 15px; } .addDiscuss .handleBar .addRecord { height: 36px; display: flex; align-items: center; border-radius: 24px; font-size: 14px; padding: 0 15px; color: #fff; background-color: #108ee9; } .addDiscuss .filesWrapper { width: 100%; height: 140px; position: relative; overflow: hidden; } .addDiscuss .filesWrapper .filesScroll { height: 100%; background-color: #fff; display: flex; position: absolute; width: 100%; top: 0; left: 0; overflow-x: auto; overflow-y: hidden; } .addDiscuss .filesWrapper .filesScroll .item { min-width: 100px; height: 100%; border-radius: 10px; margin-right: 10px; overflow: hidden; background-color: rgba(0, 0, 0, 0.4); } .addDiscuss .filesWrapper .filesScroll .attachmentFiles { padding: 0; flex-wrap: nowrap; overflow: initial; margin-left: 10px; } .addDiscuss .filesWrapper .filesScroll .attachmentFiles .fileWrapper { overflow: initial; margin: 0 10px 0 0; } .addDiscuss .filesWrapper .filesScroll .attachmentFiles .fileEmpty { display: none; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-drawer { position: fixed; z-index: 1000; width: 0%; height: 100%; transition: width 0s ease 0.3s, height 0s ease 0.3s; } .ant-drawer-content-wrapper { position: absolute; width: 100%; height: 100%; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .ant-drawer .ant-drawer-content { width: 100%; height: 100%; } .ant-drawer-left, .ant-drawer-right { top: 0; width: 0%; height: 100%; } .ant-drawer-left .ant-drawer-content-wrapper, .ant-drawer-right .ant-drawer-content-wrapper { height: 100%; } .ant-drawer-left.ant-drawer-open, .ant-drawer-right.ant-drawer-open { width: 100%; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .ant-drawer-left { left: 0; } .ant-drawer-left .ant-drawer-content-wrapper { left: 0; } .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-right { right: 0; } .ant-drawer-right .ant-drawer-content-wrapper { right: 0; } .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-right.ant-drawer-open.no-mask { right: 1px; transform: translateX(1px); } .ant-drawer-top, .ant-drawer-bottom { left: 0; width: 100%; height: 0%; } .ant-drawer-top .ant-drawer-content-wrapper, .ant-drawer-bottom .ant-drawer-content-wrapper { width: 100%; } .ant-drawer-top.ant-drawer-open, .ant-drawer-bottom.ant-drawer-open { height: 100%; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .ant-drawer-top { top: 0; } .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-bottom { bottom: 0; } .ant-drawer-bottom .ant-drawer-content-wrapper { bottom: 0; } .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-bottom.ant-drawer-open.no-mask { bottom: 1px; transform: translateY(1px); } .ant-drawer.ant-drawer-open .ant-drawer-mask { height: 100%; opacity: 1; transition: none; -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1); animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1); pointer-events: auto; } .ant-drawer-title { flex: 1; margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; } .ant-drawer-content { position: relative; z-index: 1; overflow: auto; background-color: #fff; background-clip: padding-box; border: 0; } .ant-drawer-close { display: inline-block; margin-right: 12px; color: rgba(0, 0, 0, 0.45); font-weight: 700; font-size: 16px; font-style: normal; line-height: 1; text-align: center; text-transform: none; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; text-rendering: auto; } .ant-drawer-close:focus, .ant-drawer-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-drawer-header { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-drawer-header-title { display: flex; flex: 1; align-items: center; justify-content: space-between; } .ant-drawer-header-close-only { padding-bottom: 0; border: none; } .ant-drawer-wrapper-body { display: flex; flex-flow: column nowrap; width: 100%; height: 100%; } .ant-drawer-body { flex-grow: 1; padding: 24px; overflow: auto; font-size: 14px; line-height: 1.5715; word-wrap: break-word; } .ant-drawer-footer { flex-shrink: 0; padding: 10px 16px; border-top: 1px solid #f0f0f0; } .ant-drawer-mask { position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.45); opacity: 0; transition: opacity 0.3s linear, height 0s ease 0.3s; pointer-events: none; } .ant-drawer .ant-picker-clear { background: #fff; } @-webkit-keyframes antdDrawerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antdDrawerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-drawer-rtl { direction: rtl; } .ant-drawer-rtl .ant-drawer-close { margin-right: 0; margin-left: 12px; } .sheetWorkflowWrapper .workflowCard { font-size: 13px; border-radius: 8px; padding: 20px; box-shadow: 0px 1px 2px 0px #0000000f; transition: box-shadow 0.2s; background: #FFFFFF; } .sheetWorkflowWrapper .workflowCard:hover { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); } .sheetWorkflowWrapper .workflowCard .itemWrapper > div:last-child { margin-bottom: 0 !important; } .sheetWorkflowWrapper .workflowCard .myAvatar, .sheetWorkflowWrapper .workflowCard .hideAvatar { width: 24px; height: 24px; border-radius: 50%; justify-content: center; } .sheetWorkflowWrapper .workflowCard .myAvatar { color: #fff; background-color: #2196F3; } .sheetWorkflowWrapper .workflowCard .hideAvatar { color: #9e9e9e; background-color: #F5F5F5; } .sheetWorkflowWrapper .workflowCard .approveState { position: absolute; right: -5px; bottom: -3px; padding: 1px; border-radius: 50%; } .sheetWorkflowWrapper .workflowCard .approveState.pass { background-color: #4CAF50; } .sheetWorkflowWrapper .workflowCard .approveState.overrule { background-color: #F44336; } .sheetWorkflowWrapper .workflowCard .approveState .icon { color: #fff; } .sheetWorkflowWrapper .workflowCard .flowNodeName { padding: 4px 10px; border-radius: 4px; background-color: rgba(33, 150, 243, 0.13); } .sheetWorkflowWrapper .workflowCard .label { width: 65px; } .sheetWorkflowWrapper .workflowCard .flexWrap { flex-wrap: wrap; } .sheetWorkflowWrapper .workflowCard .state { color: #fff; padding: 1px 11px; border-radius: 25px; background-color: #ebebeb; } .sheetWorkflowWrapper .withoutData { justify-content: center; } .sheetWorkflowWrapper .withoutData .icon { color: #e0e0e0; font-size: 80px; } .sheetWorkflowDrawer .ant-drawer-content-wrapper { box-shadow: none !important; } .sheetWorkflowDrawer .ant-drawer-content { background-color: #F8F8F8; } .sheetWorkflowDrawer .ant-drawer-body { height: 100%; padding: 0; } .sheetWorkflowDrawer .justifyContentEnd { justify-content: flex-end; } .sheetWorkflowDrawer .viewExecDialog { color: #2196F3; } .sheetWorkflowDrawer .viewExecDialog:hover { color: #1e88e5; } .sheetWorkflowDrawer .workflowStep { padding: 0 28px 0 20px; } .sheetWorkflowDrawer .workflowStep .stepContentWrap { background-color: #fff; } .sheetWorkflowDrawer .workflowStepFooter { height: 50px; padding: 0 20px; border-top: 1px solid #EAEAEA; background-color: #fff; } .sheetWorkflowDrawer .icon-arrow-left-border:hover { color: #2196F3 !important; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-menu-item-danger.ant-menu-item { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-item-danger.ant-menu-item-active { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item:active { background: #fff1f0; } .ant-menu-item-danger.ant-menu-item-selected { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item-selected > a, .ant-menu-item-danger.ant-menu-item-selected > a:hover { color: #ff4d4f; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { background-color: #fff1f0; } .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after { border-right-color: #ff4d4f; } .ant-menu-dark .ant-menu-item-danger.ant-menu-item, .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a { color: #ff4d4f; } .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { color: #fff; background-color: #ff4d4f; } .ant-menu { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: 'tnum'; margin-bottom: 0; padding-left: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 0; text-align: left; list-style: none; background: #fff; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; } .ant-menu::before { display: table; content: ''; } .ant-menu::after { display: table; clear: both; content: ''; } .ant-menu.ant-menu-root:focus-visible { box-shadow: 0 0 0 2px #bae7ff; } .ant-menu ul, .ant-menu ol { margin: 0; padding: 0; list-style: none; } .ant-menu-overflow { display: flex; } .ant-menu-overflow-item { flex: none; } .ant-menu-hidden, .ant-menu-submenu-hidden { display: none; } .ant-menu-item-group-title { height: 1.5715; padding: 8px 16px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; transition: all 0.3s; } .ant-menu-horizontal .ant-menu-submenu { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu, .ant-menu-submenu-inline { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-item:active, .ant-menu-submenu-title:active { background: #e6f7ff; } .ant-menu-submenu .ant-menu-sub { cursor: initial; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-title-content { transition: color 0.3s; } .ant-menu-item a { color: rgba(0, 0, 0, 0.85); } .ant-menu-item a:hover { color: #1890ff; } .ant-menu-item a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; content: ''; } .ant-menu-item > .ant-badge a { color: rgba(0, 0, 0, 0.85); } .ant-menu-item > .ant-badge a:hover { color: #1890ff; } .ant-menu-item-divider { overflow: hidden; line-height: 0; border-color: #f0f0f0; border-style: solid; border-width: 1px 0 0; } .ant-menu-item-divider-dashed { border-style: dashed; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu { margin-top: -1px; } .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover { background-color: transparent; } .ant-menu-item-selected { color: #1890ff; } .ant-menu-item-selected a, .ant-menu-item-selected a:hover { color: #1890ff; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #e6f7ff; } .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left { border-right: 1px solid #f0f0f0; } .ant-menu-vertical-right { border-left: 1px solid #f0f0f0; } .ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub { min-width: 160px; max-height: calc(100vh - 100px); padding: 0; overflow: hidden; border-right: 0; } .ant-menu-vertical.ant-menu-sub:not([class*='-active']), .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']), .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) { overflow-x: hidden; overflow-y: auto; } .ant-menu-vertical.ant-menu-sub .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-vertical.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after { border-right: 0; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: 0 0; } .ant-menu-horizontal.ant-menu-sub { min-width: 114px; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu-title { transition: border-color 0.3s, background 0.3s; } .ant-menu-item, .ant-menu-submenu-title { position: relative; display: block; margin: 0; padding: 0 20px; white-space: nowrap; cursor: pointer; transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item .ant-menu-item-icon, .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-item .anticon, .ant-menu-submenu-title .anticon { min-width: 14px; font-size: 14px; transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s; } .ant-menu-item .ant-menu-item-icon + span, .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu-item .anticon + span, .ant-menu-submenu-title .anticon + span { margin-left: 10px; opacity: 1; transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s; } .ant-menu-item .ant-menu-item-icon.svg, .ant-menu-submenu-title .ant-menu-item-icon.svg { vertical-align: -0.125em; } .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-submenu-title.ant-menu-item-only-child > .anticon, .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon { margin-right: 0; } .ant-menu-item:focus-visible, .ant-menu-submenu-title:focus-visible { box-shadow: 0 0 0 2px #bae7ff; } .ant-menu > .ant-menu-item-divider { margin: 1px 0; padding: 0; } .ant-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; border-radius: 2px; box-shadow: none; transform-origin: 0 0; } .ant-menu-submenu-popup::before { position: absolute; top: -7px; right: 0; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; opacity: 0.0001; content: ' '; } .ant-menu-submenu-placement-rightTop::before { top: 0; left: -7px; } .ant-menu-submenu > .ant-menu { background-color: #fff; border-radius: 2px; } .ant-menu-submenu > .ant-menu-submenu-title::after { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-popup > .ant-menu { background-color: #fff; } .ant-menu-submenu-expand-icon, .ant-menu-submenu-arrow { position: absolute; top: 50%; right: 16px; width: 10px; color: rgba(0, 0, 0, 0.85); transform: translateY(-50%); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-arrow::before, .ant-menu-submenu-arrow::after { position: absolute; width: 6px; height: 1.5px; background-color: currentcolor; border-radius: 2px; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ''; } .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateY(-2.5px); } .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateY(2.5px); } .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon, .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { color: #1890ff; } .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translateX(2.5px); } .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline .ant-menu-submenu-arrow::after { transform: rotate(45deg) translateX(-2.5px); } .ant-menu-submenu-horizontal .ant-menu-submenu-arrow { display: none; } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow { transform: translateY(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateX(-2.5px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateX(2.5px); } .ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected, .ant-menu-vertical-right .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-horizontal { line-height: 46px; border: 0; border-bottom: 1px solid #f0f0f0; box-shadow: none; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu { margin-top: -1px; margin-bottom: 0; padding: 0 20px; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after { border-bottom: 2px solid #1890ff; } .ant-menu-horizontal > .ant-menu-item, .ant-menu-horizontal > .ant-menu-submenu { position: relative; top: 1px; display: inline-block; vertical-align: bottom; } .ant-menu-horizontal > .ant-menu-item::after, .ant-menu-horizontal > .ant-menu-submenu::after { position: absolute; right: 20px; bottom: 0; left: 20px; border-bottom: 2px solid transparent; transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ''; } .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title { padding: 0; } .ant-menu-horizontal > .ant-menu-item a { color: rgba(0, 0, 0, 0.85); } .ant-menu-horizontal > .ant-menu-item a:hover { color: #1890ff; } .ant-menu-horizontal > .ant-menu-item a::before { bottom: -2px; } .ant-menu-horizontal > .ant-menu-item-selected a { color: #1890ff; } .ant-menu-horizontal::after { display: block; clear: both; height: 0; content: ' '; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item { position: relative; } .ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after { position: absolute; top: 0; right: 0; bottom: 0; border-right: 3px solid #1890ff; transform: scaleY(0.0001); opacity: 0; transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); content: ''; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { height: 40px; margin-top: 4px; margin-bottom: 4px; padding: 0 16px; overflow: hidden; line-height: 40px; text-overflow: ellipsis; } .ant-menu-vertical .ant-menu-submenu, .ant-menu-vertical-left .ant-menu-submenu, .ant-menu-vertical-right .ant-menu-submenu, .ant-menu-inline .ant-menu-submenu { padding-bottom: 0.02px; } .ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child) { margin-bottom: 8px; } .ant-menu-vertical > .ant-menu-item, .ant-menu-vertical-left > .ant-menu-item, .ant-menu-vertical-right > .ant-menu-item, .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; } .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-vertical .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline { width: 100%; } .ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after { transform: scaleY(1); opacity: 1; transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title { width: calc(100% + 1px); } .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline.ant-menu-root .ant-menu-item, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title { display: flex; align-items: center; transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content { flex: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .ant-menu-inline.ant-menu-root .ant-menu-item > *, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * { flex: none; } .ant-menu.ant-menu-inline-collapsed { width: 80px; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title { left: 0; padding: 0 calc(50% - 16px / 2); text-overflow: clip; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon { margin: 0; font-size: 16px; line-height: 40px; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span { display: inline-block; opacity: 0; } .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed .anticon { display: inline-block; } .ant-menu.ant-menu-inline-collapsed-tooltip { pointer-events: none; } .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed-tooltip .anticon { display: none; } .ant-menu.ant-menu-inline-collapsed-tooltip a { color: rgba(255, 255, 255, 0.85); } .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title { padding-right: 4px; padding-left: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-menu-item-group-list { margin: 0; padding: 0; } .ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 16px 0 28px; } .ant-menu-root.ant-menu-vertical, .ant-menu-root.ant-menu-vertical-left, .ant-menu-root.ant-menu-vertical-right, .ant-menu-root.ant-menu-inline { box-shadow: none; } .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon, .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon { font-size: 16px; text-align: center; } .ant-menu-sub.ant-menu-inline { padding: 0; background: #fafafa; border: 0; border-radius: 0; box-shadow: none; } .ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; list-style-position: inside; list-style-type: disc; } .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-left: 32px; } .ant-menu-item-disabled, .ant-menu-submenu-disabled { color: rgba(0, 0, 0, 0.25) !important; background: none; cursor: not-allowed; } .ant-menu-item-disabled::after, .ant-menu-submenu-disabled::after { border-color: transparent !important; } .ant-menu-item-disabled a, .ant-menu-submenu-disabled a { color: rgba(0, 0, 0, 0.25) !important; pointer-events: none; } .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(0, 0, 0, 0.25) !important; cursor: not-allowed; } .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(0, 0, 0, 0.25) !important; } .ant-layout-header .ant-menu { line-height: inherit; } .ant-menu-inline-collapsed-tooltip a, .ant-menu-inline-collapsed-tooltip a:hover { color: #fff; } .ant-menu-light .ant-menu-item:hover, .ant-menu-light .ant-menu-item-active, .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-light .ant-menu-submenu-active, .ant-menu-light .ant-menu-submenu-title:hover { color: #1890ff; } .ant-menu.ant-menu-root:focus-visible { box-shadow: 0 0 0 2px #096dd9; } .ant-menu-dark .ant-menu-item:focus-visible, .ant-menu-dark .ant-menu-submenu-title:focus-visible { box-shadow: 0 0 0 2px #096dd9; } .ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub { color: rgba(255, 255, 255, 0.65); background: #001529; } .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0.45; transition: all 0.3s; } .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark.ant-menu-submenu-popup { background: transparent; } .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: #000c17; } .ant-menu-dark.ant-menu-horizontal { border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { top: 0; margin-top: 0; padding: 0 20px; border-color: #001529; border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { background-color: #1890ff; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before { bottom: 0; } .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a, .ant-menu-dark .ant-menu-item > span > a { color: rgba(255, 255, 255, 0.65); } .ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical, .ant-menu-dark.ant-menu-vertical-left, .ant-menu-dark.ant-menu-vertical-right { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title { width: 100%; } .ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover { color: #fff; background-color: transparent; } .ant-menu-dark .ant-menu-item:hover > a, .ant-menu-dark .ant-menu-item-active > a, .ant-menu-dark .ant-menu-submenu-active > a, .ant-menu-dark .ant-menu-submenu-open > a, .ant-menu-dark .ant-menu-submenu-selected > a, .ant-menu-dark .ant-menu-submenu-title:hover > a, .ant-menu-dark .ant-menu-item:hover > span > a, .ant-menu-dark .ant-menu-item-active > span > a, .ant-menu-dark .ant-menu-submenu-active > span > a, .ant-menu-dark .ant-menu-submenu-open > span > a, .ant-menu-dark .ant-menu-submenu-selected > span > a, .ant-menu-dark .ant-menu-submenu-title:hover > span > a { color: #fff; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { opacity: 1; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark .ant-menu-item:hover { background-color: transparent; } .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #1890ff; } .ant-menu-dark .ant-menu-item-selected { color: #fff; border-right: 0; } .ant-menu-dark .ant-menu-item-selected::after { border-right: 0; } .ant-menu-dark .ant-menu-item-selected > a, .ant-menu-dark .ant-menu-item-selected > span > a, .ant-menu-dark .ant-menu-item-selected > a:hover, .ant-menu-dark .ant-menu-item-selected > span > a:hover { color: #fff; } .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon, .ant-menu-dark .ant-menu-item-selected .anticon { color: #fff; } .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span, .ant-menu-dark .ant-menu-item-selected .anticon + span { color: #fff; } .ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { background-color: #1890ff; } .ant-menu-dark .ant-menu-item-disabled, .ant-menu-dark .ant-menu-submenu-disabled, .ant-menu-dark .ant-menu-item-disabled > a, .ant-menu-dark .ant-menu-submenu-disabled > a, .ant-menu-dark .ant-menu-item-disabled > span > a, .ant-menu-dark .ant-menu-submenu-disabled > span > a { color: rgba(255, 255, 255, 0.35) !important; opacity: 0.8; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(255, 255, 255, 0.35) !important; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(255, 255, 255, 0.35) !important; } .ant-menu.ant-menu-rtl { direction: rtl; text-align: right; } .ant-menu-rtl .ant-menu-item-group-title { text-align: right; } .ant-menu-rtl.ant-menu-inline, .ant-menu-rtl.ant-menu-vertical { border-right: none; border-left: 1px solid #f0f0f0; } .ant-menu-rtl.ant-menu-dark.ant-menu-inline, .ant-menu-rtl.ant-menu-dark.ant-menu-vertical { border-left: none; } .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: top right; } .ant-menu-rtl .ant-menu-item .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item .anticon, .ant-menu-rtl .ant-menu-submenu-title .anticon { margin-right: auto; margin-left: 10px; } .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon { margin-left: 0; } .ant-menu-submenu-rtl.ant-menu-submenu-popup { transform-origin: 100% 0; } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow { right: auto; left: 16px; } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translateY(-2px); } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { transform: rotate(45deg) translateY(2px); } .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after, .ant-menu-rtl.ant-menu-inline .ant-menu-item::after { right: auto; left: 0; } .ant-menu-rtl.ant-menu-vertical .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item, .ant-menu-rtl.ant-menu-inline .ant-menu-item, .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { text-align: right; } .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { padding-right: 0; padding-left: 34px; } .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title { padding-right: 16px; padding-left: 34px; } .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title { padding: 0 calc(50% - 16px / 2); } .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item, .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 28px 0 16px; } .ant-menu-sub.ant-menu-inline { border: 0; } .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-right: 32px; padding-left: 0; } .flowChartModal .ant-modal-header { border-bottom: 1px solid #EAEAEA !important; padding: 15px 24px !important; } .flowChartModal .ant-modal-body { background-color: #f5f5f9; display: flex; padding-left: 0; padding-right: 0; padding-bottom: 0; } .workflowEdit { overflow: auto; } .workflowEdit.addTop { padding-top: 45px; } .workflowEdit.workflowEditRelease .icon-custom_add_circle, .workflowEdit.workflowEditRelease .workflowOperate { display: none !important; } .workflowEdit.workflowEditRelease .workflowNodeNameText { pointer-events: none; } .workflowEdit .flexColumn { align-items: center; position: relative; } .workflowEdit .workflowEditContent:first-child .workflowBox { padding-top: 20px; } .workflowEdit .workflowBox { padding: 16px 36px 0; position: relative; } .workflowEdit .workflowBox::before, .workflowEdit .workflowBox ~ .workflowLineBtn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 100%; background-color: #ccc; } .workflowEdit .workflowBoxPending .workflowExecLine, .workflowEdit .workflowBoxPending .workflowExecTopLine, .workflowEdit .workflowBoxPending .workflowExecBottomLine { background-color: #ccc; } .workflowEdit .workflowBoxBranchPending .workflowExecBottomLine { background-color: #ccc; } .workflowEdit .workflowExecLine { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 100%; width: 3px; background-color: #2196f3; } .workflowEdit .workflowExecTopLine, .workflowEdit .workflowExecBottomLine { position: absolute; height: 3px; background-color: #2196f3; z-index: 1; } .workflowEdit .workflowExecTopLine { top: 0; } .workflowEdit .workflowExecBottomLine { bottom: 0; } .workflowEdit .workflowItem { width: 261px; background: #fff; border-radius: 6px; position: relative; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); display: flex; flex-direction: column; cursor: pointer; } .workflowEdit .workflowItem:hover .workflowNodeDel, .workflowEdit .workflowItem:hover .workflowBranchCopy { display: inline-block; } .workflowEdit .workflowItem.active { box-shadow: 0 2px 6px rgba(33, 150, 243, 0.4), 0 6px 24px rgba(33, 150, 243, 0.4); } .workflowEdit .workflowItem.active .workflowStartNull { background: #fff !important; border-color: #ddd !important; color: #bdbdbd !important; } .workflowEdit .workflowItem.errorShadow { box-shadow: 0 0 1px 1px #f44336, 0 1px 4px rgba(0, 0, 0, 0.16); } .workflowEdit .workflowItem.errorShadow.active { box-shadow: 0 0 1px 1px #f44336, 0 2px 6px rgba(244, 67, 54, 0.4), 0 6px 24px rgba(33, 150, 243, 0.4); } .workflowEdit .workflowItem.workflowItemDisabled .workflowName, .workflowEdit .workflowItem.workflowItemDisabled .workflowContent { opacity: 0.5 !important; } .workflowEdit .workflowItem.workflowItemDisabled .workflowAvatar { box-shadow: 0 0 30px 30px rgba(255, 255, 255, 0.5) inset; } .workflowEdit .workflowItem .workflowAvatars { justify-content: center; align-items: center; position: absolute; top: -20px; left: 0; right: 0; height: 40px; z-index: 2; pointer-events: none; } .workflowEdit .workflowItem .workflowAvatars .workflowAvatar { border: 2px solid #fff; border-radius: 50%; width: 36px; height: 36px; font-size: 22px; text-align: center; color: #fff; line-height: 36px; box-sizing: initial; } .workflowEdit .workflowItem .workflowName { width: 100%; height: 60px; border-top-left-radius: 6px; border-top-right-radius: 6px; font-size: 15px; color: #fff; padding: 26px 10px 0; box-sizing: border-box; } .workflowEdit .workflowItem .workflowName.workflowBranchItem { font-size: 13px; border-bottom: 1px solid #ccc; padding: 8px; min-height: 50px; display: flex; flex-direction: column; justify-content: center; color: #333; height: auto; text-align: left; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .maxWidth80 { max-width: 80px; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowBranchItemTag { min-height: 32px; line-height: 20px; background: #f5f5f5; padding: 6px 8px; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowBranchItemTag .maxWidth { display: inline-block; max-width: 100%; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .conditionSplit { text-align: center; position: relative; font-size: 14px; padding: 8px 0; color: #757575; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .conditionSplit::before { content: ""; position: absolute; top: 50%; left: 0; right: 0; border-bottom: 1px solid #bdbdbd; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .conditionSplit span { display: inline-block; padding: 0 10px; background: #fff; position: relative; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowNodeNameText, .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowNodeName { font-size: 15px; text-align: left; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowNodeNameText:hover, .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowNodeName:hover { background: #f5f5f5; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowNodeNameText:focus ~ span, .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowNodeName:focus ~ span { display: none !important; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowNodeNameText { color: #757575; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowNodeName { flex: 1; background: #f5f5f5; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowNotes { margin-top: -3px; } .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowNotes, .workflowEdit .workflowItem .workflowName.workflowBranchItem .workflowOperate { position: initial; margin-left: 10px; } .workflowEdit .workflowItem .workflowName .workflowNodeNameText { padding: 0 6px; height: 28px; line-height: 28px; box-sizing: border-box; text-align: center; border-radius: 3px; display: inline-block; max-width: 100%; } .workflowEdit .workflowItem .workflowName .workflowNodeNameText:hover { background: rgba(255, 255, 255, 0.08); } .workflowEdit .workflowItem .workflowName .workflowNodeName { width: 100%; height: 28px; line-height: 28px; border-radius: 3px; padding: 0 6px; box-sizing: border-box; border: none; font-size: 15px; background: #fff; color: #333; } .workflowEdit .workflowItem .BGBlue { background: #2196f3; } .workflowEdit .workflowItem .BGSkyBlue { background: #00BCD4; } .workflowEdit .workflowItem .BGGreen { background: #01ca83; } .workflowEdit .workflowItem .BGViolet { background: #7E57C2; } .workflowEdit .workflowItem .BGBlueAsh { background: #4c7d9e; } .workflowEdit .workflowItem .BGYellow { background: #ffa340; } .workflowEdit .workflowItem .BGGray { background: #ddd; } .workflowEdit .workflowItem .BGDarkBlue { background: #4158DB; } .workflowEdit .workflowItem .workflowContent { padding: 8px; display: flex; flex-direction: column; justify-content: center; min-height: 50px; } .workflowEdit .workflowItem .workflowContent .workflowStartNull { display: flex; align-items: center; justify-content: center; height: 36px; border: 2px solid #2196f3; font-weight: bold; border-radius: 18px; margin: 6px auto; color: #2196f3; font-size: 14px; width: 140px; box-sizing: border-box; background: #e6f4ff; } .workflowEdit .workflowItem .workflowContent .workflowStartNull:hover { color: #fff; background: #2196f3; } .workflowEdit .workflowItem .workflowContent .workflowContentBG { background: #f5f5f5; } .workflowEdit .workflowItem .workflowContent .blue { color: #2196f3 !important; } .workflowEdit .workflowItem .workflowContent .red { color: #f44336 !important; } .workflowEdit .workflowItem .workflowContent .yellow { color: #ffa340 !important; } .workflowEdit .workflowItem .workflowContent .workflowContentInfo { height: 30px; line-height: 30px; padding: 0 8px; width: 100%; box-sizing: border-box; font-size: 13px; } .workflowEdit .workflowItem .workflowNodeDel { color: #757575; cursor: pointer; position: absolute; top: -8px; right: -8px; font-size: 18px; width: 18px; height: 18px; background: #fff; border-radius: 50%; display: none; z-index: 10; } .workflowEdit .workflowItem .workflowNodeDel:hover { color: #f44336; } .workflowEdit .workflowItem .workflowNodeCopy { color: #9e9e9e; cursor: pointer; position: absolute; top: -14px; left: -14px; width: 28px; height: 28px; background: #fff; border-radius: 50%; display: inline-block; z-index: 10; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24); } .workflowEdit .workflowItem .workflowNodeCopy:hover { border-color: #fff; background: #eaeaea; } .workflowEdit .workflowItem .workflowNodeCopy.active { border-color: #fff; } .workflowEdit .workflowItem .workflowNodeCopy.active:hover { background: #3ea0ff !important; } .workflowEdit .workflowItem .delNodeBox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; color: #fff; background: rgba(51, 51, 51, 0.8); z-index: 1; border-radius: 6px; justify-content: center; } .workflowEdit .workflowItem .delNodeBox .delNodeCancelBtn, .workflowEdit .workflowItem .delNodeBox .delNodeSureBtn { width: 106px; height: 32px; line-height: 32px; text-align: center; border-radius: 3px; margin: 0 7px; cursor: pointer; color: #fff; background: #9e9e9e; } .workflowEdit .workflowItem .delNodeBox .delNodeSureBtn { background: #ff3b3b; } .workflowEdit .workflowItem .workflowBranchCopy { display: none; height: 15px; } .workflowEdit .workflowItem .workflowNotes { position: absolute; z-index: 1; right: 30px; top: 6px; } .workflowEdit .workflowItem .workflowOperate { position: absolute; z-index: 1; right: 8px; top: 6px; } .workflowEdit .workflowLineBtn { padding: 16px 0; width: 261px; position: relative; } .workflowEdit .workflowLineBtn .icon-custom_add_circle { width: 20px; height: 20px; display: block; font-size: 20px; cursor: pointer; position: relative; background: #f0f0f0; color: #ccc; margin: 0 auto; } .workflowEdit .workflowLineBtn .icon-custom_add_circle:hover { color: #757575; } .workflowEdit .workflowLineBtn .workflowAddActionBox { width: 100%; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 6px; box-shadow: 0 4px 26px #2196f3; background: #fff; margin: 20px 0; position: relative; } .workflowEdit .workflowLineBtn .workflowAddActionBox .workflowCopyBtn:hover { text-decoration: underline; } .workflowEdit .workflowLineBtn .ming.Menu { transform: translateX(-50%); left: 50% !important; } .workflowEdit .workflowLineBtn .ming.MenuItem .Item-content { color: #757575 !important; } .workflowEdit .workflowLineBtn .ming.MenuItem .Item-content:hover { background: #F5F5F5 !important; } .workflowEditBtns { position: absolute; top: 80px; left: 32px; user-select: none; } .workflowEditBtns.addTop { top: 125px; } .workflowEditBtns i { width: 32px; height: 32px; box-sizing: border-box; border: 1px solid #ddd; display: inline-flex; align-items: center; justify-content: center; background: #fff; cursor: pointer; font-size: 15px; color: #757575; } .workflowEditBtns i.disabled { color: #bdbdbd !important; background: #f5f5f5 !important; cursor: not-allowed; } .workflowEditBtns i.icon-map { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-right-width: 0; } .workflowEditBtns i.icon-maximizing_a2 { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-left-width: 0; } .workflowWarning { color: #ff8400; height: 45px; line-height: 45px; background: #ffe4c7; text-align: center; position: absolute; top: 55px; left: 0; right: 0; } .workflowWarning.workflowError { background: #ffcdc9; color: #e61000; } .deleteNodeConfirm .mui-dialog-default-title { color: #f44336 !important; } .deleteNodeConfirm .Dialog-footer-btns .Button--primary { background: #f44336 !important; } .switchDetailConfirm .Dialog-footer-btns .Button--medium { float: right; } .switchDetailConfirm .Dialog-footer-btns .Button--primary { margin-left: 20px !important; } .createNodeDialogTransition-enter { transform: translateX(640px); transition: all 250ms ease-out; } .createNodeDialogTransition-enter.createNodeDialogTransition-enter-active { transform: translateX(0); } .createNodeDialogTransition-leave { transform: translateX(0); transition: all 250ms ease-out; } .createNodeDialogTransition-leave.createNodeDialogTransition-leave-active { transform: translateX(640px); } .createNodeDialog { z-index: 11; width: 640px; position: absolute; top: 0; right: 0; bottom: 0; background: #fff; box-shadow: 0 10px 23px 2px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.15); } .createNodeDialog .createNodeDialogHeader { height: 55px; padding: 0 24px; align-items: center; color: #fff; background: #2196f3; } .createNodeDialog .createNodeDialogHeader .icon-delete { width: 18px; display: inline-block; cursor: pointer; transition: all 250ms ease-out; } .createNodeDialog .createNodeDialogHeader .icon-delete:hover { transform: rotate(90deg); } .createNodeDialog .createNodeDialogHeader .createNodeExplain { padding: 0 10px; height: 32px; border-radius: 16px; color: #fff !important; cursor: pointer; background: rgba(75, 179, 255, 0.6); font-weight: bold; font-size: 13px; margin-right: 15px; } .createNodeDialog .createNodeDialogHeader .createNodeExplain:hover { background: #4bb3ff; } .createNodeDialog .nodeList { margin: 0 21px; } .createNodeDialog .nodeList li { width: 50%; box-sizing: border-box; border-radius: 3px; display: flex; align-items: center; padding: 8px 16px; border-width: 5px; border-style: solid; border-color: #fff; cursor: pointer; float: left; height: 70px; } .createNodeDialog .nodeList li:hover { background: #f8f8f8; } .createNodeDialog .nodeList li .nodeListIcon { margin-right: 10px; min-width: 40px; width: 40px; height: 40px; border-radius: 50%; align-items: center; display: flex; justify-content: center; } .createNodeDialog .nodeList li .nodeListIcon i { font-size: 22px; color: #fff; } .createNodeDialog .nodeList li .nodeListOverdue { margin-left: 10px; height: 22px; line-height: 22px; padding: 0 7px; border-radius: 3px; background-color: #e8e8e8; color: #757575; } .createNodeDialog .nodeList li .nodeListNew { margin-left: 10px; height: 22px; line-height: 22px; padding: 0 8px; border-radius: 11px; background: #4caf50; color: #fff; } .createNodeDialog .secondNodeList li { padding: 12px; margin-top: 10px; border-radius: 2px; cursor: pointer; } .createNodeDialog .secondNodeList li:hover { background: #f5f5f5; } .createNodeDialog .secondNodeList li .Radio-box { background: #fff !important; } .createNodeDialog .secondNodeList li .Radio-text { color: #333 !important; font-size: 16px; } .createNodeDialog .secondNodeList li .Radio--disabled { cursor: pointer; } .createNodeDialog .nodeFoldIcon { visibility: hidden; } .createNodeDialog .nodeListContainer:hover .nodeFoldIcon { visibility: visible; } #workflowNodeNotes:focus { border-color: #2196f3 !important; } .flowNodeOperateList { background: #fff; border-radius: 4px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16); padding: 5px 0; } .flowNodeOperateList li { height: 36px; display: flex; align-items: center; padding: 0 32px 0 16px; cursor: pointer; } .flowNodeOperateList li:hover { background-color: #f5f5f5; } .flowNodeOperateList li.flowNodeDel { color: #f44336; } .flowNodeOperateList li.flowNodeDel i { color: #f44336; font-size: 16px; } .flowNodeOperateList li i { font-size: 14px; color: #9e9e9e; margin-right: 10px; } .processNodeBox .processNodeAlias { padding: 5px 12px; border-radius: 4px; border: 1px solid #ccc; height: 36px; line-height: 36px; width: 100%; font-size: 13px; color: #333; } .processNodeBox .processNodeAlias:focus { border-color: #2196f3; } .processNodeBox .processNodeAlias::-webkit-input-placeholder { color: #bdbdbd; } .processNodeBox .processNodeAlias:-moz-placeholder { color: #bdbdbd; } .processNodeBox .processNodeAlias::-moz-placeholder { color: #bdbdbd; } .processNodeBox .processNodeAlias:-ms-input-placeholder { color: #bdbdbd; } .processNodeBox .processNodeErrorMessage { position: absolute; bottom: 36px; transform: translateY(-7px); z-index: 1; left: 0; border-radius: 3px; color: #fff; padding: 5px 12px; white-space: nowrap; background: #f44336; font-size: 12px; } .processNodeBox .processNodeErrorMessage .processNodeErrorArrow { position: absolute; transform: translateY(-5px); z-index: 1; left: 12px; background: transparent; border: 6px solid transparent; border-top-color: #f44336; bottom: -17px; } .thumbnailTransition-enter { transform: translateX(-300px); transition: all 250ms ease-out; } .thumbnailTransition-enter.thumbnailTransition-enter-active { transform: translateX(0); } .thumbnailTransition-leave { transform: translateX(0); transition: all 250ms ease-out; } .thumbnailTransition-leave.thumbnailTransition-leave-active { transform: translateX(-300px); } .workflowEdit .workflowBranch { display: inline-flex; position: relative; padding-top: 16px; background-color: #f5f5f9; } .workflowEdit .workflowBranch.workflowBoxPending .workflowExecBeforeLine::before { background-color: #ccc !important; } .workflowEdit .workflowBranch ~ .workflowLineBtn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 100%; background-color: #ccc; } .workflowEdit .workflowBranch > .flexColumn { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .workflowEdit .workflowBranch > .flexColumn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 100%; background-color: #ccc; } .workflowEdit .workflowBranch > .flexColumn.workflowExecBeforeLine::before { width: 3px; background-color: #2196f3; } .workflowEdit .workflowBranch > .flexColumn > .workflowBox { padding-top: 36px !important; box-sizing: border-box; } .workflowEdit .workflowBranch > .flexColumn .clearLeftBorder { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } .workflowEdit .workflowBranch > .flexColumn .clearLeftBorder::before { content: ""; position: absolute; left: 0; top: -5px; width: calc((100% - 1px) / 2); background: #f5f5f9; height: 10px; } .workflowEdit .workflowBranch > .flexColumn .clearLeftBorder::after { content: ""; position: absolute; left: 0; bottom: -5px; width: calc((100% - 1px) / 2); background: #f5f5f9; height: 10px; } .workflowEdit .workflowBranch > .flexColumn .clearRightBorder { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; } .workflowEdit .workflowBranch > .flexColumn .clearRightBorder::before { content: ""; position: absolute; right: 0; top: -5px; width: calc((100% - 1px) / 2); background: #f5f5f9; height: 10px; } .workflowEdit .workflowBranch > .flexColumn .clearRightBorder::after { content: ""; position: absolute; right: 0; bottom: -5px; width: calc((100% - 1px) / 2); background: #f5f5f9; height: 10px; } .workflowEdit .workflowBranch .workflowBranchBtn { font-size: 34px; position: absolute; top: 0; left: 50%; z-index: 3; width: 34px; cursor: pointer; margin-left: -17px; background: #f5f5f9; color: #2196f3; } .workflowEdit .workflowBranch .workflowBranchBtn:hover { color: #1565c0; } .workflowEdit .workflowBranch .workflowBranchSpecial { width: 160px; height: 60px; margin: auto; } .workflowEdit .workflowBranch .workflowBranchSpecial .workflowName { padding: 0; align-items: center; justify-content: center; } .workflowEdit .workflowBranch .workflowBranchSpecial .workflowName .workflowYes { color: #01CA86; } .workflowEdit .workflowBranch .workflowBranchSpecial .workflowName .workflowNo { color: #f44336; } .workflowEdit .workflowBranchHide .workflowLineBtn { padding-top: 32px !important; } .workflowEdit .workflowBranchNumber { position: absolute; left: 0; top: 0; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; } .workflowBranchTips { white-space: nowrap; height: 34px; width: 98px; } .workflowBranchTips .ant-tooltip-inner { background-color: transparent !important; box-shadow: none !important; padding: 0 !important; display: flex; justify-content: center; } .workflowBranchTips .ant-tooltip-arrow { display: none !important; } .workflowBranchTips .workflowBranchBtnSmall { width: 24px; height: 24px; background: #FFFFFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; } .workflowBranchTips .workflowBranchBtnSmall i { font-size: 16px; } .workflowBranchTips .workflowBranchBtnSmall.workflowBranchBtnSmallTips:after { width: 250px; word-break: break-all; white-space: normal; } .workflowBranchTips .workflowBranchBtnBig { width: 34px; height: 34px; cursor: pointer; } .workflowStep .stepItem { margin-left: 14px; padding: 12px 0; min-width: 0; } .workflowStep .userName { height: 17px; line-height: 17px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; font-weight: bold; } .workflowStep .stepName { margin: 12px 16px 0 16px; } .workflowStep .stepContentWrap { border-radius: 5px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .workflowStep .stepContent { align-items: center; margin: 0 16px; border-bottom: 1px solid #eaeaea; } .workflowStep .stepContent:last-child { border-bottom: 0; } .workflowStep .stepContent .avatarBox { padding: 16px 0; align-self: flex-start; } .workflowStep .stepContent .stepDetail { margin-left: 10px; line-height: 17px; padding: 16px 0; min-width: 0; } .workflowStep .stepContent .stepDetail .timeAction { margin-top: 4px; align-items: center; flex-wrap: wrap; font-size: 12px; } .workflowStep .stepContent .stepDetail .action { color: #757575; margin-left: 10px; font-size: 14px; font-weight: bold; } .workflowStep .stepContent .stepDetail .action.action-1 { color: #2196f3; } .workflowStep .stepContent .stepDetail .action.action-5 { color: #f44336; } .workflowStep .stepContent .stepDetail .action.action-4, .workflowStep .stepContent .stepDetail .action.action-17 { color: #4caf50; } .workflowStep .stepContent .stepDetail .info { margin-top: 4px; color: #9e9e9e; word-break: break-all; padding-right: 12px; font-size: 14px; } .workflowStep .stepContent .stepDetail .infoSignature { margin-top: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.12); border-radius: 4px; height: 70px; background-color: #fff; background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 60px; } .workflowStep .stepContent .stepDetail .waitInfo { margin-bottom: 6px; } .workflowStep .stepContent .stepDetail .current { color: #2196f3; margin-bottom: 0; } .workflowStep .stepContent .stepDetail .pass { color: #4caf50; } .workflowStep .stepContent .stepDetail .refuse { color: #f44336; } .workflowStep .flowPointer { align-items: center; width: 20px; transform: translateY(20px); } .workflowStep .flowPointer .pointerItem { width: 11px; height: 11px; flex-shrink: 0; background-color: #ddd; border-radius: 50%; } .workflowStep .flowPointer .pointerItem.active { position: relative; width: 20px; height: 20px; margin-top: -6px; flex: 0 0 20px; background-color: #fff; box-shadow: 0 0 10px 1px #2196f3; } .workflowStep .flowPointer .pointerItem.active:after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #2196f3; } .workflowStep .flowPointer .pointerLine { width: 1px; height: 100%; background-color: #eaeaea; } .workflowStep .stepTimeConsuming { margin-left: 10px; padding: 0 7px; height: 24px; border-radius: 12px; align-items: center; justify-content: center; } .workflowStepFieldsWrap { background-color: #f8f8f8 !important; } .workflowStepFieldsWrap .Tooltip-arrow { border-bottom-color: #f8f8f8 !important; border-width: 0 8px 8px !important; } .worksheetRecordDialog { min-height: 500px; max-height: 100% !important; background: pink; } .worksheetRecordDialog .mui-dialog-body { padding: 0 !important; background: #fafafa; position: relative; overflow: hidden; } .worksheetRecordDialog .mui-dialog-body .nano-content { position: static; } .worksheetRecordDialog .mui-dialog-body .nano > .nano-pane { display: none; } .worksheetRecordDialog .logBox .selectTriggerChildAvatar .accountName:hover { color: #333; background: #fff; } .sheetProcessRowRecord { height: 100%; background-color: #fff; box-sizing: border-box; } .sheetProcessRowRecord .header { padding: 12px 15px 10px !important; margin-bottom: 10px; } .sheetProcessRowRecord .header .icon-flow, .sheetProcessRowRecord .header .icon-more_horiz, .sheetProcessRowRecord .header .icon-chat { color: #2196f3; } .sheetProcessRowRecord .justifyCenter { justify-content: center; } .sheetProcessRowRecord .sheetName { color: #757575; background-color: #f5f5f5; display: inline-block; border-radius: 20px; padding: 5px 10px; } .sheetProcessRowRecord .sheetName .icon { margin-right: 7px; } .sheetProcessRowRecord .title { color: #000; font-size: 20px; display: flex; justify-content: space-between; padding: 10px 20px; } .sheetProcessRowRecord .title .value { font-size: 22px; font-weight: 500; flex: 1; word-break: break-all; } .sheetProcessRowRecord .title .icon { color: #2196f3; font-size: 24px; } .sheetProcessRowRecord .customFieldsContainer { padding: 25px 20px 20px; } .sheetProcessRowRecord .saveWrapper { padding: 0 20px 20px; background-color: #fff; } .sheetProcessRowRecord .saveWrapper .save { color: #fff; height: 36px; line-height: 36px; padding: 0 23px; font-size: 15px; border-radius: 25px; background-color: #108ee9; } .sheetProcessRowRecord .footerHandle { width: 100%; height: 50px; /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/ align-items: center; background-color: #fff; padding: 0 10px; z-index: 1; } .sheetProcessRowRecord .footerHandle .optionBtn { text-align: center; color: #9e9e9e; padding: 0 10px; } .sheetProcessRowRecord .footerHandle .headerBtn { display: flex; align-items: center; justify-content: center; border-radius: 18px; border: 1px solid #ccc; margin: 0 3px; height: 36px; padding: 0 14px; min-width: 0; } .sheetProcessRowRecord .footerHandle .headerBtn .icon { font-size: 18px; margin-right: 5px; } .sheetProcessRowRecord .footerHandle .headerBtn.hasten { color: #fff; background-color: #FF9800; border: 1px solid #FF9800; } .sheetProcessRowRecord .footerHandle .headerBtn.overrule { color: #fff; background-color: #f44336; border: 1px solid #f44336; } .sheetProcessRowRecord .footerHandle .headerBtn.submit, .sheetProcessRowRecord .footerHandle .headerBtn.revoke, .sheetProcessRowRecord .footerHandle .headerBtn.pass { color: #fff; background-color: #4caf50; border: 1px solid #4caf50; } .sheetProcessRowRecord .footerHandle .moreOperation { width: 30px; height: 34px; text-align: center; line-height: 34px; color: #2196f3; background-color: rgba(33, 150, 243, 0.08); border-radius: 11px; } .sheetProcessRowRecord .footerHandle .moreOperation > i { line-height: 34px; } .sheetProcessRowRecord .btnsWrapper { padding: 7px 10px; border-top: 1px solid #f5f5f5; background-color: #fff; } .sheetProcessRowRecord .btnsWrapper a { text-decoration: none; } .sheetProcessRowRecord .btnsWrapper .edit { color: #2196f3; } .sheetProcessRowRecord .btnsWrapper .am-button { height: 36px; line-height: 36px; } .sheetProcessRowRecord .btnsWrapper .am-button-primary:hover { color: #fff; } .sheetProcessRowRecord .btnsWrapper .am-button, .sheetProcessRowRecord .btnsWrapper .am-button::before, .sheetProcessRowRecord .btnsWrapper .am-button-active::before { border-radius: 50px; } .sheetProcessRowRecord .btnsWrapper .opcIcon { color: rgba(255, 255, 255, 0.8); } .sheetProcessRowRecord .btnsWrapper .optBtn { padding: 0 10px; } .sheetProcessRowRecord .btnsWrapper .disabled { background-color: rgba(0, 0, 0, 0.05); color: #757575; } .sheetProcessRowRecord .btnsWrapper .letterSpacing { letter-spacing: -2px; } .sheetProcessRowRecord .processRecordScroll { overflow-x: hidden; overflow-y: auto; } .sheetProcessRowRecord .processRecordViewTabs { z-index: 2; } .sheetProcessRowRecord .processRecordViewTabs.edit .am-tabs-tab-bar-wrap { display: none; } .sheetProcessRowRecord .processRecordViewTabs .am-tabs-tab-bar-wrap { border-bottom: 1px solid #f5f5f5; } .sheetProcessRowRecord .processRecordViewTabs.edit .am-tabs-tab-bar-wrap { display: none; } .sheetProcessRowRecord .processRecordViewTabs .am-tabs-default-bar-tab { font-size: 14px; font-weight: 500; width: auto !important; border-bottom: none !important; padding: 0 16px !important; } .sheetProcessRowRecord .processRecordViewTabs .am-tabs-default-bar-tab .tabName { max-width: 100px; position: relative; } .sheetProcessRowRecord .processRecordViewTabs .am-tabs-default-bar-tab:after { content: none !important; } .sheetProcessRowRecord .processRecordViewTabs .am-tabs-default-bar-tab:first-child { margin-left: 4px; } .sheetProcessRowRecord .processRecordViewTabs .am-tabs-pane-wrap-active { overflow-x: hidden; } .sheetProcessRowRecord .processRecordViewTabs .am-tabs-pane-wrap-inactive { height: auto; } .sheetProcessRowRecord .processRecordViewTabs .am-tabs-default-bar-tab-active .tabName:before { content: ''; height: 3px; background-color: #108ee9; width: 80%; position: absolute; bottom: 0; transform: translateX(-50%); left: 50%; } .sheetProcessRowRecord .processRecordViewTabs .am-tabs-default-bar-underline { display: none; } .sheetProcessRowRecord .fixedTabs.top { top: 54px; } .workflowRecordWrapper { position: relative; overflow: hidden; -webkit-overflow-scrolling: touch; height: 100%; display: flex; flex-direction: column; } .am-list .am-list-item.am-textarea-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 44px; padding-left: 15px; padding-right: 15px; border-bottom: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-list .am-list-item.am-textarea-item { border-bottom: none; } html:not([data-scale]) .am-list .am-list-item.am-textarea-item::after { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-list .am-list-item.am-textarea-item::after { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-label { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-control { padding-top: 0; padding-bottom: 0; } .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-control textarea { line-height: 25.5px; } .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-clear { margin-top: 0; } .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line.am-textarea-error .am-textarea-error-extra { margin-top: 0; } .am-textarea-label { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; color: #000; text-align: left; min-height: 44px; font-size: 17px; line-height: 44px; margin-left: 0; margin-right: 5px; white-space: nowrap; overflow: hidden; } .am-textarea-label.am-textarea-label-2 { width: 34px; } .am-textarea-label.am-textarea-label-3 { width: 51px; } .am-textarea-label.am-textarea-label-4 { width: 68px; } .am-textarea-label.am-textarea-label-5 { width: 85px; } .am-textarea-label.am-textarea-label-6 { width: 102px; } .am-textarea-label.am-textarea-label-7 { width: 119px; } .am-textarea-control { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 10px; padding-bottom: 9px; } .am-textarea-control textarea { color: #000; font-size: 17px; line-height: 25.5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 0; border: 0; background-color: transparent; overflow: visible; display: block; resize: none; word-break: break-word; word-wrap: break-word; } .am-textarea-control textarea::-webkit-input-placeholder { color: #bbb; } .am-textarea-control textarea::-moz-placeholder { color: #bbb; } .am-textarea-control textarea::-ms-input-placeholder { color: #bbb; } .am-textarea-control textarea::placeholder { color: #bbb; } .am-textarea-control textarea:disabled { color: #bbb; background-color: #fff; } .am-textarea-clear { display: none; width: 21px; height: 21px; margin-top: 12px; border-radius: 50%; overflow: hidden; font-style: normal; color: #fff; background-color: #ccc; background-repeat: no-repeat; background-size: 21px auto; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); } .am-textarea-clear-active { background-color: #108ee9; } .am-textarea-focus .am-textarea-clear { display: block; } .am-textarea-has-count { padding-bottom: 14px; } .am-textarea-count { position: absolute; bottom: 6px; right: 5px; color: #bbb; font-size: 14px; } .am-textarea-count span { color: #000; } .am-textarea-error .am-textarea-control textarea { color: #f50; } .am-textarea-error .am-textarea-error-extra { margin-top: 12px; width: 21px; height: 21px; margin-left: 8px; background-size: 21px 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cg%20transform%3D'translate(-300.000000%2C%20-1207.000000)'%20fill%3D'%23FF5500'%3E%3Cg%20id%3D'exclamation-circle-o'%20transform%3D'translate(300.000000%2C%201207.000000)'%3E%3Cpath%20d%3D'M9%2C16.734375%20C10.0441406%2C16.734375%2011.0566406%2C16.5304688%2012.009375%2C16.1279297%20C12.9304688%2C15.7376953%2013.7566406%2C15.1804687%2014.4685547%2C14.4703125%20C15.1787109%2C13.7601563%2015.7376953%2C12.9322266%2016.1261719%2C12.0111328%20C16.5304688%2C11.0566406%2016.734375%2C10.0441406%2016.734375%2C9%20C16.734375%2C7.95585938%2016.5304688%2C6.94335938%2016.1279297%2C5.990625%20C15.7376953%2C5.06953125%2015.1804687%2C4.24335938%2014.4703125%2C3.53144531%20C13.7601563%2C2.82128906%2012.9322266%2C2.26230469%2012.0111328%2C1.87382813%20C11.0566406%2C1.46953125%2010.0441406%2C1.265625%209%2C1.265625%20C7.95585938%2C1.265625%206.94335938%2C1.46953125%205.990625%2C1.87207031%20C5.06953125%2C2.26230469%204.24335938%2C2.81953125%203.53144531%2C3.5296875%20C2.82128906%2C4.23984375%202.26230469%2C5.06777344%201.87382813%2C5.98886719%20C1.46953125%2C6.94335938%201.265625%2C7.95585938%201.265625%2C9%20C1.265625%2C10.0441406%201.46953125%2C11.0566406%201.87207031%2C12.009375%20C2.26230469%2C12.9304688%202.81953125%2C13.7566406%203.5296875%2C14.4685547%20C4.23984375%2C15.1787109%205.06777344%2C15.7376953%205.98886719%2C16.1261719%20C6.94335938%2C16.5304688%207.95585938%2C16.734375%209%2C16.734375%20L9%2C16.734375%20Z%20M9%2C18%20C4.02890625%2C18%200%2C13.9710937%200%2C9%20C0%2C4.02890625%204.02890625%2C0%209%2C0%20C13.9710937%2C0%2018%2C4.02890625%2018%2C9%20C18%2C13.9710937%2013.9710937%2C18%209%2C18%20L9%2C18%20L9%2C18%20Z%20M9%2C6.75%20C8.61152344%2C6.75%208.296875%2C7.06464844%208.296875%2C7.453125%20L8.296875%2C13.9394531%20C8.296875%2C14.3279297%208.61152344%2C14.6425781%209%2C14.6425781%20C9.38847656%2C14.6425781%209.703125%2C14.3279297%209.703125%2C13.9394531%20L9.703125%2C7.453125%20C9.703125%2C7.06464844%209.38847656%2C6.75%209%2C6.75%20L9%2C6.75%20Z%20M8.20898438%2C4.83398438%20C8.20898438%2C5.27085024%208.56313413%2C5.625%209%2C5.625%20C9.43686587%2C5.625%209.79101562%2C5.27085024%209.79101562%2C4.83398438%20C9.79101562%2C4.39711851%209.43686587%2C4.04296875%209%2C4.04296875%20C8.56313413%2C4.04296875%208.20898438%2C4.39711851%208.20898438%2C4.83398438%20L8.20898438%2C4.83398438%20Z'%20id%3D'Shape'%20transform%3D'translate(9.000000%2C%209.000000)%20scale(1%2C%20-1)%20translate(-9.000000%2C%20-9.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .am-textarea-disabled .am-textarea-label { color: #bbb; } .am-list-body .am-list-item:last-child { border-bottom: 0; } .am-list-body .am-list-item:last-child:after { display: none !important; } .otherActionWrapper { overflow-y: auto; } .otherActionWrapper .am-textarea-item { padding: 10px 16px; } .otherActionWrapper .title { text-align: left; padding: 10px 16px 0; } .otherActionWrapper .am-textarea-control { height: 150px; border: 1px solid #e3e3e3; padding: 10px; border-radius: 4px; } .otherActionWrapper .am-textarea-control > textarea { height: 100%; } .otherActionWrapper .actionBtnWrapper { height: 50px; align-items: center; } .otherActionWrapper .actionBtn { height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 24px; border: 1px solid #DDDDDD; margin: 0 10px; } .otherActionWrapper .ok { color: #fff; border-color: #2196f3; background-color: #2196f3; } .otherActionWrapper .overrule { color: #fff; border-color: #f44336; background-color: #f44336; } .otherActionWrapper .signature { width: 100%; } .otherActionWrapper .backFlowNodesHeader .left, .otherActionWrapper .backFlowNodesHeader .right { display: flex; color: #2196F3; font-size: 16px; align-items: center; } .otherActionWrapper .backFlowNodesHeader .am-flexbox-item.left { justify-content: flex-start; } .otherActionWrapper .backFlowNodesHeader .title { color: #000; font-size: 17px; } .otherActionWrapper .backFlowNodesHeader .am-flexbox-item.right { justify-content: flex-end; } .otherActionWrapper .backFlowNodesList .icon-ok { color: #2196F3; } .sheetRelationRow { background-color: #f8f8f8; } .sheetRelationRow.editRowWrapper .worksheetRecordCard { border-color: rgba(0, 0, 0, 0.2); } .sheetRelationRow.editRowWrapper .selectedIcon { display: block !important; } .sheetRelationRow.editRowWrapper .selectedIcon.hide { border-top-color: rgba(0, 0, 0, 0.2); border-right-color: rgba(0, 0, 0, 0.2); } .sheetRelationRow .worksheetRecordCard .deleteRecord { display: none !important; } .sheetRelationRow .worksheetRecordCard .titleText { width: 300px; } .sheetRelationRow .withoutRowsWrapper { justify-content: center; } .sheetRelationRow .withoutRowsWrapper .withoutRows { height: auto; } .sheetRelationRow .withoutRowsWrapper .am-button { margin-top: 20px; padding: 0 20px; } .am-pull-to-refresh-content { -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; transform-origin: left top 0; } .am-pull-to-refresh-content-wrapper { overflow: hidden; } .am-pull-to-refresh-transition { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .am-pull-to-refresh-indicator { color: grey; text-align: center; height: 25px; } .am-pull-to-refresh-down .am-pull-to-refresh-indicator { margin-top: -25px; } .am-pull-to-refresh-up .am-pull-to-refresh-indicator { margin-bottom: -25px; } .sheetRowsWrapper { background-color: #F2F2F3; } .sheetRowsWrapper .am-list { width: 100%; } .sheetRowsWrapper .am-list-header { padding: 5px; } .sheetRowsWrapper .am-list-body { background-color: transparent; border: none !important; } .sheetRowsWrapper .am-list-body:before, .sheetRowsWrapper .am-list-body:after { content: none !important; } .sheetRowsWrapper .am-list-footer { padding: 0; } .sheetRowsWrapper .sheetRow .controlName { color: #9e9e9e; } .sheetRowsWrapper .sheetRow .controlValue { color: #616161; } .withoutRows { width: 100%; height: 100%; color: #BDBDBD; } .withoutRows .img { width: 70px; } .withoutRows .text { font-size: 18px; } .withoutRows .icon { font-size: 110px; color: #bdbdbd54; } .mobileWorksheetRecordCard { display: flex; margin-bottom: 10px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16); position: relative; } .mobileWorksheetRecordCard .descBoxInfo { display: none; } .mobileWorksheetRecordCard.coverRight { flex-direction: row-reverse; } .mobileWorksheetRecordCard.coverRight .fill, .mobileWorksheetRecordCard.coverRight .full { background-color: #fcfcfc; } .mobileWorksheetRecordCard.batchOptStyle { border: 1px solid #2196f3; } .mobileWorksheetRecordCard .recordCardCover { width: 90px; } .mobileWorksheetRecordCard .recordCardCover .cover { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .mobileWorksheetRecordCard .recordCardCover.circle, .mobileWorksheetRecordCard .recordCardCover.rectangle { display: flex; justify-content: center; } .mobileWorksheetRecordCard .recordCardCover.circle .img, .mobileWorksheetRecordCard .recordCardCover.rectangle .img { height: 70px; margin-top: 10px; border: 1px solid #eaeaea; } .mobileWorksheetRecordCard .recordCardCover.circle .withoutImg, .mobileWorksheetRecordCard .recordCardCover.rectangle .withoutImg { width: 70px; justify-content: center; } .mobileWorksheetRecordCard .recordCardCover.circle .img { border-radius: 50%; } .mobileWorksheetRecordCard .recordCardCover.rectangle .img { border-radius: 5px; } .mobileWorksheetRecordCard .recordCardCover.fill .withoutImg, .mobileWorksheetRecordCard .recordCardCover.full .withoutImg { width: 100%; height: 100%; justify-content: center; } .mobileWorksheetRecordCard .recordCardCover.full { display: flex; align-items: center; justify-content: center; } .mobileWorksheetRecordCard .recordCardCover.appshowtype1.fill { width: 40%; } .mobileWorksheetRecordCard .recordCardCover .withoutImg > img { width: 36px; } .mobileWorksheetRecordCard .recordCardContent { padding: 10px 12px; width: 0; overflow: hidden; } .mobileWorksheetRecordCard .recordCardContent .cellAttachments { width: auto; } .mobileWorksheetRecordCard .recordCardContent .cardContent0 { display: flex; align-items: center; } .mobileWorksheetRecordCard .recordCardContent .cardContent0 .controlWrapper { width: calc(33% - 8px); display: flex; flex-direction: column; } .mobileWorksheetRecordCard .recordCardContent .cardContent0 .controlWrapper:nth-child(2) { margin: 0 12px; } .mobileWorksheetRecordCard .recordCardContent .cardContent0 .controlContent { height: 30px; } .mobileWorksheetRecordCard .recordCardContent .cardContent0 .cellAttachments .cellAttachment { margin-bottom: 0; } .mobileWorksheetRecordCard .recordCardContent .cardContent1 { overflow: hidden; } .mobileWorksheetRecordCard .recordCardContent .cardContent1 .controlContent { flex: 1; overflow: hidden; } .mobileWorksheetRecordCard .recordCardContent .cardContent1 .controlWrapper { margin-bottom: 7px; display: flex; flex-direction: row; align-items: center; } .mobileWorksheetRecordCard .recordCardContent .cardContent1 .controlName { margin-right: 10px; } .mobileWorksheetRecordCard .recordCardContent .cardContent2 { display: flex; flex-wrap: wrap; } .mobileWorksheetRecordCard .recordCardContent .cardContent2 .controlWrapper { width: 50%; display: flex; flex-direction: column; padding-right: 10px; margin-bottom: 5px; } .mobileWorksheetRecordCard .controlContent .editableCellCon { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; } .mobileWorksheetRecordCard .controlContent .linelimit { display: inherit !important; } .mobileWorksheetRecordCard .abstract .editableCellCon { white-space: initial; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ } .mobileWorksheetRecordCard .emptyTag { border-radius: 3px; display: inline-block; width: 12px; height: 3px; background-color: #ededed; } .mobileWorksheetRecordCard .am-checkbox, .mobileWorksheetRecordCard .am-checkbox-inner { width: 19px; height: 19px; } .mobileWorksheetRecordCard .batchOptCheck { position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 50%; background-color: #bdbdbd; color: #fff; } .mobileWorksheetRecordCard .batchOptChecked { background-color: #2196f3; } .workflowStepHeader { position: relative; width: 100%; height: 56px; align-items: center; line-height: normal; } .workflowStepHeader .stepTitle, .workflowStepHeader .operation, .workflowStepHeader .operationTime, .workflowStepHeader .more { align-items: center; } .workflowStepHeader .stepTitle { border-radius: 16px; padding: 0 14px 0 10px; height: 32px; cursor: pointer; transition: all 0.2s ease-out; } .workflowStepHeader .stepTitle.errorHeader { background: rgba(51, 51, 51, 0.16); cursor: default; } .workflowStepHeader .stepTitle.stepTitleActive { color: #fff !important; } .workflowStepHeader .stepTitle.stepTitle_edit { color: #2196f3; background: rgba(33, 150, 243, 0.16); } .workflowStepHeader .stepTitle.stepTitle_edit:hover { background: rgba(33, 150, 243, 0.24); } .workflowStepHeader .stepTitle.stepTitle_edit.stepTitleActive { background: #2196f3 !important; } .workflowStepHeader .stepTitle.stepTitle_approve { color: #7e57c2; background: rgba(126, 87, 194, 0.16); } .workflowStepHeader .stepTitle.stepTitle_approve:hover { background: rgba(126, 87, 194, 0.24); } .workflowStepHeader .stepTitle.stepTitle_approve.stepTitleActive { background: #7e57c2 !important; } .workflowStepHeader .stepTitle.stepTitle_default, .workflowStepHeader .stepTitle.stepTitle_notice { color: #ffa340; background: rgba(255, 163, 64, 0.16); } .workflowStepHeader .stepTitle.stepTitle_default:hover, .workflowStepHeader .stepTitle.stepTitle_notice:hover { background: rgba(255, 163, 64, 0.24); } .workflowStepHeader .stepTitle.stepTitle_default.stepTitleActive, .workflowStepHeader .stepTitle.stepTitle_notice.stepTitleActive { background: #ffa340 !important; } .workflowStepHeader .stepTitle span { display: inline-block; max-width: 320px; } .workflowStepHeader .headerBtn { border-radius: 4px; padding: 4px 23px; } .workflowStepHeader .headerBtn.overrule { background-color: #f44336; color: #fff; } .workflowStepHeader .headerBtn.overrule:hover { background-color: #dd3f33; } .workflowStepHeader .headerBtn.pass { background-color: #4caf50; color: #fff; } .workflowStepHeader .headerBtn.pass:hover { background-color: #3e9a42; } .workflowStepHeader .headerBtn.revoke { background-color: #f8f8f8; color: #f44336; } .workflowStepHeader .headerBtn.revoke:hover { color: #fff; background-color: #f44336; } .workflowStepHeader .headerBtn.transferApprove, .workflowStepHeader .headerBtn.sign, .workflowStepHeader .headerBtn.transfer, .workflowStepHeader .headerBtn.urge { padding: 3px 23px; background-color: #f8f8f8; color: #333; } .workflowStepHeader .headerBtn.transferApprove:hover, .workflowStepHeader .headerBtn.sign:hover, .workflowStepHeader .headerBtn.transfer:hover, .workflowStepHeader .headerBtn.urge:hover { background-color: #2196f3; color: #fff; } .workflowStepHeader .headerBtn.stash { padding: 2px 10px; background-color: #fff; color: #757575; display: flex; align-items: center; } .workflowStepHeader .headerBtn.stash .icon { color: #9e9e9e; } .workflowStepHeader .headerBtn.stash:hover { background-color: #f7f7f7; color: #2196f3; } .workflowStepHeader .headerBtn.stash:hover .icon { color: #2196f3; } .workflowStepHeader .headerBtn span { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .workflowStepHeader .iconWrap { border-radius: 5px; width: 30px; height: 28px; display: inline-flex; align-items: center; justify-content: center; } .workflowStepHeader .iconWrap:hover { background-color: #f7f7f7; } .workflowStepHeader .more { position: relative; cursor: pointer; } .workflowStepHeader .more .moreOperation { position: absolute; top: 30px; right: 0 !important; left: initial !important; } .workflowStepHeader .more .moreOperation .actionText { margin-left: 20px; } .workflowStepHeader .workflowStepIcon { width: 24px; height: 24px; border-radius: 5px; overflow: hidden; display: flex; justify-content: center; } .addApproveWayDialog .action { border: 1px solid #ddd; border-radius: 4px; padding: 15px; align-items: center; cursor: pointer; } .addApproveWayDialog .action.active { border: 1px solid #2196f3; } .addApproveWayDialog .action:hover { border: 1px solid #2196f3; } .addApproveWayDialog .action:first-child { margin-bottom: 15px; } .approveDialog .mui-dialog-footer .ming.Button { font-weight: bold; } .approveDialog.approveDialogBtn .Button--primary.Button { background: #f44336; } .approveDialog.approveDialogBtn .Button--primary.Button:hover { background: #ba160a; } .approveDialog.overruleBackBtn .Button--link.Button { background: #f44336; color: #fff; } .approveDialog.overruleBackBtn .Button--link.Button:hover { background: #ba160a; } .approveDialog header { align-items: center; } .approveDialog header .userAvatar { margin: 0 10px; } .approveDialog .mui-dialog-body { overflow: inherit !important; } .approveDialog .customFormControlBox { cursor: default; } .approveDialog .customFormControlBox .addSignature { width: 180px; height: 40px; background: #f5f5f5; border-radius: 3px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .approveDialogCallBack { width: 256px; } .approveDialogCallBack .ming.Menu { width: 256px; } .recordCardListDialog { background: #f8f8f8 !important; } .recordCardListDialog .mui-dialog-header { padding-top: 10px !important; padding-bottom: 0px !important; } .recordCardListDialog .recordCardListCon { position: relative; height: 100%; } .recordCardListDialog .searchRecord { border-bottom: 1px #e0e0e0 solid; } .recordCardListDialog .searchRecord .icon { font-size: 20px; line-height: 36px; } .recordCardListDialog .searchRecord .searchInput { padding-left: 6px; border: none; background: #f8f8f8; } .recordCardListDialog .searchRecord .clearSearch { font-size: 15px; color: #9d9d9d; margin-right: 9px; } .recordCardListDialog .recordCardListHeader { margin-top: 4px; min-height: 21px; } .recordCardListDialog .recordCardListHeader .icon-ic_title { font-size: 17px; color: #bdbdbd; } .recordCardListDialog .recordCardListHeader .controlName { margin-left: 16px; overflow: hidden; display: flex; } .recordCardListDialog .recordCardListHeader .controlName .controlNameValue { display: inline-block; max-width: calc(100% - 14px); } .recordCardListDialog .recordCardListHeader .controlName .orderStatus { display: inline-block; font-size: 12px; vertical-align: middle; margin-left: 2px; transform: scale(0.9); } .recordCardListDialog .recordCardListHeader .controlName .orderStatus .icon { color: #bdbdbd; } .recordCardListDialog .recordCardListHeader .controlName .orderStatus .icon.hover { color: #9e9e9e; } .recordCardListDialog .recordCardListHeader .controlName .orderStatus .icon-arrow-up { margin-bottom: -4px; } .recordCardListDialog .recordCardListHeader .controlName:last-child { margin-right: 16px; } .recordCardListDialog .recordCardListHeader .controlName.title { position: absolute; margin-left: -6px; } .recordCardListDialog .recordCardListHeader .controlName:nth-child(2) .controlNameValue { margin-left: 20px; } .recordCardListDialog .recordCardList { width: auto !important; margin: 0 -24px 10px -24px; } .recordCardListDialog .recordCardList .MdLoader { margin: 20px auto; } .recordCardListDialog .recordCardList .empty { height: 100%; text-align: center; } .recordCardListDialog .recordCardList .empty .emptyIcon { position: relative; top: 50%; margin-top: -50px; } .recordCardListDialog .recordCardList .empty .emptyIcon .icon { font-size: 66px; color: #bdbdbd; } .recordCardListDialog .recordCardList .empty .emptyIcon .emptyTip { color: #9e9e9e; top: 50%; position: relative; } .recordCardListDialog .recordCardList .worksheetRecordCard { margin: 12px 28px 12px 24px; } .recordCardListDialog .recordCardList .worksheetRecordCard .deleteRecord { display: none; } .recordCardListDialog .clickSearchTip { display: flex; justify-content: center; align-items: center; color: #9e9e9e; font-size: 15px; } .recordCardListDialog .recordCardListFooter { border-top: 1px solid #e0e0e0; padding-top: 14px; margin-bottom: -7px; } .recordCardListDialog .recordCardListFooter .addRecord { line-height: 36px; color: #fff; padding: 0 30px; border-radius: 36px; } .discussLogFile { width: 400px; height: 100%; position: absolute; top: 0; right: 0; background: #f5f5f5; border-bottom-right-radius: 3px; border-top-right-radius: 3px; flex-direction: column; border-left: 1px solid #ddd; box-sizing: border-box; } .discussLogFile .UploadFiles-ramSize { display: none; } .discussLogFile .header { height: 55px; border-bottom: 1px solid #ccc; padding-top: 24px; box-sizing: border-box; padding-left: 20px; } .discussLogFile .header > span { display: inline-block; color: #9e9e9e; cursor: pointer; padding: 0 8px; line-height: 28px; } .discussLogFile .header > span .txt { padding: 0 5px; border-bottom: 3px solid transparent; } .discussLogFile .header .talk { padding-left: 0; } .discussLogFile .body .talkBox { width: 100%; height: 100%; } .discussLogFile .body .talkBox .workSheetCommentBox { width: 100%; height: 100%; flex-direction: column; } .discussLogFile .body .talkBox .workSheetCommentBox .commentListBox .commentList { margin: 0 !important; } .discussLogFile .body .talkBox .workSheetCommentBox .commentListBox .commentList .mdEmotion { left: -13px !important; } .discussLogFile .body .talkBox .workSheetCommentBox .commentListBox .commentList .mdEmotion .arrow { left: 97px !important; } .discussLogFile .body .talkBox .workSheetCommentBox .WorkSheetCommentList { padding-left: 28px; padding-right: 28px; } .discussLogFile .body .talkBox .workSheetCommentBox .commentList { flex: 1; margin: 0 24px; } .discussLogFile .body .talkBox .workSheetCommentBox .commentList .talkDiscussion { border-bottom: 0; } .discussLogFile .body .talkBox .workSheetCommentBox .comment { position: relative; border-radius: 0 0 3px 0; padding: 10px 20px 10px 60px; background: #fafafa; } .discussLogFile .body .talkBox .workSheetCommentBox .comment .createHeadImg { position: absolute; left: 20px; top: 10px; } .discussLogFile .body .talkBox .workSheetCommentBox .comment .commentBox { flex: 1; width: 100%; display: inline-block; vertical-align: middle; background: #fff; border-color: #ddd; } .discussLogFile .body .talkBox .workSheetCommentBox .comment .commentBox .mdEmotion .arrow { left: 106px !important; } .discussLogFile .body .talkBox .workSheetCommentBox .comment .commentBox.autoHeight { background: #fff; } .discussLogFile .body .talkBox .workSheetCommentBox .comment .commentBox.autoHeight .mentions-input-box { background: #fff; } .discussLogFile .body .logScroll { width: 100%; height: 100%; padding-bottom: 16px; box-sizing: border-box; } .discussLogFile .body .logScroll .logBox { padding-left: 16px; box-sizing: border-box; } .discussLogFile .body .logScroll .logItem { padding-left: 20px; padding-right: 25px; box-sizing: border-box; position: relative; margin-top: 20px; color: #9e9e9e; } .discussLogFile .body .logScroll .logItem .logTime { margin-top: 5px; } .discussLogFile .body .logScroll .logItem .Icon { position: absolute; left: 0; top: 3px; vertical-align: middle; line-height: 16px; } .discussLogFile .body .logScroll .logItem span { font-size: 13px; display: inline-block; width: 100%; vertical-align: middle; word-break: break-word; word-wrap: break-word; } .discussLogFile .body .fileContentBox { width: 100%; height: 100%; } .discussLogFile .body .fileContentBox .UploadFiles-wrapper { padding-left: 16px; padding-right: 21px; } .discussLogFile .body .fileContentBox .noneContent { padding-left: 25px; } .discussLogFile .body .fileContentBox .fileContent > div.TxtRight { margin-top: 18px; margin-bottom: 24px; } .discussLogFile .body .fileContentBox .fileContent > div.TxtRight .Button--primary { margin-right: 24px; } .discussLogFile .body .fileContentBox .fileContent > div.TxtRight { margin-top: 18px; margin-bottom: 24px; } .discussLogFile .body .fileContentBox .fileContent > div.TxtRight .Button--primary { margin-right: 24px; } .isPublicApp .discussLogFile .commentBox { pointer-events: none; } .isPublicApp .discussLogFile .fileContent { display: none; } /** * component TextView * prefix: .mui-textview */ .mui-textview { display: inline-block; width: 172px; min-height: 36px; padding: 8px 9px; font-size: 14px; line-height: 20px; color: #333; box-sizing: border-box; } .mui-textview > .text-error { color: #fe423f; } .mui-textview .userHead img { vertical-align: bottom; } .taskDetail .isOnlyLookBox { margin-top: 20px; padding-bottom: 7px; } .taskDetail .isOnlyLookBox .isOnlyLook { color: #aaa; cursor: pointer; } .taskDetail .isOnlyLookBox .isOnlyLook .operationCheckbox { font-size: 12px; border-radius: 2px; color: #fff; margin-right: 8px; border-width: 1px; border-style: solid; margin-top: 1px; display: inline-block; vertical-align: top; } .taskDetail .isOnlyLookBox .isOnlyLook:not(.checked) .operationCheckbox { border-color: #ccc !important; background: #fff !important; } .taskDetail .dailyContent { padding-top: 22px; } .taskDetail .singleDdaily { position: relative; padding: 0 140px 15px 30px; color: #999; word-break: break-all; } .taskDetail .singleDdaily .singleDdailyType { font-size: 14px; position: absolute; top: 2px; left: 0; display: inline-block; vertical-align: top; color: #ccc; } .taskDetail .singleDdaily a { text-decoration: none; color: #0091ea; } .taskDetail .singleDdaily a:hover { color: #007ae1; } .taskDetail .singleDdaily .singleDdailyTime { position: absolute; top: 0; right: 0; color: #aaa; } .taskComment { width: 100%; padding: 10px 10px 10px 21px; background: #fff; box-sizing: border-box; border-top: 1px solid #ccc; } .taskComment .avatarBox { float: left; padding-right: 10px; } .taskComment .commenterBox { border-color: #ddd !important; margin-left: 42px; margin-right: 42px; } .taskComment .commenterBox .commentBox:not(.autoHeight) { background-color: #f8f8f8 !important; } .taskComment .commenterBox .commentBox:not(.autoHeight) .txtComment { background-color: #f8f8f8 !important; color: #9e9e9e; } .taskComment .commenterBox .uploadAttaachmentsContainer { overflow: auto; max-height: 310px; } .taskComment .userAvatar { width: 32px; vertical-align: bottom; } .taskComment .taskTopicCount { display: block; padding-top: 8px; color: #9e9e9e; } .childTableCon { line-height: 1.5715; } .childTableCon .errorTip { color: #f32121; font-size: 13px; position: absolute; top: -22px; background: #fff; z-index: 1; } .childTableCon .childTableColumnHead { color: #9e9e9e !important; font-size: 13px; line-height: 34px; } .childTableCon .sheetViewTable { position: relative; background-color: transparent; } .childTableCon .sheetViewTable .cell:not(.columnHead).control-31, .childTableCon .sheetViewTable .cell:not(.columnHead).control-38, .childTableCon .sheetViewTable .cell:not(.columnHead).control-37, .childTableCon .sheetViewTable .cell:not(.columnHead).control-30, .childTableCon .sheetViewTable .cell:not(.columnHead).control-33, .childTableCon .sheetViewTable .cell:not(.columnHead).control-32, .childTableCon .sheetViewTable .cell:not(.columnHead).control-10010, .childTableCon .sheetViewTable .cell:not(.columnHead).control-25 { background-color: #f5f5f5 !important; } .childTableCon .sheetViewTable .cell.readonly { background-color: #f5f5f5 !important; } .childTableCon .operate { margin: 10px 0 0; } .childTableCon .operate .addRowByLine, .childTableCon .operate .addRowByDialog { font-weight: bold; border-radius: 4px; margin-right: 8px; color: #333; cursor: pointer; padding: 0 6px; font-size: 13px; height: 36px; display: inline-flex; align-items: center; border: 1px solid #dddddd; } .childTableCon .operate .addRowByLine .icon, .childTableCon .operate .addRowByDialog .icon { color: #9e9e9e; } .childTableCon .operate .addRowByLine.disabled, .childTableCon .operate .addRowByDialog.disabled { opacity: 0.6; cursor: not-allowed; background: transparent; } .childTableCon .operate .addRowByLine.h5, .childTableCon .operate .addRowByDialog.h5, .childTableCon .operate .addRowByLine.h5:not(.disabled):hover, .childTableCon .operate .addRowByDialog.h5:not(.disabled):hover { margin: 4px 0 0; background-color: transparent; } .childTableCon .operate .addRowByLine:not(.disabled):hover { background-color: #f5f5f5; } .childTableCon .operate .addRowByDialog:not(.disabled):hover { background-color: #f5f5f5; } .childTableRowDetailDialog { padding: 0 !important; } .childTableRowDetailDialog .ant-modal-close { display: none; } .childTableRowDetailDialog .ant-modal-body { padding: 0px !important; } .childTableRowDetailDialog .header { padding: 10px 0 30px; } .childTableRowDetailDialog .header .switchButton { padding: 0 16px; margin-right: 8px; } .childTableRowDetailDialog .header .switchButton .icon { font-size: 16px; margin-right: 6px; vertical-align: middle; } .childTableRowDetailDialog .header .switchButton .text { vertical-align: middle; } .childTableRowDetailDialog .header .headerBtn { margin: 4px 0 0 8px; } .childTableRowDetailDialog .header .headerBtn.delete:hover { color: #f44336 !important; } .childTableRowDetailDialog .header .headerBtn:last-child { margin-right: -6px; } .childTableRowDetailDialog .header.new { padding-bottom: 10px; } .childTableRowDetailDialog .header.new .title { margin-bottom: 0px; } .childTableRowDetailDialog .title { color: #333; font-size: 20px; line-height: 1em; margin-bottom: 10px; font-weight: bold; } .childTableRowDetailDialog .rowDetailCon { padding: 0 24px 14px; overflow: auto; } .childTableRowDetailDialog .footer { height: 36px; } .childTableRowDetailDialog .footer .saveAndContinueBtn { color: #757575; background: #fff; border: 1px solid #bdbdbd; line-height: 34px; } .childTableRowDetailDialog .footer .saveAndContinueBtn:hover { color: #2196f3; border-color: #2196f3; } .am-modal-mask, .am-modal-wrap { transform: none !important; } .childTableRowDetailMobileDialog { height: 95%; overflow: hidden; border-top-right-radius: 15px; border-top-left-radius: 15px; } .childTableRowDetailMobileDialog .forCon { overflow-y: auto; padding: 5px 20px 0; } .childTableRowDetailMobileDialog .header { padding: 15px 20px 8px; } .childTableRowDetailMobileDialog .btnsWrapper { height: 50px; border-top: 1px solid #f5f5f5; background-color: #fff; padding: 0 10px; box-sizing: border-box; } .childTableRowDetailMobileDialog .btnsWrapper .flexRow { justify-content: flex-end; } .childTableRowDetailMobileDialog .btnsWrapper .am-button { height: 36px; line-height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .childTableRowDetailMobileDialog .btnsWrapper .am-button, .childTableRowDetailMobileDialog .btnsWrapper .am-button::before, .childTableRowDetailMobileDialog .btnsWrapper .am-button-active::before { font-size: 14px; border-radius: 50px !important; } .Amap { position: relative; } .Amap.Amap-align-right .Amap-input { left: auto; right: 16px; } .Amap-input { left: 10px; right: 10px; top: 10px; padding: 0 100px 0 20px; position: absolute; z-index: 99; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 0 10px #c5b7b7; } .Amap-input input { width: 100%; border: none !important; } .Amap-input .Amap-autocomplete-list { width: 190px; } .Amap-input-search { position: absolute; left: 7px; top: 50%; transform: translateY(-50%); color: #999; } .Amap-input-search-icon { font-size: 20px; cursor: pointer; } .Amap-autocomplete-list { max-height: 200px; overflow: scroll; } .Amap .MenuItem .Item-content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; width: 100%; } .Amap .Amap-topRightElement { position: absolute; left: 10px; right: 10px; top: 10px; z-index: 99; } .selectUserModal { background-color: #f8f8f8; } .selectUserModal .btnsWrapper { padding: 7px 10px; background-color: #fff; } .selectUserModal .btnsWrapper a { text-decoration: none; } .selectUserModal .btnsWrapper .am-button { height: 36px; line-height: 36px; } .selectUserModal .btnsWrapper .am-button, .selectUserModal .btnsWrapper .am-button::before, .selectUserModal .btnsWrapper .am-button-active::before { border-radius: 50px; } .selectUserModal .searchWrapper { display: flex; align-items: center; background-color: #fff; border-radius: 24px; padding: 7px 10px; margin: 10px 15px; } .selectUserModal .searchWrapper .icon-h5_search { color: #757575; font-size: 14px; } .selectUserModal .searchWrapper .icon-workflow_cancel { color: #bdbdbd; font-size: 15px; } .selectUserModal .searchWrapper input { width: 100%; border: 0; padding: 0 5px; } .selectUserModal .selectedWrapper { color: #333; padding: 10px 10px 0; margin: 5px 0 10px; text-align: left; background-color: #fff; } .selectUserModal .selectedWrapper .selectedItem { border-radius: 24px; padding: 0px 16px; height: 30px; line-height: 30px; background-color: #f0f0f0; margin: 0 10px 10px 0; float: left; } .selectUserModal .selectedWrapper .icon { margin-left: 5px; } .selectUserModal .orgRolelist { background-color: #fff; } .selectUserModal .orgRolelist .orgRoleItem { height: 46px; line-height: 46px; } .selectUserModal .orgRolelist .orgRoleItem .radioWrap { padding: 0 15px; width: 50px; } .selectUserModal .orgRolelist .orgRoleItem .organizeName { text-align: left; border-bottom: 1px solid #ddd; font-size: 15px; } .selectUserModal .orgRolelist .orgRoleItem .am-list-thumb { margin-right: 0; }