@font-face { font-family:"neue-haas-grotesk-display"; src:url("https://use.typekit.net/af/2807c7/00000000000000007735bb48/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/2807c7/00000000000000007735bb48/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/2807c7/00000000000000007735bb48/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400; } @font-face { font-family:"neue-haas-grotesk-display"; src:url("https://use.typekit.net/af/2b59e1/00000000000000007735bb53/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/2b59e1/00000000000000007735bb53/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/2b59e1/00000000000000007735bb53/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:400; } @font-face { font-family:"neue-haas-grotesk-display"; src:url("https://use.typekit.net/af/384d9b/00000000000000007735bb6a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/384d9b/00000000000000007735bb6a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/384d9b/00000000000000007735bb6a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700; } @font-face { font-family:"neue-haas-grotesk-display"; src:url("https://use.typekit.net/af/fcc1c9/00000000000000007735bb6c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/fcc1c9/00000000000000007735bb6c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/fcc1c9/00000000000000007735bb6c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:700; } @font-face { font-family:"neue-haas-grotesk-text"; src:url("https://use.typekit.net/af/0230dd/00000000000000007735bb33/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/0230dd/00000000000000007735bb33/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/0230dd/00000000000000007735bb33/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400; } @font-face { font-family:"neue-haas-grotesk-text"; src:url("https://use.typekit.net/af/aed66e/00000000000000007735bb35/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/aed66e/00000000000000007735bb35/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/aed66e/00000000000000007735bb35/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:400; } @font-face { font-family:"neue-haas-grotesk-text"; src:url("https://use.typekit.net/af/305037/00000000000000007735bb39/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/305037/00000000000000007735bb39/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/305037/00000000000000007735bb39/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700; } @font-face { font-family:"neue-haas-grotesk-text"; src:url("https://use.typekit.net/af/68a7c6/00000000000000007735bb3d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/68a7c6/00000000000000007735bb3d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/68a7c6/00000000000000007735bb3d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:700; } header#masthead, #colophon, #header-secondary-outer, #header-outer, #header-space, #footer-outer { display: none !important; } .home-banner-img img { width: 100%; height: auto; } svg:not(:root).svg-inline--fa { overflow: visible; } .svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -0.125em; } .svg-inline--fa.fa-lg { vertical-align: -0.225em; } .svg-inline--fa.fa-w-1 { width: 0.0625em; } .svg-inline--fa.fa-w-2 { width: 0.125em; } .svg-inline--fa.fa-w-3 { width: 0.1875em; } .svg-inline--fa.fa-w-4 { width: 0.25em; } .svg-inline--fa.fa-w-5 { width: 0.3125em; } .svg-inline--fa.fa-w-6 { width: 0.375em; } .svg-inline--fa.fa-w-7 { width: 0.4375em; } .svg-inline--fa.fa-w-8 { width: 0.5em; } .svg-inline--fa.fa-w-9 { width: 0.5625em; } .svg-inline--fa.fa-w-10 { width: 0.625em; } .svg-inline--fa.fa-w-11 { width: 0.6875em; } .svg-inline--fa.fa-w-12 { width: 0.75em; } .svg-inline--fa.fa-w-13 { width: 0.8125em; } .svg-inline--fa.fa-w-14 { width: 0.875em; } .svg-inline--fa.fa-w-15 { width: 0.9375em; } .svg-inline--fa.fa-w-16 { width: 1em; } .svg-inline--fa.fa-w-17 { width: 1.0625em; } .svg-inline--fa.fa-w-18 { width: 1.125em; } .svg-inline--fa.fa-w-19 { width: 1.1875em; } .svg-inline--fa.fa-w-20 { width: 1.25em; } .svg-inline--fa.fa-pull-left { margin-right: 0.3em; width: auto; } .svg-inline--fa.fa-pull-right { margin-left: 0.3em; width: auto; } .svg-inline--fa.fa-border { height: 1.5em; } .svg-inline--fa.fa-li { width: 2em; } .svg-inline--fa.fa-fw { width: 1.25em; } .fa-layers svg.svg-inline--fa { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .fa-layers { display: inline-block; height: 1em; position: relative; text-align: center; vertical-align: -0.125em; width: 1em; } .fa-layers svg.svg-inline--fa { -webkit-transform-origin: center center; transform-origin: center center; } .fa-layers-counter, .fa-layers-text { display: inline-block; position: absolute; text-align: center; } .fa-layers-text { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: center center; transform-origin: center center; } .fa-layers-counter { background-color: #ff253a; border-radius: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; height: 1.5em; line-height: 1; max-width: 5em; min-width: 1.5em; overflow: hidden; padding: 0.25em; right: 0; text-overflow: ellipsis; top: 0; -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: top right; transform-origin: top right; } .fa-layers-bottom-right { bottom: 0; right: 0; top: auto; -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: bottom right; transform-origin: bottom right; } .fa-layers-bottom-left { bottom: 0; left: 0; right: auto; top: auto; -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .fa-layers-top-right { right: 0; top: 0; -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: top right; transform-origin: top right; } .fa-layers-top-left { left: 0; right: auto; top: 0; -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: top left; transform-origin: top left; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; position: relative; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .svg-inline--fa.fa-stack-1x { height: 1em; width: 1.25em; } .svg-inline--fa.fa-stack-2x { height: 2em; width: 2.5em; } .fa-inverse { color: #fff; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .svg-inline--fa .fa-primary { fill: var(--fa-primary-color, currentColor); opacity: 1; opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa .fa-secondary { fill: var(--fa-secondary-color, currentColor); opacity: 0.4; opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-primary { opacity: 0.4; opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-secondary { opacity: 1; opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary { fill: black; } .fad.fa-inverse { color: #fff; } /* MAIN PUBLIC CSS */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: .67em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace,monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace,monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } [hidden], template { display: none; } .el-pagination--small .arrow.disabled, .el-table--hidden, .el-table .hidden-columns, .el-table td.is-hidden>*, .el-table th.is-hidden>* { visibility: hidden; } .el-input__suffix, .el-tree.is-dragging .el-tree-node__content * { pointer-events: none; } .el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), .el-message__closeBtn:focus, .el-message__content:focus, .el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing), .el-rate:active, .el-rate:focus, .el-tooltip:focus:hover, .el-tooltip:focus:not(.focusing), .el-upload-list__item.is-success:active, .el-upload-list__item.is-success:not(.focusing):focus { outline-width: 0; } @font-face { font-family: element-icons; src: url(https://admin.revenuehunt.com/packs/media/fonts/element-icons-313f7dac.woff) format("woff"), url(https://admin.revenuehunt.com/packs/media/fonts/element-icons-45201881.ttf) format("truetype"); font-weight: 400; font-display: "auto"; font-style: normal; } [class*=" el-icon-"], [class^=el-icon-] { font-family: element-icons!important; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-icon-ice-cream-round:before { content: "\e6a0"; } .el-icon-ice-cream-square:before { content: "\e6a3"; } .el-icon-lollipop:before { content: "\e6a4"; } .el-icon-potato-strips:before { content: "\e6a5"; } .el-icon-milk-tea:before { content: "\e6a6"; } .el-icon-ice-drink:before { content: "\e6a7"; } .el-icon-ice-tea:before { content: "\e6a9"; } .el-icon-coffee:before { content: "\e6aa"; } .el-icon-orange:before { content: "\e6ab"; } .el-icon-pear:before { content: "\e6ac"; } .el-icon-apple:before { content: "\e6ad"; } .el-icon-cherry:before { content: "\e6ae"; } .el-icon-watermelon:before { content: "\e6af"; } .el-icon-grape:before { content: "\e6b0"; } .el-icon-refrigerator:before { content: "\e6b1"; } .el-icon-goblet-square-full:before { content: "\e6b2"; } .el-icon-goblet-square:before { content: "\e6b3"; } .el-icon-goblet-full:before { content: "\e6b4"; } .el-icon-goblet:before { content: "\e6b5"; } .el-icon-cold-drink:before { content: "\e6b6"; } .el-icon-coffee-cup:before { content: "\e6b8"; } .el-icon-water-cup:before { content: "\e6b9"; } .el-icon-hot-water:before { content: "\e6ba"; } .el-icon-ice-cream:before { content: "\e6bb"; } .el-icon-dessert:before { content: "\e6bc"; } .el-icon-sugar:before { content: "\e6bd"; } .el-icon-tableware:before { content: "\e6be"; } .el-icon-burger:before { content: "\e6bf"; } .el-icon-knife-fork:before { content: "\e6c1"; } .el-icon-fork-spoon:before { content: "\e6c2"; } .el-icon-chicken:before { content: "\e6c3"; } .el-icon-food:before { content: "\e6c4"; } .el-icon-dish-1:before { content: "\e6c5"; } .el-icon-dish:before { content: "\e6c6"; } .el-icon-moon-night:before { content: "\e6ee"; } .el-icon-moon:before { content: "\e6f0"; } .el-icon-cloudy-and-sunny:before { content: "\e6f1"; } .el-icon-partly-cloudy:before { content: "\e6f2"; } .el-icon-cloudy:before { content: "\e6f3"; } .el-icon-sunny:before { content: "\e6f6"; } .el-icon-sunset:before { content: "\e6f7"; } .el-icon-sunrise-1:before { content: "\e6f8"; } .el-icon-sunrise:before { content: "\e6f9"; } .el-icon-heavy-rain:before { content: "\e6fa"; } .el-icon-lightning:before { content: "\e6fb"; } .el-icon-light-rain:before { content: "\e6fc"; } .el-icon-wind-power:before { content: "\e6fd"; } .el-icon-baseball:before { content: "\e712"; } .el-icon-soccer:before { content: "\e713"; } .el-icon-football:before { content: "\e715"; } .el-icon-basketball:before { content: "\e716"; } .el-icon-ship:before { content: "\e73f"; } .el-icon-truck:before { content: "\e740"; } .el-icon-bicycle:before { content: "\e741"; } .el-icon-mobile-phone:before { content: "\e6d3"; } .el-icon-service:before { content: "\e6d4"; } .el-icon-key:before { content: "\e6e2"; } .el-icon-unlock:before { content: "\e6e4"; } .el-icon-lock:before { content: "\e6e5"; } .el-icon-watch:before { content: "\e6fe"; } .el-icon-watch-1:before { content: "\e6ff"; } .el-icon-timer:before { content: "\e702"; } .el-icon-alarm-clock:before { content: "\e703"; } .el-icon-map-location:before { content: "\e704"; } .el-icon-delete-location:before { content: "\e705"; } .el-icon-add-location:before { content: "\e706"; } .el-icon-location-information:before { content: "\e707"; } .el-icon-location-outline:before { content: "\e708"; } .el-icon-location:before { content: "\e79e"; } .el-icon-place:before { content: "\e709"; } .el-icon-discover:before { content: "\e70a"; } .el-icon-first-aid-kit:before { content: "\e70b"; } .el-icon-trophy-1:before { content: "\e70c"; } .el-icon-trophy:before { content: "\e70d"; } .el-icon-medal:before { content: "\e70e"; } .el-icon-medal-1:before { content: "\e70f"; } .el-icon-stopwatch:before { content: "\e710"; } .el-icon-mic:before { content: "\e711"; } .el-icon-copy-document:before { content: "\e718"; } .el-icon-full-screen:before { content: "\e719"; } .el-icon-switch-button:before { content: "\e71b"; } .el-icon-aim:before { content: "\e71c"; } .el-icon-crop:before { content: "\e71d"; } .el-icon-odometer:before { content: "\e71e"; } .el-icon-time:before { content: "\e71f"; } .el-icon-bangzhu:before { content: "\e724"; } .el-icon-close-notification:before { content: "\e726"; } .el-icon-microphone:before { content: "\e727"; } .el-icon-turn-off-microphone:before { content: "\e728"; } .el-icon-position:before { content: "\e729"; } .el-icon-postcard:before { content: "\e72a"; } .el-icon-message:before { content: "\e72b"; } .el-icon-chat-line-square:before { content: "\e72d"; } .el-icon-chat-dot-square:before { content: "\e72e"; } .el-icon-chat-dot-round:before { content: "\e72f"; } .el-icon-chat-square:before { content: "\e730"; } .el-icon-chat-line-round:before { content: "\e731"; } .el-icon-chat-round:before { content: "\e732"; } .el-icon-set-up:before { content: "\e733"; } .el-icon-turn-off:before { content: "\e734"; } .el-icon-open:before { content: "\e735"; } .el-icon-connection:before { content: "\e736"; } .el-icon-link:before { content: "\e737"; } .el-icon-cpu:before { content: "\e738"; } .el-icon-thumb:before { content: "\e739"; } .el-icon-female:before { content: "\e73a"; } .el-icon-male:before { content: "\e73b"; } .el-icon-guide:before { content: "\e73c"; } .el-icon-news:before { content: "\e73e"; } .el-icon-price-tag:before { content: "\e744"; } .el-icon-discount:before { content: "\e745"; } .el-icon-wallet:before { content: "\e747"; } .el-icon-coin:before { content: "\e748"; } .el-icon-money:before { content: "\e749"; } .el-icon-bank-card:before { content: "\e74a"; } .el-icon-box:before { content: "\e74b"; } .el-icon-present:before { content: "\e74c"; } .el-icon-sell:before { content: "\e6d5"; } .el-icon-sold-out:before { content: "\e6d6"; } .el-icon-shopping-bag-2:before { content: "\e74d"; } .el-icon-shopping-bag-1:before { content: "\e74e"; } .el-icon-shopping-cart-2:before { content: "\e74f"; } .el-icon-shopping-cart-1:before { content: "\e750"; } .el-icon-shopping-cart-full:before { content: "\e751"; } .el-icon-smoking:before { content: "\e752"; } .el-icon-no-smoking:before { content: "\e753"; } .el-icon-house:before { content: "\e754"; } .el-icon-table-lamp:before { content: "\e755"; } .el-icon-school:before { content: "\e756"; } .el-icon-office-building:before { content: "\e757"; } .el-icon-toilet-paper:before { content: "\e758"; } .el-icon-notebook-2:before { content: "\e759"; } .el-icon-notebook-1:before { content: "\e75a"; } .el-icon-files:before { content: "\e75b"; } .el-icon-collection:before { content: "\e75c"; } .el-icon-receiving:before { content: "\e75d"; } .el-icon-suitcase-1:before { content: "\e760"; } .el-icon-suitcase:before { content: "\e761"; } .el-icon-film:before { content: "\e763"; } .el-icon-collection-tag:before { content: "\e765"; } .el-icon-data-analysis:before { content: "\e766"; } .el-icon-pie-chart:before { content: "\e767"; } .el-icon-data-board:before { content: "\e768"; } .el-icon-data-line:before { content: "\e76d"; } .el-icon-reading:before { content: "\e769"; } .el-icon-magic-stick:before { content: "\e76a"; } .el-icon-coordinate:before { content: "\e76b"; } .el-icon-mouse:before { content: "\e76c"; } .el-icon-brush:before { content: "\e76e"; } .el-icon-headset:before { content: "\e76f"; } .el-icon-umbrella:before { content: "\e770"; } .el-icon-scissors:before { content: "\e771"; } .el-icon-mobile:before { content: "\e773"; } .el-icon-attract:before { content: "\e774"; } .el-icon-monitor:before { content: "\e775"; } .el-icon-search:before { content: "\e778"; } .el-icon-takeaway-box:before { content: "\e77a"; } .el-icon-paperclip:before { content: "\e77d"; } .el-icon-printer:before { content: "\e77e"; } .el-icon-document-add:before { content: "\e782"; } .el-icon-document:before { content: "\e785"; } .el-icon-document-checked:before { content: "\e786"; } .el-icon-document-copy:before { content: "\e787"; } .el-icon-document-delete:before { content: "\e788"; } .el-icon-document-remove:before { content: "\e789"; } .el-icon-tickets:before { content: "\e78b"; } .el-icon-folder-checked:before { content: "\e77f"; } .el-icon-folder-delete:before { content: "\e780"; } .el-icon-folder-remove:before { content: "\e781"; } .el-icon-folder-add:before { content: "\e783"; } .el-icon-folder-opened:before { content: "\e784"; } .el-icon-folder:before { content: "\e78a"; } .el-icon-edit-outline:before { content: "\e764"; } .el-icon-edit:before { content: "\e78c"; } .el-icon-date:before { content: "\e78e"; } .el-icon-c-scale-to-original:before { content: "\e7c6"; } .el-icon-view:before { content: "\e6ce"; } .el-icon-loading:before { content: "\e6cf"; } .el-icon-rank:before { content: "\e6d1"; } .el-icon-sort-down:before { content: "\e7c4"; } .el-icon-sort-up:before { content: "\e7c5"; } .el-icon-sort:before { content: "\e6d2"; } .el-icon-finished:before { content: "\e6cd"; } .el-icon-refresh-left:before { content: "\e6c7"; } .el-icon-refresh-right:before { content: "\e6c8"; } .el-icon-refresh:before { content: "\e6d0"; } .el-icon-video-play:before { content: "\e7c0"; } .el-icon-video-pause:before { content: "\e7c1"; } .el-icon-d-arrow-right:before { content: "\e6dc"; } .el-icon-d-arrow-left:before { content: "\e6dd"; } .el-icon-arrow-up:before { content: "\e6e1"; } .el-icon-arrow-down:before { content: "\e6df"; } .el-icon-arrow-right:before { content: "\e6e0"; } .el-icon-arrow-left:before { content: "\e6de"; } .el-icon-top-right:before { content: "\e6e7"; } .el-icon-top-left:before { content: "\e6e8"; } .el-icon-top:before { content: "\e6e6"; } .el-icon-bottom:before { content: "\e6eb"; } .el-icon-right:before { content: "\e6e9"; } .el-icon-back:before { content: "\e6ea"; } .el-icon-bottom-right:before { content: "\e6ec"; } .el-icon-bottom-left:before { content: "\e6ed"; } .el-icon-caret-top:before { content: "\e78f"; } .el-icon-caret-bottom:before { content: "\e790"; } .el-icon-caret-right:before { content: "\e791"; } .el-icon-caret-left:before { content: "\e792"; } .el-icon-d-caret:before { content: "\e79a"; } .el-icon-share:before { content: "\e793"; } .el-icon-menu:before { content: "\e798"; } .el-icon-s-grid:before { content: "\e7a6"; } .el-icon-s-check:before { content: "\e7a7"; } .el-icon-s-data:before { content: "\e7a8"; } .el-icon-s-opportunity:before { content: "\e7aa"; } .el-icon-s-custom:before { content: "\e7ab"; } .el-icon-s-claim:before { content: "\e7ad"; } .el-icon-s-finance:before { content: "\e7ae"; } .el-icon-s-comment:before { content: "\e7af"; } .el-icon-s-flag:before { content: "\e7b0"; } .el-icon-s-marketing:before { content: "\e7b1"; } .el-icon-s-shop:before { content: "\e7b4"; } .el-icon-s-open:before { content: "\e7b5"; } .el-icon-s-management:before { content: "\e7b6"; } .el-icon-s-ticket:before { content: "\e7b7"; } .el-icon-s-release:before { content: "\e7b8"; } .el-icon-s-home:before { content: "\e7b9"; } .el-icon-s-promotion:before { content: "\e7ba"; } .el-icon-s-operation:before { content: "\e7bb"; } .el-icon-s-unfold:before { content: "\e7bc"; } .el-icon-s-fold:before { content: "\e7a9"; } .el-icon-s-platform:before { content: "\e7bd"; } .el-icon-s-order:before { content: "\e7be"; } .el-icon-s-cooperation:before { content: "\e7bf"; } .el-icon-bell:before { content: "\e725"; } .el-icon-message-solid:before { content: "\e799"; } .el-icon-video-camera:before { content: "\e772"; } .el-icon-video-camera-solid:before { content: "\e796"; } .el-icon-camera:before { content: "\e779"; } .el-icon-camera-solid:before { content: "\e79b"; } .el-icon-download:before { content: "\e77c"; } .el-icon-upload2:before { content: "\e77b"; } .el-icon-upload:before { content: "\e7c3"; } .el-icon-picture-outline-round:before { content: "\e75f"; } .el-icon-picture-outline:before { content: "\e75e"; } .el-icon-picture:before { content: "\e79f"; } .el-icon-close:before { content: "\e6db"; } .el-icon-check:before { content: "\e6da"; } .el-icon-plus:before { content: "\e6d9"; } .el-icon-minus:before { content: "\e6d8"; } .el-icon-help:before { content: "\e73d"; } .el-icon-s-help:before { content: "\e7b3"; } .el-icon-circle-close:before { content: "\e78d"; } .el-icon-circle-check:before { content: "\e720"; } .el-icon-circle-plus-outline:before { content: "\e723"; } .el-icon-remove-outline:before { content: "\e722"; } .el-icon-zoom-out:before { content: "\e776"; } .el-icon-zoom-in:before { content: "\e777"; } .el-icon-error:before { content: "\e79d"; } .el-icon-success:before { content: "\e79c"; } .el-icon-circle-plus:before { content: "\e7a0"; } .el-icon-remove:before { content: "\e7a2"; } .el-icon-info:before { content: "\e7a1"; } .el-icon-question:before { content: "\e7a4"; } .el-icon-warning-outline:before { content: "\e6c9"; } .el-icon-warning:before { content: "\e7a3"; } .el-icon-goods:before { content: "\e7c2"; } .el-icon-s-goods:before { content: "\e7b2"; } .el-icon-star-off:before { content: "\e717"; } .el-icon-star-on:before { content: "\e797"; } .el-icon-more-outline:before { content: "\e6cc"; } .el-icon-more:before { content: "\e794"; } .el-icon-phone-outline:before { content: "\e6cb"; } .el-icon-phone:before { content: "\e795"; } .el-icon-user:before { content: "\e6e3"; } .el-icon-user-solid:before { content: "\e7a5"; } .el-icon-setting:before { content: "\e6ca"; } .el-icon-s-tools:before { content: "\e7ac"; } .el-icon-delete:before { content: "\e6d7"; } .el-icon-delete-solid:before { content: "\e7c9"; } .el-icon-eleme:before { content: "\e7c7"; } .el-icon-platform-eleme:before { content: "\e7ca"; } .el-icon-loading { -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } .el-icon--right { margin-left: 5px; } .el-icon--left { margin-right: 5px; } @-webkit-keyframes rotating { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes rotating { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .el-pagination { white-space: nowrap; padding: 2px 5px; color: #303133; font-weight: 700; } .el-pagination:after, .el-pagination:before { display: table; content: ""; } .el-pagination:after { clear: both; } .el-pagination button, .el-pagination span:not([class*=suffix]) { display: inline-block; font-size: 13px; min-width: 35.5px; height: 28px; line-height: 28px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-pagination .el-input__inner { text-align: center; -moz-appearance: textfield; line-height: normal; } .el-pagination .el-input__suffix { right: 0; -webkit-transform: scale(.8); transform: scale(.8); } .el-pagination .el-select .el-input { width: 100px; margin: 0 5px; } .el-pagination .el-select .el-input .el-input__inner { padding-right: 25px; border-radius: 3px; } .el-pagination button { border: none; padding: 0 6px; background: 0 0; } .el-pagination button:focus { outline: 0; } .el-pagination button:hover { color: #409eff; } .el-pagination button:disabled { color: #c0c4cc; background-color: #fff; cursor: not-allowed; } .el-pagination .btn-next, .el-pagination .btn-prev { background: 50% no-repeat #fff; background-size: 16px; cursor: pointer; margin: 0; color: #303133; } .el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon { display: block; font-size: 12px; font-weight: 700; } .el-pagination .btn-prev { padding-right: 12px; } .el-pagination .btn-next { padding-left: 12px; } .el-pagination .el-pager li.disabled { color: #c0c4cc; cursor: not-allowed; } .el-pager li, .el-pager li.btn-quicknext:hover, .el-pager li.btn-quickprev:hover { cursor: pointer; } .el-pagination--small .btn-next, .el-pagination--small .btn-prev, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li.btn-quicknext, .el-pagination--small .el-pager li.btn-quickprev, .el-pagination--small .el-pager li:last-child { border-color: transparent; font-size: 12px; line-height: 22px; height: 22px; min-width: 22px; } .el-pagination--small .more:before, .el-pagination--small li.more:before { line-height: 24px; } .el-pagination--small button, .el-pagination--small span:not([class*=suffix]) { height: 22px; line-height: 22px; } .el-pagination--small .el-pagination__editor, .el-pagination--small .el-pagination__editor.el-input .el-input__inner { height: 22px; } .el-pagination__sizes { margin: 0 10px 0 0; font-weight: 400; color: #606266; } .el-pagination__sizes .el-input .el-input__inner { font-size: 13px; padding-left: 8px; } .el-pagination__sizes .el-input .el-input__inner:hover { border-color: #409eff; } .el-pagination__total { margin-right: 10px; font-weight: 400; color: #606266; } .el-pagination__jump { margin-left: 24px; font-weight: 400; color: #606266; } .el-pagination__jump .el-input__inner { padding: 0 3px; } .el-pagination__rightwrapper { float: right; } .el-pagination__editor { line-height: 18px; padding: 0 2px; height: 28px; text-align: center; margin: 0 2px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; } .el-pager, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev { padding: 0; } .el-pagination__editor.el-input { width: 50px; } .el-pagination__editor.el-input .el-input__inner { height: 28px; } .el-pagination__editor .el-input__inner::-webkit-inner-spin-button, .el-pagination__editor .el-input__inner::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { margin: 0 5px; background-color: #f4f4f5; color: #606266; min-width: 30px; border-radius: 2px; } .el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.disabled { color: #c0c4cc; } .el-pagination.is-background .el-pager li:not(.disabled):hover { color: #409eff; } .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #409eff; color: #fff; } .el-dialog, .el-pager li { background: #fff; -webkit-box-sizing: border-box; } .el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .el-pager li { margin: 0 3px; min-width: 22px; } .el-pager, .el-pager li { vertical-align: top; margin: 0; display: inline-block; } .el-pager { -ms-user-select: none; user-select: none; list-style: none; font-size: 0; } .el-date-table, .el-pager, .el-table th { -webkit-user-select: none; -moz-user-select: none; } .el-pager .more:before { line-height: 30px; } .el-pager li { padding: 0 4px; font-size: 13px; min-width: 35.5px; height: 28px; line-height: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .el-menu--collapse .el-menu .el-submenu, .el-menu--popup { min-width: 200px; } .el-pager li.btn-quicknext, .el-pager li.btn-quickprev { line-height: 28px; color: #303133; } .el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled { color: #c0c4cc; } .el-pager li.active+li { border-left: 0; } .el-pager li:hover { color: #409eff; } .el-pager li.active { color: #409eff; cursor: default; } @-webkit-keyframes v-modal-in { 0% { opacity: 0; } } @-webkit-keyframes v-modal-out { to { opacity: 0; } } .el-dialog { margin: 0 auto 50px; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .el-dialog.is-fullscreen { width: 100%; margin-top: 0; margin-bottom: 0; height: 100%; overflow: auto; } .el-dialog__wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; margin: 0; } .el-dialog__header { padding: 20px 20px 10px; } .el-dialog__headerbtn { position: absolute; top: 20px; right: 20px; padding: 0; background: 0 0; border: none; outline: 0; cursor: pointer; font-size: 16px; } .el-dialog__headerbtn .el-dialog__close { color: #909399; } .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { color: #409eff; } .el-dialog__title { line-height: 24px; font-size: 18px; color: #303133; } .el-dialog__body { padding: 30px 20px; color: #606266; font-size: 14px; word-break: break-all; } .el-dialog__footer { padding: 10px 20px 20px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-dialog--center { text-align: center; } .el-dialog--center .el-dialog__body { text-align: left; text-align: initial; padding: 25px 25px 30px; } .el-dialog--center .el-dialog__footer { text-align: inherit; } .dialog-fade-enter-active { -webkit-animation: dialog-fade-in .3s; animation: dialog-fade-in .3s; } .dialog-fade-leave-active { -webkit-animation: dialog-fade-out .3s; animation: dialog-fade-out .3s; } @-webkit-keyframes dialog-fade-in { 0% { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes dialog-fade-in { 0% { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @-webkit-keyframes dialog-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } to { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } } @keyframes dialog-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } to { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } } .el-autocomplete { position: relative; display: inline-block; } .el-autocomplete-suggestion { margin: 5px 0; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); border-radius: 4px; border: 1px solid #e4e7ed; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .el-dropdown-menu, .el-menu--collapse .el-submenu .el-menu { z-index: 10; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } .el-autocomplete-suggestion__wrap { max-height: 280px; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-autocomplete-suggestion__list { margin: 0; padding: 0; } .el-autocomplete-suggestion li { padding: 0 20px; margin: 0; line-height: 34px; cursor: pointer; color: #606266; font-size: 14px; list-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .el-autocomplete-suggestion li.highlighted, .el-autocomplete-suggestion li:hover { background-color: #f5f7fa; } .el-autocomplete-suggestion li.divider { margin-top: 6px; border-top: 1px solid #000; } .el-autocomplete-suggestion li.divider:last-child { margin-bottom: -6px; } .el-autocomplete-suggestion.is-loading li { text-align: center; height: 100px; line-height: 100px; font-size: 20px; color: #999; } .el-autocomplete-suggestion.is-loading li:after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-autocomplete-suggestion.is-loading li:hover { background-color: #fff; } .el-autocomplete-suggestion.is-loading .el-icon-loading { vertical-align: middle; } .el-dropdown { display: inline-block; position: relative; color: #606266; font-size: 14px; } .el-dropdown .el-button-group { display: block; } .el-dropdown .el-button-group .el-button { float: none; } .el-dropdown .el-dropdown__caret-button { padding-left: 5px; padding-right: 5px; position: relative; border-left: none; } .el-dropdown .el-dropdown__caret-button:before { content: ""; position: absolute; display: block; width: 1px; top: 5px; bottom: 5px; left: 0; background: hsla(0,0%,100%,.5); } .el-dropdown .el-dropdown__caret-button.el-button--default:before { background: rgba(220,223,230,.5); } .el-dropdown .el-dropdown__caret-button:hover:before { top: 0; bottom: 0; } .el-dropdown .el-dropdown__caret-button .el-dropdown__icon { padding-left: 0; } .el-dropdown__icon { font-size: 12px; margin: 0 3px; } .el-dropdown-menu { position: absolute; top: 0; left: 0; padding: 10px 0; margin: 5px 0; background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } .el-dropdown-menu__item { list-style: none; line-height: 36px; padding: 0 20px; margin: 0; font-size: 14px; color: #606266; cursor: pointer; outline: 0; } .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #ecf5ff; color: #66b1ff; } .el-dropdown-menu__item i { margin-right: 5px; } .el-dropdown-menu__item--divided { position: relative; margin-top: 6px; border-top: 1px solid #ebeef5; } .el-dropdown-menu__item--divided:before { content: ""; height: 6px; display: block; margin: 0 -20px; background-color: #fff; } .el-dropdown-menu__item.is-disabled { cursor: default; color: #bbb; pointer-events: none; } .el-dropdown-menu--medium { padding: 6px 0; } .el-dropdown-menu--medium .el-dropdown-menu__item { line-height: 30px; padding: 0 17px; font-size: 14px; } .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 6px; } .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 6px; margin: 0 -17px; } .el-dropdown-menu--small { padding: 6px 0; } .el-dropdown-menu--small .el-dropdown-menu__item { line-height: 27px; padding: 0 15px; font-size: 13px; } .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 4px; } .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 4px; margin: 0 -15px; } .el-dropdown-menu--mini { padding: 3px 0; } .el-dropdown-menu--mini .el-dropdown-menu__item { line-height: 24px; padding: 0 10px; font-size: 12px; } .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 3px; } .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 3px; margin: 0 -10px; } .el-menu { border-right: 1px solid #e6e6e6; list-style: none; position: relative; margin: 0; padding-left: 0; } .el-menu, .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .el-menu--horizontal>.el-submenu .el-submenu__title:hover { background-color: #fff; } .el-menu:after, .el-menu:before { display: table; content: ""; } .el-menu:after { clear: both; } .el-menu.el-menu--horizontal { border-bottom: 1px solid #e6e6e6; } .el-menu--horizontal { border-right: none; } .el-menu--horizontal>.el-menu-item { float: left; height: 60px; line-height: 60px; margin: 0; border-bottom: 2px solid transparent; color: #909399; } .el-menu--horizontal>.el-menu-item a, .el-menu--horizontal>.el-menu-item a:hover { color: inherit; } .el-menu--horizontal>.el-submenu { float: left; } .el-menu--horizontal>.el-submenu:focus, .el-menu--horizontal>.el-submenu:hover { outline: 0; } .el-menu--horizontal>.el-submenu:focus .el-submenu__title, .el-menu--horizontal>.el-submenu:hover .el-submenu__title { color: #303133; } .el-menu--horizontal>.el-submenu.is-active .el-submenu__title { border-bottom: 2px solid #409eff; color: #303133; } .el-menu--horizontal>.el-submenu .el-submenu__title { height: 60px; line-height: 60px; border-bottom: 2px solid transparent; color: #909399; } .el-menu--horizontal>.el-submenu .el-submenu__icon-arrow { position: static; vertical-align: middle; margin-left: 8px; margin-top: -3px; } .el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title { background-color: #fff; float: none; height: 36px; line-height: 36px; padding: 0 10px; color: #909399; } .el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title { color: #303133; } .el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover { outline: 0; color: #303133; } .el-menu--horizontal>.el-menu-item.is-active { border-bottom: 2px solid #409eff; color: #303133; } .el-menu--collapse { width: 64px; } .el-menu--collapse>.el-menu-item [class^=el-icon-], .el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] { margin: 0; vertical-align: middle; width: 24px; text-align: center; } .el-menu--collapse>.el-menu-item .el-submenu__icon-arrow, .el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow { display: none; } .el-menu--collapse>.el-menu-item span, .el-menu--collapse>.el-submenu>.el-submenu__title span { height: 0; width: 0; overflow: hidden; visibility: hidden; display: inline-block; } .el-menu--collapse>.el-menu-item.is-active i { color: inherit; } .el-menu--collapse .el-submenu { position: relative; } .el-menu--collapse .el-submenu .el-menu { position: absolute; margin-left: 5px; top: 0; left: 100%; border: 1px solid #e4e7ed; border-radius: 2px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } .el-menu-item, .el-submenu__title { height: 56px; line-height: 56px; position: relative; -webkit-box-sizing: border-box; white-space: nowrap; list-style: none; } .el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow { -webkit-transform: none; transform: none; } .el-menu--popup { z-index: 100; border: none; padding: 5px 0; border-radius: 2px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } .el-menu--popup-bottom-start { margin-top: 5px; } .el-menu--popup-right-start { margin-left: 5px; margin-right: 5px; } .el-menu-item { font-size: 14px; color: #303133; padding: 0 20px; cursor: pointer; -webkit-transition: border-color .3s,background-color .3s,color .3s; transition: border-color .3s,background-color .3s,color .3s; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-menu-item * { vertical-align: middle; } .el-menu-item i { color: #909399; } .el-menu-item:focus, .el-menu-item:hover { outline: 0; background-color: #ecf5ff; } .el-menu-item.is-disabled { opacity: .25; cursor: not-allowed; background: 0 0!important; } .el-menu-item [class^=el-icon-] { margin-right: 5px; width: 24px; text-align: center; font-size: 18px; vertical-align: middle; } .el-menu-item.is-active { color: #409eff; } .el-menu-item.is-active i { color: inherit; } .el-submenu { list-style: none; margin: 0; padding-left: 0; } .el-submenu__title { font-size: 14px; color: #303133; padding: 0 20px; cursor: pointer; -webkit-transition: border-color .3s,background-color .3s,color .3s; transition: border-color .3s,background-color .3s,color .3s; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-submenu__title * { vertical-align: middle; } .el-submenu__title i { color: #909399; } .el-submenu__title:focus, .el-submenu__title:hover { outline: 0; background-color: #ecf5ff; } .el-submenu__title.is-disabled { opacity: .25; cursor: not-allowed; background: 0 0!important; } .el-submenu__title:hover { background-color: #ecf5ff; } .el-submenu .el-menu { border: none; } .el-submenu .el-menu-item { height: 50px; line-height: 50px; padding: 0 45px; min-width: 200px; } .el-submenu__icon-arrow { position: absolute; top: 50%; right: 20px; margin-top: -7px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; font-size: 12px; } .el-submenu.is-active .el-submenu__title { border-bottom-color: #409eff; } .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .el-submenu.is-disabled .el-menu-item, .el-submenu.is-disabled .el-submenu__title { opacity: .25; cursor: not-allowed; background: 0 0!important; } .el-submenu [class^=el-icon-] { vertical-align: middle; margin-right: 5px; width: 24px; text-align: center; font-size: 18px; } .el-menu-item-group>ul { padding: 0; } .el-menu-item-group__title { padding: 7px 0 7px 20px; line-height: normal; font-size: 12px; color: #909399; } .el-radio-button__inner, .el-radio-group { display: inline-block; line-height: 1; vertical-align: middle; } .horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { -webkit-transition: .2s; transition: .2s; opacity: 0; } .el-radio-group { font-size: 0; } .el-radio-button { position: relative; display: inline-block; outline: 0; } .el-radio-button__inner { white-space: nowrap; background: #fff; border: 1px solid #dcdfe6; font-weight: 500; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; position: relative; cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); padding: 12px 20px; font-size: 14px; border-radius: 0; } .el-radio-button__inner.is-round { padding: 12px 20px; } .el-radio-button__inner:hover { color: #409eff; } .el-radio-button__inner [class*=el-icon-] { line-height: .9; } .el-radio-button__inner [class*=el-icon-]+span { margin-left: 5px; } .el-radio-button:first-child .el-radio-button__inner { border-left: 1px solid #dcdfe6; border-radius: 4px 0 0 4px; -webkit-box-shadow: none!important; box-shadow: none!important; } .el-radio-button__orig-radio { opacity: 0; outline: 0; position: absolute; z-index: -1; } .el-radio-button__orig-radio:checked+.el-radio-button__inner { color: #fff; background-color: #409eff; border-color: #409eff; -webkit-box-shadow: -1px 0 0 0 #409eff; box-shadow: -1px 0 0 0 #409eff; } .el-radio-button__orig-radio:disabled+.el-radio-button__inner { color: #c0c4cc; cursor: not-allowed; background-image: none; background-color: #fff; border-color: #ebeef5; -webkit-box-shadow: none; box-shadow: none; } .el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner { background-color: #f2f6fc; } .el-radio-button:last-child .el-radio-button__inner { border-radius: 0 4px 4px 0; } .el-popover, .el-radio-button:first-child:last-child .el-radio-button__inner { border-radius: 4px; } .el-radio-button--medium .el-radio-button__inner { padding: 10px 20px; font-size: 14px; border-radius: 0; } .el-radio-button--medium .el-radio-button__inner.is-round { padding: 10px 20px; } .el-radio-button--small .el-radio-button__inner { padding: 9px 15px; font-size: 12px; border-radius: 0; } .el-radio-button--small .el-radio-button__inner.is-round { padding: 9px 15px; } .el-radio-button--mini .el-radio-button__inner { padding: 7px 15px; font-size: 12px; border-radius: 0; } .el-radio-button--mini .el-radio-button__inner.is-round { padding: 7px 15px; } .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { -webkit-box-shadow: 0 0 2px 2px #409eff; box-shadow: 0 0 2px 2px #409eff; } .el-switch { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; position: relative; font-size: 14px; line-height: 20px; height: 20px; vertical-align: middle; } .el-switch__core, .el-switch__label { display: inline-block; cursor: pointer; } .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { cursor: not-allowed; } .el-switch__label { -webkit-transition: .2s; transition: .2s; height: 20px; font-size: 14px; font-weight: 500; vertical-align: middle; color: #303133; } .el-switch__label.is-active { color: #409eff; } .el-switch__label--left { margin-right: 10px; } .el-switch__label--right { margin-left: 10px; } .el-switch__label * { line-height: 1; font-size: 14px; display: inline-block; } .el-switch__input { position: absolute; width: 0; height: 0; opacity: 0; margin: 0; } .el-switch__core { margin: 0; position: relative; width: 40px; height: 20px; border: 1px solid #dcdfe6; outline: 0; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #dcdfe6; -webkit-transition: border-color .3s,background-color .3s; transition: border-color .3s,background-color .3s; vertical-align: middle; } .el-switch__core:after { content: ""; position: absolute; top: 1px; left: 1px; border-radius: 100%; -webkit-transition: all .3s; transition: all .3s; width: 16px; height: 16px; background-color: #fff; } .el-switch.is-checked .el-switch__core { border-color: #409eff; background-color: #409eff; } .el-switch.is-checked .el-switch__core:after { left: 100%; margin-left: -17px; } .el-switch.is-disabled { opacity: .6; } .el-switch--wide .el-switch__label.el-switch__label--left span { left: 10px; } .el-switch--wide .el-switch__label.el-switch__label--right span { right: 10px; } .el-switch .label-fade-enter, .el-switch .label-fade-leave-active { opacity: 0; } .el-select-dropdown { position: absolute; z-index: 1001; border: 1px solid #e4e7ed; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 5px 0; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: #409eff; background-color: #fff; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { background-color: #f5f7fa; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after { position: absolute; right: 20px; font-family: element-icons; content: "\e6da"; font-size: 12px; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { padding: 0; } .el-select-dropdown__empty { padding: 10px 0; margin: 0; text-align: center; color: #999; font-size: 14px; } .el-select-dropdown__wrap { max-height: 274px; } .el-select-dropdown__list { list-style: none; padding: 6px 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-select-dropdown__item { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #606266; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .el-select-dropdown__item.is-disabled { color: #c0c4cc; cursor: not-allowed; } .el-select-dropdown__item.is-disabled:hover { background-color: #fff; } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: #f5f7fa; } .el-select-dropdown__item.selected { color: #409eff; font-weight: 700; } .el-select-group { margin: 0; padding: 0; } .el-select-group__wrap { position: relative; list-style: none; margin: 0; padding: 0; } .el-select-group__wrap:not(:last-of-type) { padding-bottom: 24px; } .el-select-group__wrap:not(:last-of-type):after { content: ""; position: absolute; display: block; left: 20px; right: 20px; bottom: 12px; height: 1px; background: #e4e7ed; } .el-select-group__title { padding-left: 20px; font-size: 12px; color: #909399; line-height: 30px; } .el-select-group .el-select-dropdown__item { padding-left: 20px; } .el-select { display: inline-block; position: relative; } .el-select .el-select__tags>span { display: contents; } .el-select:hover .el-input__inner { border-color: #c0c4cc; } .el-select .el-input__inner { cursor: pointer; padding-right: 35px; } .el-select .el-input__inner:focus { border-color: #409eff; } .el-select .el-input .el-select__caret { color: #c0c4cc; font-size: 14px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; -webkit-transform: rotate(180deg); transform: rotate(180deg); cursor: pointer; } .el-select .el-input .el-select__caret.is-reverse { -webkit-transform: rotate(0); transform: rotate(0); } .el-select .el-input .el-select__caret.is-show-close { font-size: 14px; text-align: center; -webkit-transform: rotate(180deg); transform: rotate(180deg); border-radius: 100%; color: #c0c4cc; -webkit-transition: color .2s cubic-bezier(.645,.045,.355,1); transition: color .2s cubic-bezier(.645,.045,.355,1); } .el-select .el-input .el-select__caret.is-show-close:hover { color: #909399; } .el-select .el-input.is-disabled .el-input__inner { cursor: not-allowed; } .el-select .el-input.is-disabled .el-input__inner:hover { border-color: #e4e7ed; } .el-select .el-input.is-focus .el-input__inner { border-color: #409eff; } .el-select>.el-input { display: block; } .el-select__input { border: none; outline: 0; padding: 0; margin-left: 15px; color: #666; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 28px; background-color: transparent; } .el-select__input.is-mini { height: 14px; } .el-select__close { cursor: pointer; position: absolute; top: 8px; z-index: 1000; right: 25px; color: #c0c4cc; line-height: 18px; font-size: 14px; } .el-select__close:hover { color: #909399; } .el-select__tags { position: absolute; line-height: normal; white-space: normal; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .el-select .el-tag__close { margin-top: -2px; } .el-select .el-tag { -webkit-box-sizing: border-box; box-sizing: border-box; border-color: transparent; margin: 2px 0 2px 6px; background-color: #f0f2f5; } .el-select .el-tag__close.el-icon-close { background-color: #c0c4cc; right: -7px; top: 0; color: #fff; } .el-select .el-tag__close.el-icon-close:hover { background-color: #909399; } .el-table, .el-table__expanded-cell { background-color: #fff; } .el-select .el-tag__close.el-icon-close:before { display: block; -webkit-transform: translateY(.5px); transform: translateY(.5px); } .el-table { position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 1; flex: 1 1; width: 100%; max-width: 100%; font-size: 14px; color: #606266; } .el-table--mini, .el-table--small, .el-table__expand-icon { font-size: 12px; } .el-table__empty-block { min-height: 60px; text-align: center; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .el-table__empty-text { line-height: 60px; width: 50%; color: #909399; } .el-table__expand-column .cell { padding: 0; text-align: center; } .el-table__expand-icon { position: relative; cursor: pointer; color: #666; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out; height: 20px; } .el-table__expand-icon--expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .el-table__expand-icon>.el-icon { position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; } .el-table__expanded-cell[class*=cell] { padding: 20px 50px; } .el-table__expanded-cell:hover { background-color: transparent!important; } .el-table__placeholder { display: inline-block; width: 20px; } .el-table__append-wrapper { overflow: hidden; } .el-table--fit { border-right: 0; border-bottom: 0; } .el-table--fit td.gutter, .el-table--fit th.gutter { border-right-width: 1px; } .el-table--scrollable-x .el-table__body-wrapper { overflow-x: auto; } .el-table--scrollable-y .el-table__body-wrapper { overflow-y: auto; } .el-table thead { color: #909399; font-weight: 500; } .el-table thead.is-group th { background: #f5f7fa; } .el-table th, .el-table tr { background-color: #fff; } .el-table td, .el-table th { padding: 12px 0; min-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; } .el-table td.is-center, .el-table th.is-center { text-align: center; } .el-table td.is-right, .el-table th.is-right { text-align: right; } .el-table td.gutter, .el-table th.gutter { width: 15px; border-right-width: 0; border-bottom-width: 0; padding: 0; } .el-table--medium td, .el-table--medium th { padding: 10px 0; } .el-table--small td, .el-table--small th { padding: 8px 0; } .el-table--mini td, .el-table--mini th { padding: 6px 0; } .el-table--border td:first-child .cell, .el-table--border th:first-child .cell, .el-table .cell { padding-left: 10px; } .el-table tr input[type=checkbox] { margin: 0; } .el-table td, .el-table th.is-leaf { border-bottom: 1px solid #ebeef5; } .el-table th.is-sortable { cursor: pointer; } .el-table th { overflow: hidden; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .el-table th>.cell { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; vertical-align: middle; padding-left: 10px; padding-right: 10px; width: 100%; } .el-table th>.cell.highlight { color: #409eff; } .el-table th.required>div:before { display: inline-block; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff4d51; margin-right: 5px; vertical-align: middle; } .el-table td div { -webkit-box-sizing: border-box; box-sizing: border-box; } .el-table td.gutter { width: 0; } .el-table .cell { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all; line-height: 23px; padding-right: 10px; } .el-table .cell.el-tooltip { white-space: nowrap; min-width: 50px; } .el-table--border, .el-table--group { border: 1px solid #ebeef5; } .el-table--border:after, .el-table--group:after, .el-table:before { content: ""; position: absolute; background-color: #ebeef5; z-index: 1; } .el-table--border:after, .el-table--group:after { top: 0; right: 0; width: 1px; height: 100%; } .el-table:before { left: 0; bottom: 0; width: 100%; height: 1px; } .el-table--border { border-right: none; border-bottom: none; } .el-table--border.el-loading-parent--relative { border-color: transparent; } .el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed { border-right: 1px solid #ebeef5; } .el-table--border th, .el-table--border th.gutter:last-of-type, .el-table__fixed-right-patch { border-bottom: 1px solid #ebeef5; } .el-table__fixed, .el-table__fixed-right { position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: hidden; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.12); box-shadow: 0 0 10px rgba(0,0,0,.12); } .el-table__fixed-right:before, .el-table__fixed:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ebeef5; z-index: 4; } .el-table__fixed-right-patch { position: absolute; top: -1px; right: 0; background-color: #fff; } .el-table__fixed-right { top: 0; left: auto; right: 0; } .el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper, .el-table__fixed-right .el-table__fixed-header-wrapper { left: auto; right: 0; } .el-table__fixed-header-wrapper { position: absolute; left: 0; top: 0; z-index: 3; } .el-table__fixed-footer-wrapper { position: absolute; left: 0; bottom: 0; z-index: 3; } .el-table__fixed-footer-wrapper tbody td { border-top: 1px solid #ebeef5; background-color: #f5f7fa; color: #606266; } .el-table__fixed-body-wrapper { position: absolute; left: 0; top: 37px; overflow: hidden; z-index: 3; } .el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper { width: 100%; } .el-table__footer-wrapper { margin-top: -1px; } .el-table__footer-wrapper td { border-top: 1px solid #ebeef5; } .el-table__body, .el-table__footer, .el-table__header { table-layout: fixed; border-collapse: separate; } .el-table__footer-wrapper, .el-table__header-wrapper { overflow: hidden; } .el-table__footer-wrapper tbody td, .el-table__header-wrapper tbody td { background-color: #f5f7fa; color: #606266; } .el-table__body-wrapper { overflow: hidden; position: relative; } .el-table__body-wrapper.is-scrolling-left~.el-table__fixed, .el-table__body-wrapper.is-scrolling-none~.el-table__fixed, .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right, .el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right { -webkit-box-shadow: none; box-shadow: none; } .el-picker-panel, .el-table-filter { -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } .el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right { border-left: 1px solid #ebeef5; } .el-table .caret-wrapper { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; height: 34px; width: 24px; vertical-align: middle; cursor: pointer; overflow: visible; overflow: initial; position: relative; } .el-table .sort-caret { width: 0; height: 0; border: 5px solid transparent; position: absolute; left: 7px; } .el-table .sort-caret.ascending { border-bottom-color: #c0c4cc; top: 5px; } .el-table .sort-caret.descending { border-top-color: #c0c4cc; bottom: 7px; } .el-table .ascending .sort-caret.ascending { border-bottom-color: #409eff; } .el-table .descending .sort-caret.descending { border-top-color: #409eff; } .el-table .hidden-columns { position: absolute; z-index: -1; } .el-table--striped .el-table__body tr.el-table__row--striped td { background: #fafafa; } .el-table--striped .el-table__body tr.el-table__row--striped.current-row td { background-color: #ecf5ff; } .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td { background-color: #f5f7fa; } .el-table__body tr.current-row>td { background-color: #ecf5ff; } .el-table__column-resize-proxy { position: absolute; left: 200px; top: 0; bottom: 0; width: 0; border-left: 1px solid #ebeef5; z-index: 10; } .el-table__column-filter-trigger { display: inline-block; line-height: 34px; cursor: pointer; } .el-table__column-filter-trigger i { color: #909399; font-size: 12px; -webkit-transform: scale(.75); transform: scale(.75); } .el-table--enable-row-transition .el-table__body td { -webkit-transition: background-color .25s ease; transition: background-color .25s ease; } .el-table--enable-row-hover .el-table__body tr:hover>td { background-color: #f5f7fa; } .el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right { bottom: 0; overflow: hidden; } .el-table [class*=el-table__row--level] .el-table__expand-icon { display: inline-block; width: 20px; line-height: 20px; height: 20px; text-align: center; margin-right: 3px; } .el-table-column--selection .cell { padding-left: 14px; padding-right: 14px; } .el-table-filter { border: 1px solid #ebeef5; border-radius: 2px; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 2px 0; } .el-date-table td, .el-date-table td div { height: 30px; -webkit-box-sizing: border-box; } .el-table-filter__list { padding: 5px 0; margin: 0; list-style: none; min-width: 100px; } .el-table-filter__list-item { line-height: 36px; padding: 0 10px; cursor: pointer; font-size: 14px; } .el-table-filter__list-item:hover { background-color: #ecf5ff; color: #66b1ff; } .el-table-filter__list-item.is-active { background-color: #409eff; color: #fff; } .el-table-filter__content { min-width: 100px; } .el-table-filter__bottom { border-top: 1px solid #ebeef5; padding: 8px; } .el-table-filter__bottom button { background: 0 0; border: none; color: #606266; cursor: pointer; font-size: 13px; padding: 0 3px; } .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div, .el-date-table td.in-range div, .el-date-table td.in-range div:hover { background-color: #f2f6fc; } .el-table-filter__bottom button:hover { color: #409eff; } .el-table-filter__bottom button:focus { outline: 0; } .el-table-filter__bottom button.is-disabled { color: #c0c4cc; cursor: not-allowed; } .el-table-filter__wrap { max-height: 280px; } .el-table-filter__checkbox-group { padding: 10px; } .el-table-filter__checkbox-group label.el-checkbox { display: block; margin-right: 5px; margin-bottom: 8px; margin-left: 5px; } .el-table-filter__checkbox-group .el-checkbox:last-child { margin-bottom: 0; } .el-date-table { font-size: 12px; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { color: #606266; } .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { margin-left: 5px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { margin-right: 5px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .el-date-table td { width: 32px; padding: 4px 0; text-align: center; cursor: pointer; position: relative; } .el-date-table td, .el-date-table td div { -webkit-box-sizing: border-box; box-sizing: border-box; } .el-date-table td div { padding: 3px 0; } .el-date-table td span { width: 24px; height: 24px; display: block; margin: 0 auto; line-height: 24px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; } .el-date-table td.next-month, .el-date-table td.prev-month { color: #c0c4cc; } .el-date-table td.today { position: relative; } .el-date-table td.today span { color: #409eff; font-weight: 700; } .el-date-table td.today.end-date span, .el-date-table td.today.start-date span { color: #fff; } .el-date-table td.available:hover { color: #409eff; } .el-date-table td.current:not(.disabled) span { color: #fff; background-color: #409eff; } .el-date-table td.end-date div, .el-date-table td.start-date div { color: #fff; } .el-date-table td.end-date span, .el-date-table td.start-date span { background-color: #409eff; } .el-date-table td.start-date div { margin-left: 5px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .el-date-table td.end-date div { margin-right: 5px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .el-date-table td.disabled div { background-color: #f5f7fa; opacity: 1; cursor: not-allowed; color: #c0c4cc; } .el-date-table td.selected div { margin-left: 5px; margin-right: 5px; background-color: #f2f6fc; border-radius: 15px; } .el-date-table td.selected div:hover { background-color: #f2f6fc; } .el-date-table td.selected span { background-color: #409eff; color: #fff; border-radius: 15px; } .el-date-table td.week { font-size: 80%; color: #606266; } .el-month-table, .el-year-table { font-size: 12px; border-collapse: collapse; } .el-date-table th { padding: 5px; color: #606266; font-weight: 400; border-bottom: 1px solid #ebeef5; } .el-month-table { margin: -1px; } .el-month-table td { text-align: center; padding: 8px 0; cursor: pointer; } .el-month-table td div { height: 48px; padding: 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-month-table td.today .cell { color: #409eff; font-weight: 700; } .el-month-table td.today.end-date .cell, .el-month-table td.today.start-date .cell { color: #fff; } .el-month-table td.disabled .cell { background-color: #f5f7fa; cursor: not-allowed; color: #c0c4cc; } .el-month-table td.disabled .cell:hover { color: #c0c4cc; } .el-month-table td .cell { width: 60px; height: 36px; display: block; line-height: 36px; color: #606266; margin: 0 auto; border-radius: 18px; } .el-month-table td .cell:hover { color: #409eff; } .el-month-table td.in-range div, .el-month-table td.in-range div:hover { background-color: #f2f6fc; } .el-month-table td.end-date div, .el-month-table td.start-date div { color: #fff; } .el-month-table td.end-date .cell, .el-month-table td.start-date .cell { color: #fff; background-color: #409eff; } .el-month-table td.start-date div { border-top-left-radius: 24px; border-bottom-left-radius: 24px; } .el-month-table td.end-date div { border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .el-month-table td.current:not(.disabled) .cell { color: #409eff; } .el-year-table { margin: -1px; } .el-year-table .el-icon { color: #303133; } .el-year-table td { text-align: center; padding: 20px 3px; cursor: pointer; } .el-year-table td.today .cell { color: #409eff; font-weight: 700; } .el-year-table td.disabled .cell { background-color: #f5f7fa; cursor: not-allowed; color: #c0c4cc; } .el-year-table td.disabled .cell:hover { color: #c0c4cc; } .el-year-table td .cell { width: 48px; height: 32px; display: block; line-height: 32px; color: #606266; margin: 0 auto; } .el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell { color: #409eff; } .el-date-range-picker { width: 646px; } .el-date-range-picker.has-sidebar { width: 756px; } .el-date-range-picker table { table-layout: fixed; width: 100%; } .el-date-range-picker .el-picker-panel__body { min-width: 513px; } .el-date-range-picker .el-picker-panel__content { margin: 0; } .el-date-range-picker__header { position: relative; text-align: center; height: 28px; } .el-date-range-picker__header [class*=arrow-left] { float: left; } .el-date-range-picker__header [class*=arrow-right] { float: right; } .el-date-range-picker__header div { font-size: 16px; font-weight: 500; margin-right: 50px; } .el-date-range-picker__content { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 16px; } .el-date-range-picker__content.is-left { border-right: 1px solid #e4e4e4; } .el-date-range-picker__content .el-date-range-picker__header div { margin-left: 50px; margin-right: 50px; } .el-date-range-picker__editors-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; } .el-date-range-picker__editors-wrap.is-right { text-align: right; } .el-date-range-picker__time-header { position: relative; border-bottom: 1px solid #e4e4e4; font-size: 12px; padding: 8px 5px 5px; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-date-range-picker__time-header>.el-icon-arrow-right { font-size: 20px; vertical-align: middle; display: table-cell; color: #303133; } .el-date-range-picker__time-picker-wrap { position: relative; display: table-cell; padding: 0 5px; } .el-date-range-picker__time-picker-wrap .el-picker-panel { position: absolute; top: 13px; right: 0; z-index: 1; background: #fff; } .el-date-picker { width: 322px; } .el-date-picker.has-sidebar.has-time { width: 434px; } .el-date-picker.has-sidebar { width: 438px; } .el-date-picker.has-time .el-picker-panel__body-wrapper { position: relative; } .el-date-picker .el-picker-panel__content { width: 292px; } .el-date-picker table { table-layout: fixed; width: 100%; } .el-date-picker__editor-wrap { position: relative; display: table-cell; padding: 0 5px; } .el-date-picker__time-header { position: relative; border-bottom: 1px solid #e4e4e4; font-size: 12px; padding: 8px 5px 5px; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-date-picker__header { margin: 12px; text-align: center; } .el-date-picker__header--bordered { margin-bottom: 0; padding-bottom: 12px; border-bottom: 1px solid #ebeef5; } .el-date-picker__header--bordered+.el-picker-panel__content { margin-top: 0; } .el-date-picker__header-label { font-size: 16px; font-weight: 500; padding: 0 5px; line-height: 22px; text-align: center; cursor: pointer; color: #606266; } .el-date-picker__header-label.active, .el-date-picker__header-label:hover { color: #409eff; } .el-date-picker__prev-btn { float: left; } .el-date-picker__next-btn { float: right; } .el-date-picker__time-wrap { padding: 10px; text-align: center; } .el-date-picker__time-label { float: left; cursor: pointer; line-height: 30px; margin-left: 10px; } .time-select { margin: 5px 0; min-width: 0; } .time-select .el-picker-panel__content { max-height: 200px; margin: 0; } .time-select-item { padding: 8px 10px; font-size: 14px; line-height: 20px; } .time-select-item.selected:not(.disabled) { color: #409eff; font-weight: 700; } .time-select-item.disabled { color: #e4e7ed; cursor: not-allowed; } .time-select-item:hover { background-color: #f5f7fa; font-weight: 700; cursor: pointer; } .el-date-editor { position: relative; display: inline-block; text-align: left; } .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 220px; } .el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner { width: 300px; } .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner { width: 350px; } .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner { width: 400px; } .el-date-editor--dates .el-input__inner { text-overflow: ellipsis; white-space: nowrap; } .el-date-editor .el-icon-circle-close { cursor: pointer; } .el-date-editor .el-range__icon { font-size: 14px; margin-left: -5px; color: #c0c4cc; float: left; line-height: 32px; } .el-date-editor .el-range-input, .el-date-editor .el-range-separator { height: 100%; margin: 0; text-align: center; display: inline-block; font-size: 14px; } .el-date-editor .el-range-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: 0; padding: 0; width: 39%; color: #606266; } .el-date-editor .el-range-input::-webkit-input-placeholder { color: #c0c4cc; } .el-date-editor .el-range-input:-ms-input-placeholder { color: #c0c4cc; } .el-date-editor .el-range-input::-ms-input-placeholder { color: #c0c4cc; } .el-date-editor .el-range-input::-moz-placeholder { color: #c0c4cc; } .el-date-editor .el-range-input::placeholder { color: #c0c4cc; } .el-date-editor .el-range-separator { padding: 0 5px; line-height: 32px; width: 5%; color: #303133; } .el-date-editor .el-range__close-icon { font-size: 14px; color: #c0c4cc; width: 25px; display: inline-block; float: right; line-height: 32px; } .el-range-editor.el-input__inner { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding: 3px 10px; } .el-range-editor .el-range-input { line-height: 1; } .el-range-editor.is-active, .el-range-editor.is-active:hover { border-color: #409eff; } .el-range-editor--medium.el-input__inner { height: 36px; } .el-range-editor--medium .el-range-separator { line-height: 28px; font-size: 14px; } .el-range-editor--medium .el-range-input { font-size: 14px; } .el-range-editor--medium .el-range__close-icon, .el-range-editor--medium .el-range__icon { line-height: 28px; } .el-range-editor--small.el-input__inner { height: 32px; } .el-range-editor--small .el-range-separator { line-height: 24px; font-size: 13px; } .el-range-editor--small .el-range-input { font-size: 13px; } .el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon { line-height: 24px; } .el-range-editor--mini.el-input__inner { height: 28px; } .el-range-editor--mini .el-range-separator { line-height: 20px; font-size: 12px; } .el-range-editor--mini .el-range-input { font-size: 12px; } .el-range-editor--mini .el-range__close-icon, .el-range-editor--mini .el-range__icon { line-height: 20px; } .el-range-editor.is-disabled { background-color: #f5f7fa; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed; } .el-range-editor.is-disabled:focus, .el-range-editor.is-disabled:hover { border-color: #e4e7ed; } .el-range-editor.is-disabled input { background-color: #f5f7fa; color: #c0c4cc; cursor: not-allowed; } .el-range-editor.is-disabled input::-webkit-input-placeholder { color: #c0c4cc; } .el-range-editor.is-disabled input:-ms-input-placeholder { color: #c0c4cc; } .el-range-editor.is-disabled input::-ms-input-placeholder { color: #c0c4cc; } .el-range-editor.is-disabled input::-moz-placeholder { color: #c0c4cc; } .el-range-editor.is-disabled input::placeholder { color: #c0c4cc; } .el-range-editor.is-disabled .el-range-separator { color: #c0c4cc; } .el-picker-panel { color: #606266; border: 1px solid #e4e7ed; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); background: #fff; border-radius: 4px; line-height: 30px; margin: 5px 0; } .el-picker-panel, .el-popover, .el-time-panel { -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } .el-picker-panel__body-wrapper:after, .el-picker-panel__body:after { content: ""; display: table; clear: both; } .el-picker-panel__content { position: relative; margin: 15px; } .el-picker-panel__footer { border-top: 1px solid #e4e4e4; padding: 4px; text-align: right; background-color: #fff; position: relative; font-size: 0; } .el-picker-panel__shortcut { display: block; width: 100%; border: 0; background-color: transparent; line-height: 28px; font-size: 14px; color: #606266; padding-left: 12px; text-align: left; outline: 0; cursor: pointer; } .el-picker-panel__shortcut:hover { color: #409eff; } .el-picker-panel__shortcut.active { background-color: #e6f1fe; color: #409eff; } .el-picker-panel__btn { border: 1px solid #dcdcdc; color: #333; line-height: 24px; border-radius: 2px; padding: 0 20px; cursor: pointer; background-color: transparent; outline: 0; font-size: 12px; } .el-picker-panel__btn[disabled] { color: #ccc; cursor: not-allowed; } .el-picker-panel__icon-btn { font-size: 12px; color: #303133; border: 0; background: 0 0; cursor: pointer; outline: 0; margin-top: 8px; } .el-picker-panel__icon-btn:hover { color: #409eff; } .el-picker-panel__icon-btn.is-disabled { color: #bbb; } .el-picker-panel__icon-btn.is-disabled:hover { cursor: not-allowed; } .el-picker-panel__link-btn { vertical-align: middle; } .el-picker-panel [slot=sidebar], .el-picker-panel__sidebar { position: absolute; top: 0; bottom: 0; width: 110px; border-right: 1px solid #e4e4e4; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; background-color: #fff; overflow: auto; } .el-picker-panel [slot=sidebar]+.el-picker-panel__body, .el-picker-panel__sidebar+.el-picker-panel__body { margin-left: 110px; } .el-time-spinner.has-seconds .el-time-spinner__wrapper { width: 33.3%; } .el-time-spinner__wrapper { max-height: 190px; overflow: auto; display: inline-block; width: 50%; vertical-align: top; position: relative; } .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { padding-bottom: 15px; } .el-time-spinner__input.el-input .el-input__inner, .el-time-spinner__list { padding: 0; text-align: center; } .el-time-spinner__wrapper.is-arrow { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden; } .el-time-spinner__wrapper.is-arrow .el-time-spinner__list { -webkit-transform: translateY(-32px); transform: translateY(-32px); } .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { background: #fff; cursor: default; } .el-time-spinner__arrow { font-size: 12px; color: #909399; position: absolute; left: 0; width: 100%; z-index: 1; text-align: center; height: 30px; line-height: 30px; cursor: pointer; } .el-time-spinner__arrow:hover { color: #409eff; } .el-time-spinner__arrow.el-icon-arrow-up { top: 10px; } .el-time-spinner__arrow.el-icon-arrow-down { bottom: 10px; } .el-time-spinner__input.el-input { width: 70%; } .el-time-spinner__list { margin: 0; list-style: none; } .el-time-spinner__list:after, .el-time-spinner__list:before { content: ""; display: block; width: 100%; height: 80px; } .el-time-spinner__item { height: 32px; line-height: 32px; font-size: 12px; color: #606266; } .el-time-spinner__item:hover:not(.disabled):not(.active) { background: #f5f7fa; cursor: pointer; } .el-time-spinner__item.active:not(.disabled) { color: #303133; font-weight: 700; } .el-time-spinner__item.disabled { color: #c0c4cc; cursor: not-allowed; } .el-time-panel { margin: 5px 0; border: 1px solid #e4e7ed; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); border-radius: 2px; position: absolute; width: 180px; left: 0; z-index: 1000; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; } .el-slider__button, .el-slider__button-wrapper, .el-time-panel { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .el-time-panel__content { font-size: 0; position: relative; overflow: hidden; } .el-time-panel__content:after, .el-time-panel__content:before { content: ""; top: 50%; position: absolute; margin-top: -15px; height: 32px; z-index: -1; left: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; text-align: left; border-top: 1px solid #e4e7ed; border-bottom: 1px solid #e4e7ed; } .el-time-panel__content:after { left: 50%; margin-left: 12%; margin-right: 12%; } .el-time-panel__content:before { padding-left: 50%; margin-right: 12%; margin-left: 12%; } .el-time-panel__content.has-seconds:after { left: 66.66667%; } .el-time-panel__content.has-seconds:before { padding-left: 33.33333%; } .el-time-panel__footer { border-top: 1px solid #e4e4e4; padding: 4px; height: 36px; line-height: 25px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-time-panel__btn { border: none; line-height: 28px; padding: 0 5px; margin: 0 5px; cursor: pointer; background-color: transparent; outline: 0; font-size: 12px; color: #303133; } .el-time-panel__btn.confirm { font-weight: 800; color: #409eff; } .el-time-range-picker { width: 354px; overflow: visible; } .el-time-range-picker__content { position: relative; text-align: center; padding: 10px; } .el-time-range-picker__cell { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 4px 7px 7px; width: 50%; display: inline-block; } .el-time-range-picker__header { margin-bottom: 5px; text-align: center; font-size: 14px; } .el-time-range-picker__body { border-radius: 2px; border: 1px solid #e4e7ed; } .el-popover { position: absolute; background: #fff; min-width: 150px; border: 1px solid #ebeef5; padding: 12px; z-index: 2000; color: #606266; line-height: 1.4; text-align: justify; font-size: 14px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); word-break: break-all; } .el-popover--plain { padding: 18px 20px; } .el-popover__title { color: #303133; font-size: 16px; line-height: 1; margin-bottom: 12px; } .v-modal-enter { -webkit-animation: v-modal-in .2s ease; animation: v-modal-in .2s ease; } .v-modal-leave { -webkit-animation: v-modal-out .2s ease forwards; animation: v-modal-out .2s ease forwards; } @keyframes v-modal-in { 0% { opacity: 0; } } @keyframes v-modal-out { to { opacity: 0; } } .v-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .5; background: #000; } .el-popup-parent--hidden { overflow: hidden; } .el-message-box { display: inline-block; width: 420px; padding-bottom: 10px; vertical-align: middle; background-color: #fff; border-radius: 4px; border: 1px solid #ebeef5; font-size: 18px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); text-align: left; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .el-message-box__wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; } .el-message-box__wrapper:after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; } .el-message-box__header { position: relative; padding: 15px 15px 10px; } .el-message-box__title { padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133; } .el-message-box__headerbtn { position: absolute; top: 15px; right: 15px; padding: 0; border: none; outline: 0; background: 0 0; font-size: 16px; cursor: pointer; } .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus { border-color: #f56c6c; } .el-message-box__headerbtn .el-message-box__close { color: #909399; } .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close { color: #409eff; } .el-message-box__content { padding: 10px 15px; color: #606266; font-size: 14px; } .el-message-box__container { position: relative; } .el-message-box__input { padding-top: 15px; } .el-message-box__status { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px!important; } .el-message-box__status:before { padding-left: 1px; } .el-message-box__status+.el-message-box__message { padding-left: 36px; padding-right: 12px; } .el-message-box__status.el-icon-success { color: #67c23a; } .el-message-box__status.el-icon-info { color: #909399; } .el-message-box__status.el-icon-warning { color: #e6a23c; } .el-message-box__status.el-icon-error { color: #f56c6c; } .el-message-box__message { margin: 0; } .el-message-box__message p { margin: 0; line-height: 24px; } .el-message-box__errormsg { color: #f56c6c; font-size: 12px; min-height: 18px; margin-top: 2px; } .el-message-box__btns { padding: 5px 15px 0; text-align: right; } .el-message-box__btns button:nth-child(2) { margin-left: 10px; } .el-message-box__btns-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .el-message-box--center { padding-bottom: 30px; } .el-message-box--center .el-message-box__header { padding-top: 30px; } .el-message-box--center .el-message-box__title { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .el-message-box--center .el-message-box__status { position: relative; top: auto; padding-right: 5px; text-align: center; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .el-message-box--center .el-message-box__message { margin-left: 0; } .el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content { text-align: center; } .el-message-box--center .el-message-box__content { padding-left: 27px; padding-right: 27px; } .msgbox-fade-enter-active { -webkit-animation: msgbox-fade-in .3s; animation: msgbox-fade-in .3s; } .msgbox-fade-leave-active { -webkit-animation: msgbox-fade-out .3s; animation: msgbox-fade-out .3s; } @-webkit-keyframes msgbox-fade-in { 0% { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes msgbox-fade-in { 0% { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @-webkit-keyframes msgbox-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } to { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } } @keyframes msgbox-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } to { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } } .el-breadcrumb { font-size: 14px; line-height: 1; } .el-breadcrumb:after, .el-breadcrumb:before { display: table; content: ""; } .el-breadcrumb:after { clear: both; } .el-breadcrumb__separator { margin: 0 9px; font-weight: 700; color: #c0c4cc; } .el-breadcrumb__separator[class*=icon] { margin: 0 6px; font-weight: 400; } .el-breadcrumb__item { float: left; } .el-breadcrumb__inner { color: #606266; } .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { font-weight: 700; text-decoration: none; -webkit-transition: color .2s cubic-bezier(.645,.045,.355,1); transition: color .2s cubic-bezier(.645,.045,.355,1); color: #303133; } .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover { color: #409eff; cursor: pointer; } .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover { font-weight: 400; color: #606266; cursor: text; } .el-breadcrumb__item:last-child .el-breadcrumb__separator { display: none; } .el-form--label-left .el-form-item__label { text-align: left; } .el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; padding: 0 0 10px; } .el-form--inline .el-form-item { display: inline-block; margin-right: 10px; vertical-align: top; } .el-form--inline .el-form-item__label { float: none; display: inline-block; } .el-form--inline .el-form-item__content { display: inline-block; vertical-align: top; } .el-form--inline.el-form--label-top .el-form-item__content { display: block; } .el-form-item { margin-bottom: 22px; } .el-form-item:after, .el-form-item:before { display: table; content: ""; } .el-form-item:after { clear: both; } .el-form-item .el-form-item { margin-bottom: 0; } .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { margin-bottom: 18px; } .el-form-item .el-input__validateIcon { display: none; } .el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label { line-height: 36px; } .el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label { line-height: 32px; } .el-form-item--small .el-form-item__error { padding-top: 2px; } .el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label { line-height: 28px; } .el-form-item--mini .el-form-item__error { padding-top: 1px; } .el-form-item__label-wrap { float: left; } .el-form-item__label-wrap .el-form-item__label { display: inline-block; float: none; } .el-form-item__label { text-align: right; vertical-align: middle; float: left; font-size: 14px; color: #606266; line-height: 40px; padding: 0 12px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-form-item__content { line-height: 40px; position: relative; font-size: 14px; } .el-form-item__content:after, .el-form-item__content:before { display: table; content: ""; } .el-form-item__content:after { clear: both; } .el-form-item__content .el-input-group { vertical-align: top; } .el-form-item__error { color: #f56c6c; font-size: 12px; line-height: 1; padding-top: 4px; position: absolute; top: 100%; left: 0; } .el-form-item__error--inline { position: relative; top: auto; left: auto; display: inline-block; margin-left: 10px; } .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before { content: "*"; color: #f56c6c; margin-right: 4px; } .el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner { border-color: transparent; } .el-form-item.is-error .el-input__validateIcon { color: #f56c6c; } .el-form-item--feedback .el-input__validateIcon { display: inline-block; } .el-tabs__header { padding: 0; position: relative; margin: 0 0 15px; } .el-tabs__active-bar { position: absolute; bottom: 0; left: 0; height: 2px; background-color: #409eff; z-index: 1; -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); list-style: none; } .el-tabs__new-tab { float: right; border: 1px solid #d3dce6; height: 18px; width: 18px; line-height: 18px; margin: 12px 0 9px 10px; border-radius: 3px; text-align: center; font-size: 12px; color: #d3dce6; cursor: pointer; -webkit-transition: all .15s; transition: all .15s; } .el-collapse-item__arrow, .el-tabs__nav { -webkit-transition: -webkit-transform .3s; } .el-tabs__new-tab .el-icon-plus { -webkit-transform: scale(.8); transform: scale(.8); } .el-tabs__new-tab:hover { color: #409eff; } .el-tabs__nav-wrap { overflow: hidden; margin-bottom: -1px; position: relative; } .el-tabs__nav-wrap:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #e4e7ed; z-index: 1; } .el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after, .el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after { content: none; } .el-tabs__nav-wrap.is-scrollable { padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-tabs__nav-scroll { overflow: hidden; } .el-tabs__nav-next, .el-tabs__nav-prev { position: absolute; cursor: pointer; line-height: 44px; font-size: 12px; color: #909399; } .el-tabs__nav-next { right: 0; } .el-tabs__nav-prev { left: 0; } .el-tabs__nav { white-space: nowrap; position: relative; transition: -webkit-transform .3s; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; float: left; z-index: 2; } .el-tabs__nav.is-stretch { min-width: 100%; display: -ms-flexbox; display: flex; } .el-tabs__nav.is-stretch>* { -ms-flex: 1; flex: 1 1; text-align: center; } .el-tabs__item { padding: 0 20px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; display: inline-block; list-style: none; font-size: 14px; font-weight: 500; color: #303133; position: relative; } .el-tabs__item:focus, .el-tabs__item:focus:active { outline: 0; } .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: 0 0 2px 2px #409eff inset; box-shadow: inset 0 0 2px 2px #409eff; border-radius: 3px; } .el-tabs__item .el-icon-close { border-radius: 50%; text-align: center; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); margin-left: 5px; } .el-tabs__item .el-icon-close:before { -webkit-transform: scale(.9); transform: scale(.9); display: inline-block; } .el-tabs__item .el-icon-close:hover { background-color: #c0c4cc; color: #fff; } .el-tabs__item.is-active { color: #409eff; } .el-tabs__item:hover { color: #409eff; cursor: pointer; } .el-tabs__item.is-disabled { color: #c0c4cc; cursor: default; } .el-tabs__content { overflow: hidden; position: relative; } .el-tabs--card>.el-tabs__header { border-bottom: 1px solid #e4e7ed; } .el-tabs--card>.el-tabs__header .el-tabs__nav { border: 1px solid #e4e7ed; border-bottom: none; border-radius: 4px 4px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-tabs--card>.el-tabs__header .el-tabs__active-bar { display: none; } .el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close { position: relative; font-size: 12px; width: 0; height: 14px; vertical-align: middle; line-height: 15px; overflow: hidden; top: -1px; right: -2px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close, .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { width: 14px; } .el-tabs--card>.el-tabs__header .el-tabs__item { border-bottom: 1px solid transparent; border-left: 1px solid #e4e7ed; -webkit-transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1); transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1); } .el-tabs--card>.el-tabs__header .el-tabs__item:first-child { border-left: none; } .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover { padding-left: 13px; padding-right: 13px; } .el-tabs--card>.el-tabs__header .el-tabs__item.is-active { border-bottom-color: #fff; } .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable { padding-left: 20px; padding-right: 20px; } .el-tabs--border-card { background: #fff; border: 1px solid #dcdfe6; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04); box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04); } .el-tabs--border-card>.el-tabs__content { padding: 15px; } .el-tabs--border-card>.el-tabs__header { background-color: #f5f7fa; border-bottom: 1px solid #e4e7ed; margin: 0; } .el-tabs--border-card>.el-tabs__header .el-tabs__item { -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); border: 1px solid transparent; margin-top: -1px; color: #909399; } .el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item, .el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child { margin-left: -1px; } .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active { color: #409eff; background-color: #fff; border-right-color: #dcdfe6; border-left-color: #dcdfe6; } .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover { color: #409eff; } .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled { color: #c0c4cc; } .el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child { margin-left: 0; } .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2) { padding-left: 0; } .el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child { padding-right: 0; } .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2) { padding-left: 20px; } .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child { padding-right: 20px; } .el-tabs--bottom .el-tabs__header.is-bottom { margin-bottom: 0; margin-top: 10px; } .el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { border-bottom: 0; border-top: 1px solid #dcdfe6; } .el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { margin-top: -1px; margin-bottom: 0; } .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { border: 1px solid transparent; } .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { margin: 0 -1px -1px; } .el-tabs--left, .el-tabs--right { overflow: hidden; } .el-tabs--left .el-tabs__header.is-left, .el-tabs--left .el-tabs__header.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-scroll, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { height: 100%; } .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-right { top: 0; bottom: auto; width: 2px; height: auto; } .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { margin-bottom: 0; } .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev { height: 30px; line-height: 30px; width: 100%; text-align: center; cursor: pointer; } .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev { left: auto; top: 0; } .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next { right: auto; bottom: 0; } .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left:after { right: 0; left: auto; } .el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { padding: 30px 0; } .el-tabs--left .el-tabs__nav-wrap.is-left:after, .el-tabs--left .el-tabs__nav-wrap.is-right:after, .el-tabs--right .el-tabs__nav-wrap.is-left:after, .el-tabs--right .el-tabs__nav-wrap.is-right:after { height: 100%; width: 2px; bottom: auto; top: 0; } .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right { float: none; } .el-tabs--left .el-tabs__item.is-left, .el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-right { display: block; } .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { display: none; } .el-tabs--left .el-tabs__header.is-left { float: left; margin-bottom: 0; margin-right: 10px; } .el-tabs--left .el-tabs__nav-wrap.is-left { margin-right: -1px; } .el-tabs--left .el-tabs__item.is-left { text-align: right; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left { border: 1px solid #e4e7ed; border-bottom: none; border-left: none; text-align: left; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { border-right: 1px solid #e4e7ed; border-top: none; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { border: none; border-top: 1px solid #e4e7ed; border-right: 1px solid #fff; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { border-top: none; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { border-bottom: none; } .el-tabs--left.el-tabs--card .el-tabs__nav { border-radius: 4px 0 0 4px; border-bottom: 1px solid #e4e7ed; border-right: none; } .el-tabs--left.el-tabs--card .el-tabs__new-tab { float: none; } .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { border-right: 1px solid #dfe4ed; } .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { border: 1px solid transparent; margin: -1px 0 -1px -1px; } .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { border-color: #d1dbe5 transparent; } .el-tabs--right .el-tabs__header.is-right { float: right; margin-bottom: 0; margin-left: 10px; } .el-tabs--right .el-tabs__nav-wrap.is-right { margin-left: -1px; } .el-tabs--right .el-tabs__nav-wrap.is-right:after { left: 0; right: auto; } .el-tabs--right .el-tabs__active-bar.is-right { left: 0; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right { border-bottom: none; border-top: 1px solid #e4e7ed; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { border-left: 1px solid #e4e7ed; border-top: none; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { border: none; border-top: 1px solid #e4e7ed; border-left: 1px solid #fff; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { border-top: none; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { border-bottom: none; } .el-tabs--right.el-tabs--card .el-tabs__nav { border-radius: 0 4px 4px 0; border-bottom: 1px solid #e4e7ed; border-left: none; } .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { border-left: 1px solid #dfe4ed; } .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { border: 1px solid transparent; margin: -1px -1px -1px 0; } .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { border-color: #d1dbe5 transparent; } .slideInLeft-transition, .slideInRight-transition { display: inline-block; } .slideInRight-enter { -webkit-animation: slideInRight-enter .3s; animation: slideInRight-enter .3s; } .slideInRight-leave { position: absolute; left: 0; right: 0; -webkit-animation: slideInRight-leave .3s; animation: slideInRight-leave .3s; } .slideInLeft-enter { -webkit-animation: slideInLeft-enter .3s; animation: slideInLeft-enter .3s; } .slideInLeft-leave { position: absolute; left: 0; right: 0; -webkit-animation: slideInLeft-leave .3s; animation: slideInLeft-leave .3s; } @-webkit-keyframes slideInRight-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInRight-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @keyframes slideInRight-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @-webkit-keyframes slideInLeft-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInLeft-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @keyframes slideInLeft-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } .el-tree { position: relative; cursor: default; background: #fff; color: #606266; } .el-tree__empty-block { position: relative; min-height: 60px; text-align: center; width: 100%; height: 100%; } .el-tree__empty-text { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #909399; font-size: 14px; } .el-tree__drop-indicator { position: absolute; left: 0; right: 0; height: 1px; background-color: #409eff; } .el-tree-node { white-space: nowrap; outline: 0; } .el-tree-node:focus>.el-tree-node__content { background-color: #f5f7fa; } .el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label { background-color: #409eff; color: #fff; } .el-tree-node__content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 26px; cursor: pointer; } .el-tree-node__content>.el-tree-node__expand-icon { padding: 6px; } .el-tree-node__content>label.el-checkbox { margin-right: 8px; } .el-tree-node__content:hover { background-color: #f5f7fa; } .el-tree.is-dragging .el-tree-node__content { cursor: move; } .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { cursor: not-allowed; } .el-tree-node__expand-icon { cursor: pointer; color: #c0c4cc; font-size: 12px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; } .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .el-tree-node__expand-icon.is-leaf { color: transparent; cursor: default; } .el-tree-node__label { font-size: 14px; } .el-tree-node__loading-icon { margin-right: 8px; font-size: 14px; color: #c0c4cc; } .el-tree-node>.el-tree-node__children { overflow: hidden; background-color: transparent; } .el-tree-node.is-expanded>.el-tree-node__children { display: block; } .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { background-color: #f0f7ff; } .el-alert { width: 100%; padding: 8px 16px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; position: relative; background-color: #fff; overflow: hidden; opacity: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-transition: opacity .2s; transition: opacity .2s; } .el-alert.is-light .el-alert__closebtn { color: #c0c4cc; } .el-alert.is-dark .el-alert__closebtn, .el-alert.is-dark .el-alert__description { color: #fff; } .el-alert.is-center { -ms-flex-pack: center; justify-content: center; } .el-alert--success.is-light { background-color: #f0f9eb; color: #67c23a; } .el-alert--success.is-light .el-alert__description { color: #67c23a; } .el-alert--success.is-dark { background-color: #67c23a; color: #fff; } .el-alert--info.is-light { background-color: #f4f4f5; color: #909399; } .el-alert--info.is-dark { background-color: #909399; color: #fff; } .el-alert--info .el-alert__description { color: #909399; } .el-alert--warning.is-light { background-color: #fdf6ec; color: #e6a23c; } .el-alert--warning.is-light .el-alert__description { color: #e6a23c; } .el-alert--warning.is-dark { background-color: #e6a23c; color: #fff; } .el-alert--error.is-light { background-color: #fef0f0; color: #f56c6c; } .el-alert--error.is-light .el-alert__description { color: #f56c6c; } .el-alert--error.is-dark { background-color: #f56c6c; color: #fff; } .el-alert__content { display: table-cell; padding: 0 8px; } .el-alert__icon { font-size: 16px; width: 16px; } .el-alert__icon.is-big { font-size: 28px; width: 28px; } .el-alert__title { font-size: 13px; line-height: 18px; } .el-alert__title.is-bold { font-weight: 700; } .el-alert .el-alert__description { font-size: 12px; margin: 5px 0 0; } .el-alert__closebtn { font-size: 12px; opacity: 1; position: absolute; top: 12px; right: 15px; cursor: pointer; } .el-alert-fade-enter, .el-alert-fade-leave-active, .el-loading-fade-enter, .el-loading-fade-leave-active, .el-notification-fade-leave-active { opacity: 0; } .el-alert__closebtn.is-customed { font-style: normal; font-size: 13px; top: 9px; } .el-notification { display: -ms-flexbox; display: flex; width: 330px; padding: 14px 26px 14px 13px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ebeef5; position: fixed; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); -webkit-transition: opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s; transition: opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s; transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s; transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s; overflow: hidden; } .el-notification.right { right: 16px; } .el-notification.left { left: 16px; } .el-notification__group { margin-left: 13px; margin-right: 8px; } .el-notification__title { font-weight: 700; font-size: 16px; color: #303133; margin: 0; } .el-notification__content { font-size: 14px; line-height: 21px; margin: 6px 0 0; color: #606266; text-align: justify; } .el-notification__content p { margin: 0; } .el-notification__icon { height: 24px; width: 24px; font-size: 24px; } .el-notification__closeBtn { position: absolute; top: 18px; right: 15px; cursor: pointer; color: #909399; font-size: 16px; } .el-notification__closeBtn:hover { color: #606266; } .el-notification .el-icon-success { color: #67c23a; } .el-notification .el-icon-error { color: #f56c6c; } .el-notification .el-icon-info { color: #909399; } .el-notification .el-icon-warning { color: #e6a23c; } .el-notification-fade-enter.right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .el-notification-fade-enter.left { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .el-input-number { position: relative; display: inline-block; width: 180px; line-height: 38px; } .el-input-number .el-input { display: block; } .el-input-number .el-input__inner { -webkit-appearance: none; padding-left: 50px; padding-right: 50px; text-align: center; } .el-input-number__decrease, .el-input-number__increase { position: absolute; z-index: 1; top: 1px; width: 40px; height: auto; text-align: center; background: #f5f7fa; color: #606266; cursor: pointer; font-size: 13px; } .el-input-number__decrease:hover, .el-input-number__increase:hover { color: #409eff; } .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) { border-color: #409eff; } .el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled { color: #c0c4cc; cursor: not-allowed; } .el-input-number__increase { right: 1px; border-radius: 0 4px 4px 0; border-left: 1px solid #dcdfe6; } .el-input-number__decrease { left: 1px; border-radius: 4px 0 0 4px; border-right: 1px solid #dcdfe6; } .el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase { border-color: #e4e7ed; color: #e4e7ed; } .el-input-number.is-disabled .el-input-number__decrease:hover, .el-input-number.is-disabled .el-input-number__increase:hover { color: #e4e7ed; cursor: not-allowed; } .el-input-number--medium { width: 200px; line-height: 34px; } .el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase { width: 36px; font-size: 14px; } .el-input-number--medium .el-input__inner { padding-left: 43px; padding-right: 43px; } .el-input-number--small { width: 130px; line-height: 30px; } .el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase { width: 32px; font-size: 13px; } .el-input-number--small .el-input-number__decrease [class*=el-icon], .el-input-number--small .el-input-number__increase [class*=el-icon] { -webkit-transform: scale(.9); transform: scale(.9); } .el-input-number--small .el-input__inner { padding-left: 39px; padding-right: 39px; } .el-input-number--mini { width: 130px; line-height: 26px; } .el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase { width: 28px; font-size: 12px; } .el-input-number--mini .el-input-number__decrease [class*=el-icon], .el-input-number--mini .el-input-number__increase [class*=el-icon] { -webkit-transform: scale(.8); transform: scale(.8); } .el-input-number--mini .el-input__inner { padding-left: 35px; padding-right: 35px; } .el-input-number.is-without-controls .el-input__inner { padding-left: 15px; padding-right: 15px; } .el-input-number.is-controls-right .el-input__inner { padding-left: 15px; padding-right: 50px; } .el-input-number.is-controls-right .el-input-number__decrease, .el-input-number.is-controls-right .el-input-number__increase { height: auto; line-height: 19px; } .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon], .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] { -webkit-transform: scale(.8); transform: scale(.8); } .el-input-number.is-controls-right .el-input-number__increase { border-radius: 0 4px 0 0; border-bottom: 1px solid #dcdfe6; } .el-input-number.is-controls-right .el-input-number__decrease { right: 1px; bottom: 1px; top: auto; left: auto; border-right: none; border-left: 1px solid #dcdfe6; border-radius: 0 0 4px; } .el-input-number.is-controls-right[class*=medium] [class*=decrease], .el-input-number.is-controls-right[class*=medium] [class*=increase] { line-height: 17px; } .el-input-number.is-controls-right[class*=small] [class*=decrease], .el-input-number.is-controls-right[class*=small] [class*=increase] { line-height: 15px; } .el-input-number.is-controls-right[class*=mini] [class*=decrease], .el-input-number.is-controls-right[class*=mini] [class*=increase] { line-height: 13px; } .el-tooltip__popper { position: absolute; border-radius: 4px; padding: 10px; z-index: 2000; font-size: 12px; line-height: 1.2; min-width: 10px; word-wrap: break-word; } .el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .el-tooltip__popper .popper__arrow { border-width: 6px; } .el-tooltip__popper .popper__arrow:after { content: " "; border-width: 5px; } .el-progress-bar__inner:after, .el-row:after, .el-row:before, .el-slider:after, .el-slider:before, .el-slider__button-wrapper:after, .el-upload-cover:after { content: ""; } .el-tooltip__popper[x-placement^=top] { margin-bottom: 12px; } .el-tooltip__popper[x-placement^=top] .popper__arrow { bottom: -6px; border-top-color: #303133; border-bottom-width: 0; } .el-tooltip__popper[x-placement^=top] .popper__arrow:after { bottom: 1px; margin-left: -5px; border-top-color: #303133; border-bottom-width: 0; } .el-tooltip__popper[x-placement^=bottom] { margin-top: 12px; } .el-tooltip__popper[x-placement^=bottom] .popper__arrow { top: -6px; border-top-width: 0; border-bottom-color: #303133; } .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after { top: 1px; margin-left: -5px; border-top-width: 0; border-bottom-color: #303133; } .el-tooltip__popper[x-placement^=right] { margin-left: 12px; } .el-tooltip__popper[x-placement^=right] .popper__arrow { left: -6px; border-right-color: #303133; border-left-width: 0; } .el-tooltip__popper[x-placement^=right] .popper__arrow:after { bottom: -5px; left: 1px; border-right-color: #303133; border-left-width: 0; } .el-tooltip__popper[x-placement^=left] { margin-right: 12px; } .el-tooltip__popper[x-placement^=left] .popper__arrow { right: -6px; border-right-width: 0; border-left-color: #303133; } .el-tooltip__popper[x-placement^=left] .popper__arrow:after { right: 1px; bottom: -5px; margin-left: -5px; border-right-width: 0; border-left-color: #303133; } .el-tooltip__popper.is-dark { background: #303133; color: #fff; } .el-tooltip__popper.is-light { background: #fff; border: 1px solid #303133; } .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow { border-top-color: #303133; } .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after { border-top-color: #fff; } .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow { border-bottom-color: #303133; } .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after { border-bottom-color: #fff; } .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow { border-left-color: #303133; } .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after { border-left-color: #fff; } .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow { border-right-color: #303133; } .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after { border-right-color: #fff; } .el-slider:after, .el-slider:before { display: table; } .el-slider__button-wrapper .el-tooltip, .el-slider__button-wrapper:after { vertical-align: middle; display: inline-block; } .el-slider:after { clear: both; } .el-slider__runway { width: 100%; height: 6px; margin: 16px 0; background-color: #e4e7ed; border-radius: 3px; position: relative; cursor: pointer; vertical-align: middle; } .el-slider__runway.show-input { margin-right: 160px; width: auto; } .el-slider__runway.disabled { cursor: default; } .el-slider__runway.disabled .el-slider__bar { background-color: #c0c4cc; } .el-slider__runway.disabled .el-slider__button { border-color: #c0c4cc; } .el-slider__runway.disabled .el-slider__button-wrapper.dragging, .el-slider__runway.disabled .el-slider__button-wrapper.hover, .el-slider__runway.disabled .el-slider__button-wrapper:hover { cursor: not-allowed; } .el-slider__runway.disabled .el-slider__button.dragging, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button:hover { -webkit-transform: scale(1); transform: scale(1); cursor: not-allowed; } .el-slider__button-wrapper, .el-slider__stop { -webkit-transform: translateX(-50%); position: absolute; } .el-slider__input { float: right; margin-top: 3px; width: 130px; } .el-slider__input.el-input-number--mini { margin-top: 5px; } .el-slider__input.el-input-number--medium { margin-top: 0; } .el-slider__input.el-input-number--large { margin-top: -2px; } .el-slider__bar { height: 6px; background-color: #409eff; border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: absolute; } .el-slider__button-wrapper { height: 36px; width: 36px; z-index: 1001; top: -15px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: transparent; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: normal; } .el-slider__button-wrapper:after { height: 100%; } .el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover { cursor: -webkit-grab; cursor: grab; } .el-slider__button-wrapper.dragging { cursor: -webkit-grabbing; cursor: grabbing; } .el-slider__button { width: 16px; height: 16px; border: 2px solid #409eff; background-color: #fff; border-radius: 50%; -webkit-transition: .2s; transition: .2s; user-select: none; } .el-image-viewer__btn, .el-slider__button, .el-step__icon-inner { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .el-slider__button.hover, .el-slider__button:hover { cursor: -webkit-grab; cursor: grab; } .el-slider__button.dragging { cursor: -webkit-grabbing; cursor: grabbing; } .el-slider__stop { height: 6px; width: 6px; border-radius: 100%; background-color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .el-slider__marks { top: 0; left: 12px; width: 18px; height: 100%; } .el-slider__marks-text { position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 14px; color: #909399; margin-top: 15px; } .el-slider.is-vertical { position: relative; } .el-slider.is-vertical .el-slider__runway { width: 6px; height: 100%; margin: 0 16px; } .el-slider.is-vertical .el-slider__bar { width: 6px; height: auto; border-radius: 0 0 3px 3px; } .el-slider.is-vertical .el-slider__button-wrapper { top: auto; left: -15px; } .el-slider.is-vertical .el-slider__button-wrapper, .el-slider.is-vertical .el-slider__stop { -webkit-transform: translateY(50%); transform: translateY(50%); } .el-slider.is-vertical.el-slider--with-input { padding-bottom: 58px; } .el-slider.is-vertical.el-slider--with-input .el-slider__input { overflow: visible; float: none; position: absolute; bottom: 22px; width: 36px; margin-top: 15px; } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner { text-align: center; padding-left: 5px; padding-right: 5px; } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { top: 32px; margin-top: -1px; border: 1px solid #dcdfe6; line-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease { width: 18px; right: 18px; border-bottom-left-radius: 4px; } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { width: 19px; border-bottom-right-radius: 4px; } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase { border-color: #c0c4cc; } .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase { border-color: #409eff; } .el-slider.is-vertical .el-slider__marks-text { margin-top: 0; left: 15px; -webkit-transform: translateY(50%); transform: translateY(50%); } .el-loading-parent--relative { position: relative!important; } .el-loading-parent--hidden { overflow: hidden!important; } .el-loading-mask { position: absolute; z-index: 2000; background-color: hsla(0,0%,100%,.9); margin: 0; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .el-loading-mask.is-fullscreen { position: fixed; } .el-loading-mask.is-fullscreen .el-loading-spinner { margin-top: -25px; } .el-loading-mask.is-fullscreen .el-loading-spinner .circular { height: 50px; width: 50px; } .el-loading-spinner { top: 50%; margin-top: -21px; width: 100%; text-align: center; position: absolute; } .el-col-pull-0, .el-col-pull-1, .el-col-pull-2, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-pull-10, .el-col-pull-11, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-push-0, .el-col-push-1, .el-col-push-2, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-row { position: relative; } .el-loading-spinner .el-loading-text { color: #409eff; margin: 3px 0; font-size: 14px; } .el-loading-spinner .circular { height: 42px; width: 42px; -webkit-animation: loading-rotate 2s linear infinite; animation: loading-rotate 2s linear infinite; } .el-loading-spinner .path { -webkit-animation: loading-dash 1.5s ease-in-out infinite; animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90,150; stroke-dashoffset: 0; stroke-width: 2; stroke: #409eff; stroke-linecap: round; } .el-loading-spinner i { color: #409eff; } @-webkit-keyframes loading-rotate { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes loading-rotate { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @-webkit-keyframes loading-dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90,150; stroke-dashoffset: -40px; } to { stroke-dasharray: 90,150; stroke-dashoffset: -120px; } } @keyframes loading-dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90,150; stroke-dashoffset: -40px; } to { stroke-dasharray: 90,150; stroke-dashoffset: -120px; } } .el-row { -webkit-box-sizing: border-box; box-sizing: border-box; } .el-row:after, .el-row:before { display: table; } .el-row:after { clear: both; } .el-row--flex { display: -ms-flexbox; display: flex; } .el-col-0, .el-row--flex:after, .el-row--flex:before { display: none; } .el-row--flex.is-justify-center { -ms-flex-pack: center; justify-content: center; } .el-row--flex.is-justify-end { -ms-flex-pack: end; justify-content: flex-end; } .el-row--flex.is-justify-space-between { -ms-flex-pack: justify; justify-content: space-between; } .el-row--flex.is-justify-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .el-row--flex.is-align-middle { -ms-flex-align: center; align-items: center; } .el-row--flex.is-align-bottom { -ms-flex-align: end; align-items: flex-end; } [class*=el-col-] { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-upload--picture-card, .el-upload-dragger { -webkit-box-sizing: border-box; cursor: pointer; } .el-col-0 { width: 0; } .el-col-offset-0 { margin-left: 0; } .el-col-pull-0 { right: 0; } .el-col-push-0 { left: 0; } .el-col-1 { width: 4.16667%; } .el-col-offset-1 { margin-left: 4.16667%; } .el-col-pull-1 { right: 4.16667%; } .el-col-push-1 { left: 4.16667%; } .el-col-2 { width: 8.33333%; } .el-col-offset-2 { margin-left: 8.33333%; } .el-col-pull-2 { right: 8.33333%; } .el-col-push-2 { left: 8.33333%; } .el-col-3 { width: 12.5%; } .el-col-offset-3 { margin-left: 12.5%; } .el-col-pull-3 { right: 12.5%; } .el-col-push-3 { left: 12.5%; } .el-col-4 { width: 16.66667%; } .el-col-offset-4 { margin-left: 16.66667%; } .el-col-pull-4 { right: 16.66667%; } .el-col-push-4 { left: 16.66667%; } .el-col-5 { width: 20.83333%; } .el-col-offset-5 { margin-left: 20.83333%; } .el-col-pull-5 { right: 20.83333%; } .el-col-push-5 { left: 20.83333%; } .el-col-6 { width: 25%; } .el-col-offset-6 { margin-left: 25%; } .el-col-pull-6 { right: 25%; } .el-col-push-6 { left: 25%; } .el-col-7 { width: 29.16667%; } .el-col-offset-7 { margin-left: 29.16667%; } .el-col-pull-7 { right: 29.16667%; } .el-col-push-7 { left: 29.16667%; } .el-col-8 { width: 33.33333%; } .el-col-offset-8 { margin-left: 33.33333%; } .el-col-pull-8 { right: 33.33333%; } .el-col-push-8 { left: 33.33333%; } .el-col-9 { width: 37.5%; } .el-col-offset-9 { margin-left: 37.5%; } .el-col-pull-9 { right: 37.5%; } .el-col-push-9 { left: 37.5%; } .el-col-10 { width: 41.66667%; } .el-col-offset-10 { margin-left: 41.66667%; } .el-col-pull-10 { right: 41.66667%; } .el-col-push-10 { left: 41.66667%; } .el-col-11 { width: 45.83333%; } .el-col-offset-11 { margin-left: 45.83333%; } .el-col-pull-11 { right: 45.83333%; } .el-col-push-11 { left: 45.83333%; } .el-col-12 { width: 50%; } .el-col-offset-12 { margin-left: 50%; } .el-col-pull-12 { position: relative; right: 50%; } .el-col-push-12 { left: 50%; } .el-col-13 { width: 54.16667%; } .el-col-offset-13 { margin-left: 54.16667%; } .el-col-pull-13 { right: 54.16667%; } .el-col-push-13 { left: 54.16667%; } .el-col-14 { width: 58.33333%; } .el-col-offset-14 { margin-left: 58.33333%; } .el-col-pull-14 { right: 58.33333%; } .el-col-push-14 { left: 58.33333%; } .el-col-15 { width: 62.5%; } .el-col-offset-15 { margin-left: 62.5%; } .el-col-pull-15 { right: 62.5%; } .el-col-push-15 { left: 62.5%; } .el-col-16 { width: 66.66667%; } .el-col-offset-16 { margin-left: 66.66667%; } .el-col-pull-16 { right: 66.66667%; } .el-col-push-16 { left: 66.66667%; } .el-col-17 { width: 70.83333%; } .el-col-offset-17 { margin-left: 70.83333%; } .el-col-pull-17 { right: 70.83333%; } .el-col-push-17 { left: 70.83333%; } .el-col-18 { width: 75%; } .el-col-offset-18 { margin-left: 75%; } .el-col-pull-18 { right: 75%; } .el-col-push-18 { left: 75%; } .el-col-19 { width: 79.16667%; } .el-col-offset-19 { margin-left: 79.16667%; } .el-col-pull-19 { right: 79.16667%; } .el-col-push-19 { left: 79.16667%; } .el-col-20 { width: 83.33333%; } .el-col-offset-20 { margin-left: 83.33333%; } .el-col-pull-20 { right: 83.33333%; } .el-col-push-20 { left: 83.33333%; } .el-col-21 { width: 87.5%; } .el-col-offset-21 { margin-left: 87.5%; } .el-col-pull-21 { right: 87.5%; } .el-col-push-21 { left: 87.5%; } .el-col-22 { width: 91.66667%; } .el-col-offset-22 { margin-left: 91.66667%; } .el-col-pull-22 { right: 91.66667%; } .el-col-push-22 { left: 91.66667%; } .el-col-23 { width: 95.83333%; } .el-col-offset-23 { margin-left: 95.83333%; } .el-col-pull-23 { right: 95.83333%; } .el-col-push-23 { left: 95.83333%; } .el-col-24 { width: 100%; } .el-col-offset-24 { margin-left: 100%; } .el-col-pull-24 { right: 100%; } .el-col-push-24 { left: 100%; } @media only screen and (max-width:767px) { .el-col-xs-0 { display: none; width: 0; } .el-col-xs-offset-0 { margin-left: 0; } .el-col-xs-pull-0 { position: relative; right: 0; } .el-col-xs-push-0 { position: relative; left: 0; } .el-col-xs-1 { width: 4.16667%; } .el-col-xs-offset-1 { margin-left: 4.16667%; } .el-col-xs-pull-1 { position: relative; right: 4.16667%; } .el-col-xs-push-1 { position: relative; left: 4.16667%; } .el-col-xs-2 { width: 8.33333%; } .el-col-xs-offset-2 { margin-left: 8.33333%; } .el-col-xs-pull-2 { position: relative; right: 8.33333%; } .el-col-xs-push-2 { position: relative; left: 8.33333%; } .el-col-xs-3 { width: 12.5%; } .el-col-xs-offset-3 { margin-left: 12.5%; } .el-col-xs-pull-3 { position: relative; right: 12.5%; } .el-col-xs-push-3 { position: relative; left: 12.5%; } .el-col-xs-4 { width: 16.66667%; } .el-col-xs-offset-4 { margin-left: 16.66667%; } .el-col-xs-pull-4 { position: relative; right: 16.66667%; } .el-col-xs-push-4 { position: relative; left: 16.66667%; } .el-col-xs-5 { width: 20.83333%; } .el-col-xs-offset-5 { margin-left: 20.83333%; } .el-col-xs-pull-5 { position: relative; right: 20.83333%; } .el-col-xs-push-5 { position: relative; left: 20.83333%; } .el-col-xs-6 { width: 25%; } .el-col-xs-offset-6 { margin-left: 25%; } .el-col-xs-pull-6 { position: relative; right: 25%; } .el-col-xs-push-6 { position: relative; left: 25%; } .el-col-xs-7 { width: 29.16667%; } .el-col-xs-offset-7 { margin-left: 29.16667%; } .el-col-xs-pull-7 { position: relative; right: 29.16667%; } .el-col-xs-push-7 { position: relative; left: 29.16667%; } .el-col-xs-8 { width: 33.33333%; } .el-col-xs-offset-8 { margin-left: 33.33333%; } .el-col-xs-pull-8 { position: relative; right: 33.33333%; } .el-col-xs-push-8 { position: relative; left: 33.33333%; } .el-col-xs-9 { width: 37.5%; } .el-col-xs-offset-9 { margin-left: 37.5%; } .el-col-xs-pull-9 { position: relative; right: 37.5%; } .el-col-xs-push-9 { position: relative; left: 37.5%; } .el-col-xs-10 { width: 41.66667%; } .el-col-xs-offset-10 { margin-left: 41.66667%; } .el-col-xs-pull-10 { position: relative; right: 41.66667%; } .el-col-xs-push-10 { position: relative; left: 41.66667%; } .el-col-xs-11 { width: 45.83333%; } .el-col-xs-offset-11 { margin-left: 45.83333%; } .el-col-xs-pull-11 { position: relative; right: 45.83333%; } .el-col-xs-push-11 { position: relative; left: 45.83333%; } .el-col-xs-12 { width: 50%; } .el-col-xs-offset-12 { margin-left: 50%; } .el-col-xs-pull-12 { position: relative; right: 50%; } .el-col-xs-push-12 { position: relative; left: 50%; } .el-col-xs-13 { width: 54.16667%; } .el-col-xs-offset-13 { margin-left: 54.16667%; } .el-col-xs-pull-13 { position: relative; right: 54.16667%; } .el-col-xs-push-13 { position: relative; left: 54.16667%; } .el-col-xs-14 { width: 58.33333%; } .el-col-xs-offset-14 { margin-left: 58.33333%; } .el-col-xs-pull-14 { position: relative; right: 58.33333%; } .el-col-xs-push-14 { position: relative; left: 58.33333%; } .el-col-xs-15 { width: 62.5%; } .el-col-xs-offset-15 { margin-left: 62.5%; } .el-col-xs-pull-15 { position: relative; right: 62.5%; } .el-col-xs-push-15 { position: relative; left: 62.5%; } .el-col-xs-16 { width: 66.66667%; } .el-col-xs-offset-16 { margin-left: 66.66667%; } .el-col-xs-pull-16 { position: relative; right: 66.66667%; } .el-col-xs-push-16 { position: relative; left: 66.66667%; } .el-col-xs-17 { width: 70.83333%; } .el-col-xs-offset-17 { margin-left: 70.83333%; } .el-col-xs-pull-17 { position: relative; right: 70.83333%; } .el-col-xs-push-17 { position: relative; left: 70.83333%; } .el-col-xs-18 { width: 75%; } .el-col-xs-offset-18 { margin-left: 75%; } .el-col-xs-pull-18 { position: relative; right: 75%; } .el-col-xs-push-18 { position: relative; left: 75%; } .el-col-xs-19 { width: 79.16667%; } .el-col-xs-offset-19 { margin-left: 79.16667%; } .el-col-xs-pull-19 { position: relative; right: 79.16667%; } .el-col-xs-push-19 { position: relative; left: 79.16667%; } .el-col-xs-20 { width: 83.33333%; } .el-col-xs-offset-20 { margin-left: 83.33333%; } .el-col-xs-pull-20 { position: relative; right: 83.33333%; } .el-col-xs-push-20 { position: relative; left: 83.33333%; } .el-col-xs-21 { width: 87.5%; } .el-col-xs-offset-21 { margin-left: 87.5%; } .el-col-xs-pull-21 { position: relative; right: 87.5%; } .el-col-xs-push-21 { position: relative; left: 87.5%; } .el-col-xs-22 { width: 91.66667%; } .el-col-xs-offset-22 { margin-left: 91.66667%; } .el-col-xs-pull-22 { position: relative; right: 91.66667%; } .el-col-xs-push-22 { position: relative; left: 91.66667%; } .el-col-xs-23 { width: 95.83333%; } .el-col-xs-offset-23 { margin-left: 95.83333%; } .el-col-xs-pull-23 { position: relative; right: 95.83333%; } .el-col-xs-push-23 { position: relative; left: 95.83333%; } .el-col-xs-24 { width: 100%; } .el-col-xs-offset-24 { margin-left: 100%; } .el-col-xs-pull-24 { position: relative; right: 100%; } .el-col-xs-push-24 { position: relative; left: 100%; } } @media only screen and (min-width:768px) { .el-col-sm-0 { display: none; width: 0; } .el-col-sm-offset-0 { margin-left: 0; } .el-col-sm-pull-0 { position: relative; right: 0; } .el-col-sm-push-0 { position: relative; left: 0; } .el-col-sm-1 { width: 4.16667%; } .el-col-sm-offset-1 { margin-left: 4.16667%; } .el-col-sm-pull-1 { position: relative; right: 4.16667%; } .el-col-sm-push-1 { position: relative; left: 4.16667%; } .el-col-sm-2 { width: 8.33333%; } .el-col-sm-offset-2 { margin-left: 8.33333%; } .el-col-sm-pull-2 { position: relative; right: 8.33333%; } .el-col-sm-push-2 { position: relative; left: 8.33333%; } .el-col-sm-3 { width: 12.5%; } .el-col-sm-offset-3 { margin-left: 12.5%; } .el-col-sm-pull-3 { position: relative; right: 12.5%; } .el-col-sm-push-3 { position: relative; left: 12.5%; } .el-col-sm-4 { width: 16.66667%; } .el-col-sm-offset-4 { margin-left: 16.66667%; } .el-col-sm-pull-4 { position: relative; right: 16.66667%; } .el-col-sm-push-4 { position: relative; left: 16.66667%; } .el-col-sm-5 { width: 20.83333%; } .el-col-sm-offset-5 { margin-left: 20.83333%; } .el-col-sm-pull-5 { position: relative; right: 20.83333%; } .el-col-sm-push-5 { position: relative; left: 20.83333%; } .el-col-sm-6 { width: 25%; } .el-col-sm-offset-6 { margin-left: 25%; } .el-col-sm-pull-6 { position: relative; right: 25%; } .el-col-sm-push-6 { position: relative; left: 25%; } .el-col-sm-7 { width: 29.16667%; } .el-col-sm-offset-7 { margin-left: 29.16667%; } .el-col-sm-pull-7 { position: relative; right: 29.16667%; } .el-col-sm-push-7 { position: relative; left: 29.16667%; } .el-col-sm-8 { width: 33.33333%; } .el-col-sm-offset-8 { margin-left: 33.33333%; } .el-col-sm-pull-8 { position: relative; right: 33.33333%; } .el-col-sm-push-8 { position: relative; left: 33.33333%; } .el-col-sm-9 { width: 37.5%; } .el-col-sm-offset-9 { margin-left: 37.5%; } .el-col-sm-pull-9 { position: relative; right: 37.5%; } .el-col-sm-push-9 { position: relative; left: 37.5%; } .el-col-sm-10 { width: 41.66667%; } .el-col-sm-offset-10 { margin-left: 41.66667%; } .el-col-sm-pull-10 { position: relative; right: 41.66667%; } .el-col-sm-push-10 { position: relative; left: 41.66667%; } .el-col-sm-11 { width: 45.83333%; } .el-col-sm-offset-11 { margin-left: 45.83333%; } .el-col-sm-pull-11 { position: relative; right: 45.83333%; } .el-col-sm-push-11 { position: relative; left: 45.83333%; } .el-col-sm-12 { width: 50%; } .el-col-sm-offset-12 { margin-left: 50%; } .el-col-sm-pull-12 { position: relative; right: 50%; } .el-col-sm-push-12 { position: relative; left: 50%; } .el-col-sm-13 { width: 54.16667%; } .el-col-sm-offset-13 { margin-left: 54.16667%; } .el-col-sm-pull-13 { position: relative; right: 54.16667%; } .el-col-sm-push-13 { position: relative; left: 54.16667%; } .el-col-sm-14 { width: 58.33333%; } .el-col-sm-offset-14 { margin-left: 58.33333%; } .el-col-sm-pull-14 { position: relative; right: 58.33333%; } .el-col-sm-push-14 { position: relative; left: 58.33333%; } .el-col-sm-15 { width: 62.5%; } .el-col-sm-offset-15 { margin-left: 62.5%; } .el-col-sm-pull-15 { position: relative; right: 62.5%; } .el-col-sm-push-15 { position: relative; left: 62.5%; } .el-col-sm-16 { width: 66.66667%; } .el-col-sm-offset-16 { margin-left: 66.66667%; } .el-col-sm-pull-16 { position: relative; right: 66.66667%; } .el-col-sm-push-16 { position: relative; left: 66.66667%; } .el-col-sm-17 { width: 70.83333%; } .el-col-sm-offset-17 { margin-left: 70.83333%; } .el-col-sm-pull-17 { position: relative; right: 70.83333%; } .el-col-sm-push-17 { position: relative; left: 70.83333%; } .el-col-sm-18 { width: 75%; } .el-col-sm-offset-18 { margin-left: 75%; } .el-col-sm-pull-18 { position: relative; right: 75%; } .el-col-sm-push-18 { position: relative; left: 75%; } .el-col-sm-19 { width: 79.16667%; } .el-col-sm-offset-19 { margin-left: 79.16667%; } .el-col-sm-pull-19 { position: relative; right: 79.16667%; } .el-col-sm-push-19 { position: relative; left: 79.16667%; } .el-col-sm-20 { width: 83.33333%; } .el-col-sm-offset-20 { margin-left: 83.33333%; } .el-col-sm-pull-20 { position: relative; right: 83.33333%; } .el-col-sm-push-20 { position: relative; left: 83.33333%; } .el-col-sm-21 { width: 87.5%; } .el-col-sm-offset-21 { margin-left: 87.5%; } .el-col-sm-pull-21 { position: relative; right: 87.5%; } .el-col-sm-push-21 { position: relative; left: 87.5%; } .el-col-sm-22 { width: 91.66667%; } .el-col-sm-offset-22 { margin-left: 91.66667%; } .el-col-sm-pull-22 { position: relative; right: 91.66667%; } .el-col-sm-push-22 { position: relative; left: 91.66667%; } .el-col-sm-23 { width: 95.83333%; } .el-col-sm-offset-23 { margin-left: 95.83333%; } .el-col-sm-pull-23 { position: relative; right: 95.83333%; } .el-col-sm-push-23 { position: relative; left: 95.83333%; } .el-col-sm-24 { width: 100%; } .el-col-sm-offset-24 { margin-left: 100%; } .el-col-sm-pull-24 { position: relative; right: 100%; } .el-col-sm-push-24 { position: relative; left: 100%; } } @media only screen and (min-width:992px) { .el-col-md-0 { display: none; width: 0; } .el-col-md-offset-0 { margin-left: 0; } .el-col-md-pull-0 { position: relative; right: 0; } .el-col-md-push-0 { position: relative; left: 0; } .el-col-md-1 { width: 4.16667%; } .el-col-md-offset-1 { margin-left: 4.16667%; } .el-col-md-pull-1 { position: relative; right: 4.16667%; } .el-col-md-push-1 { position: relative; left: 4.16667%; } .el-col-md-2 { width: 8.33333%; } .el-col-md-offset-2 { margin-left: 8.33333%; } .el-col-md-pull-2 { position: relative; right: 8.33333%; } .el-col-md-push-2 { position: relative; left: 8.33333%; } .el-col-md-3 { width: 12.5%; } .el-col-md-offset-3 { margin-left: 12.5%; } .el-col-md-pull-3 { position: relative; right: 12.5%; } .el-col-md-push-3 { position: relative; left: 12.5%; } .el-col-md-4 { width: 16.66667%; } .el-col-md-offset-4 { margin-left: 16.66667%; } .el-col-md-pull-4 { position: relative; right: 16.66667%; } .el-col-md-push-4 { position: relative; left: 16.66667%; } .el-col-md-5 { width: 20.83333%; } .el-col-md-offset-5 { margin-left: 20.83333%; } .el-col-md-pull-5 { position: relative; right: 20.83333%; } .el-col-md-push-5 { position: relative; left: 20.83333%; } .el-col-md-6 { width: 25%; } .el-col-md-offset-6 { margin-left: 25%; } .el-col-md-pull-6 { position: relative; right: 25%; } .el-col-md-push-6 { position: relative; left: 25%; } .el-col-md-7 { width: 29.16667%; } .el-col-md-offset-7 { margin-left: 29.16667%; } .el-col-md-pull-7 { position: relative; right: 29.16667%; } .el-col-md-push-7 { position: relative; left: 29.16667%; } .el-col-md-8 { width: 33.33333%; } .el-col-md-offset-8 { margin-left: 33.33333%; } .el-col-md-pull-8 { position: relative; right: 33.33333%; } .el-col-md-push-8 { position: relative; left: 33.33333%; } .el-col-md-9 { width: 37.5%; } .el-col-md-offset-9 { margin-left: 37.5%; } .el-col-md-pull-9 { position: relative; right: 37.5%; } .el-col-md-push-9 { position: relative; left: 37.5%; } .el-col-md-10 { width: 41.66667%; } .el-col-md-offset-10 { margin-left: 41.66667%; } .el-col-md-pull-10 { position: relative; right: 41.66667%; } .el-col-md-push-10 { position: relative; left: 41.66667%; } .el-col-md-11 { width: 45.83333%; } .el-col-md-offset-11 { margin-left: 45.83333%; } .el-col-md-pull-11 { position: relative; right: 45.83333%; } .el-col-md-push-11 { position: relative; left: 45.83333%; } .el-col-md-12 { width: 50%; } .el-col-md-offset-12 { margin-left: 50%; } .el-col-md-pull-12 { position: relative; right: 50%; } .el-col-md-push-12 { position: relative; left: 50%; } .el-col-md-13 { width: 54.16667%; } .el-col-md-offset-13 { margin-left: 54.16667%; } .el-col-md-pull-13 { position: relative; right: 54.16667%; } .el-col-md-push-13 { position: relative; left: 54.16667%; } .el-col-md-14 { width: 58.33333%; } .el-col-md-offset-14 { margin-left: 58.33333%; } .el-col-md-pull-14 { position: relative; right: 58.33333%; } .el-col-md-push-14 { position: relative; left: 58.33333%; } .el-col-md-15 { width: 62.5%; } .el-col-md-offset-15 { margin-left: 62.5%; } .el-col-md-pull-15 { position: relative; right: 62.5%; } .el-col-md-push-15 { position: relative; left: 62.5%; } .el-col-md-16 { width: 66.66667%; } .el-col-md-offset-16 { margin-left: 66.66667%; } .el-col-md-pull-16 { position: relative; right: 66.66667%; } .el-col-md-push-16 { position: relative; left: 66.66667%; } .el-col-md-17 { width: 70.83333%; } .el-col-md-offset-17 { margin-left: 70.83333%; } .el-col-md-pull-17 { position: relative; right: 70.83333%; } .el-col-md-push-17 { position: relative; left: 70.83333%; } .el-col-md-18 { width: 75%; } .el-col-md-offset-18 { margin-left: 75%; } .el-col-md-pull-18 { position: relative; right: 75%; } .el-col-md-push-18 { position: relative; left: 75%; } .el-col-md-19 { width: 79.16667%; } .el-col-md-offset-19 { margin-left: 79.16667%; } .el-col-md-pull-19 { position: relative; right: 79.16667%; } .el-col-md-push-19 { position: relative; left: 79.16667%; } .el-col-md-20 { width: 83.33333%; } .el-col-md-offset-20 { margin-left: 83.33333%; } .el-col-md-pull-20 { position: relative; right: 83.33333%; } .el-col-md-push-20 { position: relative; left: 83.33333%; } .el-col-md-21 { width: 87.5%; } .el-col-md-offset-21 { margin-left: 87.5%; } .el-col-md-pull-21 { position: relative; right: 87.5%; } .el-col-md-push-21 { position: relative; left: 87.5%; } .el-col-md-22 { width: 91.66667%; } .el-col-md-offset-22 { margin-left: 91.66667%; } .el-col-md-pull-22 { position: relative; right: 91.66667%; } .el-col-md-push-22 { position: relative; left: 91.66667%; } .el-col-md-23 { width: 95.83333%; } .el-col-md-offset-23 { margin-left: 95.83333%; } .el-col-md-pull-23 { position: relative; right: 95.83333%; } .el-col-md-push-23 { position: relative; left: 95.83333%; } .el-col-md-24 { width: 100%; } .el-col-md-offset-24 { margin-left: 100%; } .el-col-md-pull-24 { position: relative; right: 100%; } .el-col-md-push-24 { position: relative; left: 100%; } } @media only screen and (min-width:1200px) { .el-col-lg-0 { display: none; width: 0; } .el-col-lg-offset-0 { margin-left: 0; } .el-col-lg-pull-0 { position: relative; right: 0; } .el-col-lg-push-0 { position: relative; left: 0; } .el-col-lg-1 { width: 4.16667%; } .el-col-lg-offset-1 { margin-left: 4.16667%; } .el-col-lg-pull-1 { position: relative; right: 4.16667%; } .el-col-lg-push-1 { position: relative; left: 4.16667%; } .el-col-lg-2 { width: 8.33333%; } .el-col-lg-offset-2 { margin-left: 8.33333%; } .el-col-lg-pull-2 { position: relative; right: 8.33333%; } .el-col-lg-push-2 { position: relative; left: 8.33333%; } .el-col-lg-3 { width: 12.5%; } .el-col-lg-offset-3 { margin-left: 12.5%; } .el-col-lg-pull-3 { position: relative; right: 12.5%; } .el-col-lg-push-3 { position: relative; left: 12.5%; } .el-col-lg-4 { width: 16.66667%; } .el-col-lg-offset-4 { margin-left: 16.66667%; } .el-col-lg-pull-4 { position: relative; right: 16.66667%; } .el-col-lg-push-4 { position: relative; left: 16.66667%; } .el-col-lg-5 { width: 20.83333%; } .el-col-lg-offset-5 { margin-left: 20.83333%; } .el-col-lg-pull-5 { position: relative; right: 20.83333%; } .el-col-lg-push-5 { position: relative; left: 20.83333%; } .el-col-lg-6 { width: 25%; } .el-col-lg-offset-6 { margin-left: 25%; } .el-col-lg-pull-6 { position: relative; right: 25%; } .el-col-lg-push-6 { position: relative; left: 25%; } .el-col-lg-7 { width: 29.16667%; } .el-col-lg-offset-7 { margin-left: 29.16667%; } .el-col-lg-pull-7 { position: relative; right: 29.16667%; } .el-col-lg-push-7 { position: relative; left: 29.16667%; } .el-col-lg-8 { width: 33.33333%; } .el-col-lg-offset-8 { margin-left: 33.33333%; } .el-col-lg-pull-8 { position: relative; right: 33.33333%; } .el-col-lg-push-8 { position: relative; left: 33.33333%; } .el-col-lg-9 { width: 37.5%; } .el-col-lg-offset-9 { margin-left: 37.5%; } .el-col-lg-pull-9 { position: relative; right: 37.5%; } .el-col-lg-push-9 { position: relative; left: 37.5%; } .el-col-lg-10 { width: 41.66667%; } .el-col-lg-offset-10 { margin-left: 41.66667%; } .el-col-lg-pull-10 { position: relative; right: 41.66667%; } .el-col-lg-push-10 { position: relative; left: 41.66667%; } .el-col-lg-11 { width: 45.83333%; } .el-col-lg-offset-11 { margin-left: 45.83333%; } .el-col-lg-pull-11 { position: relative; right: 45.83333%; } .el-col-lg-push-11 { position: relative; left: 45.83333%; } .el-col-lg-12 { width: 50%; } .el-col-lg-offset-12 { margin-left: 50%; } .el-col-lg-pull-12 { position: relative; right: 50%; } .el-col-lg-push-12 { position: relative; left: 50%; } .el-col-lg-13 { width: 54.16667%; } .el-col-lg-offset-13 { margin-left: 54.16667%; } .el-col-lg-pull-13 { position: relative; right: 54.16667%; } .el-col-lg-push-13 { position: relative; left: 54.16667%; } .el-col-lg-14 { width: 58.33333%; } .el-col-lg-offset-14 { margin-left: 58.33333%; } .el-col-lg-pull-14 { position: relative; right: 58.33333%; } .el-col-lg-push-14 { position: relative; left: 58.33333%; } .el-col-lg-15 { width: 62.5%; } .el-col-lg-offset-15 { margin-left: 62.5%; } .el-col-lg-pull-15 { position: relative; right: 62.5%; } .el-col-lg-push-15 { position: relative; left: 62.5%; } .el-col-lg-16 { width: 66.66667%; } .el-col-lg-offset-16 { margin-left: 66.66667%; } .el-col-lg-pull-16 { position: relative; right: 66.66667%; } .el-col-lg-push-16 { position: relative; left: 66.66667%; } .el-col-lg-17 { width: 70.83333%; } .el-col-lg-offset-17 { margin-left: 70.83333%; } .el-col-lg-pull-17 { position: relative; right: 70.83333%; } .el-col-lg-push-17 { position: relative; left: 70.83333%; } .el-col-lg-18 { width: 75%; } .el-col-lg-offset-18 { margin-left: 75%; } .el-col-lg-pull-18 { position: relative; right: 75%; } .el-col-lg-push-18 { position: relative; left: 75%; } .el-col-lg-19 { width: 79.16667%; } .el-col-lg-offset-19 { margin-left: 79.16667%; } .el-col-lg-pull-19 { position: relative; right: 79.16667%; } .el-col-lg-push-19 { position: relative; left: 79.16667%; } .el-col-lg-20 { width: 83.33333%; } .el-col-lg-offset-20 { margin-left: 83.33333%; } .el-col-lg-pull-20 { position: relative; right: 83.33333%; } .el-col-lg-push-20 { position: relative; left: 83.33333%; } .el-col-lg-21 { width: 87.5%; } .el-col-lg-offset-21 { margin-left: 87.5%; } .el-col-lg-pull-21 { position: relative; right: 87.5%; } .el-col-lg-push-21 { position: relative; left: 87.5%; } .el-col-lg-22 { width: 91.66667%; } .el-col-lg-offset-22 { margin-left: 91.66667%; } .el-col-lg-pull-22 { position: relative; right: 91.66667%; } .el-col-lg-push-22 { position: relative; left: 91.66667%; } .el-col-lg-23 { width: 95.83333%; } .el-col-lg-offset-23 { margin-left: 95.83333%; } .el-col-lg-pull-23 { position: relative; right: 95.83333%; } .el-col-lg-push-23 { position: relative; left: 95.83333%; } .el-col-lg-24 { width: 100%; } .el-col-lg-offset-24 { margin-left: 100%; } .el-col-lg-pull-24 { position: relative; right: 100%; } .el-col-lg-push-24 { position: relative; left: 100%; } } @media only screen and (min-width:1920px) { .el-col-xl-0 { display: none; width: 0; } .el-col-xl-offset-0 { margin-left: 0; } .el-col-xl-pull-0 { position: relative; right: 0; } .el-col-xl-push-0 { position: relative; left: 0; } .el-col-xl-1 { width: 4.16667%; } .el-col-xl-offset-1 { margin-left: 4.16667%; } .el-col-xl-pull-1 { position: relative; right: 4.16667%; } .el-col-xl-push-1 { position: relative; left: 4.16667%; } .el-col-xl-2 { width: 8.33333%; } .el-col-xl-offset-2 { margin-left: 8.33333%; } .el-col-xl-pull-2 { position: relative; right: 8.33333%; } .el-col-xl-push-2 { position: relative; left: 8.33333%; } .el-col-xl-3 { width: 12.5%; } .el-col-xl-offset-3 { margin-left: 12.5%; } .el-col-xl-pull-3 { position: relative; right: 12.5%; } .el-col-xl-push-3 { position: relative; left: 12.5%; } .el-col-xl-4 { width: 16.66667%; } .el-col-xl-offset-4 { margin-left: 16.66667%; } .el-col-xl-pull-4 { position: relative; right: 16.66667%; } .el-col-xl-push-4 { position: relative; left: 16.66667%; } .el-col-xl-5 { width: 20.83333%; } .el-col-xl-offset-5 { margin-left: 20.83333%; } .el-col-xl-pull-5 { position: relative; right: 20.83333%; } .el-col-xl-push-5 { position: relative; left: 20.83333%; } .el-col-xl-6 { width: 25%; } .el-col-xl-offset-6 { margin-left: 25%; } .el-col-xl-pull-6 { position: relative; right: 25%; } .el-col-xl-push-6 { position: relative; left: 25%; } .el-col-xl-7 { width: 29.16667%; } .el-col-xl-offset-7 { margin-left: 29.16667%; } .el-col-xl-pull-7 { position: relative; right: 29.16667%; } .el-col-xl-push-7 { position: relative; left: 29.16667%; } .el-col-xl-8 { width: 33.33333%; } .el-col-xl-offset-8 { margin-left: 33.33333%; } .el-col-xl-pull-8 { position: relative; right: 33.33333%; } .el-col-xl-push-8 { position: relative; left: 33.33333%; } .el-col-xl-9 { width: 37.5%; } .el-col-xl-offset-9 { margin-left: 37.5%; } .el-col-xl-pull-9 { position: relative; right: 37.5%; } .el-col-xl-push-9 { position: relative; left: 37.5%; } .el-col-xl-10 { width: 41.66667%; } .el-col-xl-offset-10 { margin-left: 41.66667%; } .el-col-xl-pull-10 { position: relative; right: 41.66667%; } .el-col-xl-push-10 { position: relative; left: 41.66667%; } .el-col-xl-11 { width: 45.83333%; } .el-col-xl-offset-11 { margin-left: 45.83333%; } .el-col-xl-pull-11 { position: relative; right: 45.83333%; } .el-col-xl-push-11 { position: relative; left: 45.83333%; } .el-col-xl-12 { width: 50%; } .el-col-xl-offset-12 { margin-left: 50%; } .el-col-xl-pull-12 { position: relative; right: 50%; } .el-col-xl-push-12 { position: relative; left: 50%; } .el-col-xl-13 { width: 54.16667%; } .el-col-xl-offset-13 { margin-left: 54.16667%; } .el-col-xl-pull-13 { position: relative; right: 54.16667%; } .el-col-xl-push-13 { position: relative; left: 54.16667%; } .el-col-xl-14 { width: 58.33333%; } .el-col-xl-offset-14 { margin-left: 58.33333%; } .el-col-xl-pull-14 { position: relative; right: 58.33333%; } .el-col-xl-push-14 { position: relative; left: 58.33333%; } .el-col-xl-15 { width: 62.5%; } .el-col-xl-offset-15 { margin-left: 62.5%; } .el-col-xl-pull-15 { position: relative; right: 62.5%; } .el-col-xl-push-15 { position: relative; left: 62.5%; } .el-col-xl-16 { width: 66.66667%; } .el-col-xl-offset-16 { margin-left: 66.66667%; } .el-col-xl-pull-16 { position: relative; right: 66.66667%; } .el-col-xl-push-16 { position: relative; left: 66.66667%; } .el-col-xl-17 { width: 70.83333%; } .el-col-xl-offset-17 { margin-left: 70.83333%; } .el-col-xl-pull-17 { position: relative; right: 70.83333%; } .el-col-xl-push-17 { position: relative; left: 70.83333%; } .el-col-xl-18 { width: 75%; } .el-col-xl-offset-18 { margin-left: 75%; } .el-col-xl-pull-18 { position: relative; right: 75%; } .el-col-xl-push-18 { position: relative; left: 75%; } .el-col-xl-19 { width: 79.16667%; } .el-col-xl-offset-19 { margin-left: 79.16667%; } .el-col-xl-pull-19 { position: relative; right: 79.16667%; } .el-col-xl-push-19 { position: relative; left: 79.16667%; } .el-col-xl-20 { width: 83.33333%; } .el-col-xl-offset-20 { margin-left: 83.33333%; } .el-col-xl-pull-20 { position: relative; right: 83.33333%; } .el-col-xl-push-20 { position: relative; left: 83.33333%; } .el-col-xl-21 { width: 87.5%; } .el-col-xl-offset-21 { margin-left: 87.5%; } .el-col-xl-pull-21 { position: relative; right: 87.5%; } .el-col-xl-push-21 { position: relative; left: 87.5%; } .el-col-xl-22 { width: 91.66667%; } .el-col-xl-offset-22 { margin-left: 91.66667%; } .el-col-xl-pull-22 { position: relative; right: 91.66667%; } .el-col-xl-push-22 { position: relative; left: 91.66667%; } .el-col-xl-23 { width: 95.83333%; } .el-col-xl-offset-23 { margin-left: 95.83333%; } .el-col-xl-pull-23 { position: relative; right: 95.83333%; } .el-col-xl-push-23 { position: relative; left: 95.83333%; } .el-col-xl-24 { width: 100%; } .el-col-xl-offset-24 { margin-left: 100%; } .el-col-xl-pull-24 { position: relative; right: 100%; } .el-col-xl-push-24 { position: relative; left: 100%; } } @-webkit-keyframes progress { 0% { background-position: 0 0; } to { background-position: 32px 0; } } .el-upload { display: inline-block; text-align: center; cursor: pointer; outline: 0; } .el-upload__tip { font-size: 12px; color: #606266; margin-top: 7px; } .el-upload iframe { position: absolute; z-index: -1; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } .el-upload--picture-card { background-color: #fbfdff; border: 1px dashed #c0ccda; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 148px; height: 148px; line-height: 146px; vertical-align: top; } .el-upload--picture-card i { font-size: 28px; color: #8c939d; } .el-upload--picture-card:hover, .el-upload:focus { border-color: #409eff; color: #409eff; } .el-upload:focus .el-upload-dragger { border-color: #409eff; } .el-upload-dragger { background-color: #fff; border: 1px dashed #d9d9d9; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 360px; height: 180px; text-align: center; position: relative; overflow: hidden; } .el-upload-dragger .el-icon-upload { font-size: 67px; color: #c0c4cc; margin: 40px 0 16px; line-height: 50px; } .el-upload-dragger+.el-upload__tip { text-align: center; } .el-upload-dragger~.el-upload__files { border-top: 1px solid #dcdfe6; margin-top: 7px; padding-top: 5px; } .el-upload-dragger .el-upload__text { color: #606266; font-size: 14px; text-align: center; } .el-upload-dragger .el-upload__text em { color: #409eff; font-style: normal; } .el-upload-dragger:hover { border-color: #409eff; } .el-upload-dragger.is-dragover { background-color: rgba(32,159,255,.06); border: 2px dashed #409eff; } .el-upload-list { margin: 0; padding: 0; list-style: none; } .el-upload-list__item { -webkit-transition: all .5s cubic-bezier(.55,0,.1,1); transition: all .5s cubic-bezier(.55,0,.1,1); font-size: 14px; color: #606266; line-height: 1.8; margin-top: 5px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; width: 100%; } .el-upload-list__item .el-progress { position: absolute; top: 20px; width: 100%; } .el-upload-list__item .el-progress__text { position: absolute; right: 0; top: -13px; } .el-upload-list__item .el-progress-bar { margin-right: 0; padding-right: 0; } .el-upload-list__item:first-child { margin-top: 10px; } .el-upload-list__item .el-icon-upload-success { color: #67c23a; } .el-upload-list__item .el-icon-close { display: none; position: absolute; top: 5px; right: 5px; cursor: pointer; opacity: .75; color: #606266; } .el-upload-list__item .el-icon-close:hover { opacity: 1; } .el-upload-list__item .el-icon-close-tip { display: none; position: absolute; top: 5px; right: 5px; font-size: 12px; cursor: pointer; opacity: 1; color: #409eff; } .el-upload-list__item:hover { background-color: #f5f7fa; } .el-upload-list__item:hover .el-icon-close { display: inline-block; } .el-upload-list__item:hover .el-progress__text { display: none; } .el-upload-list__item.is-success .el-upload-list__item-status-label { display: block; } .el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover { color: #409eff; cursor: pointer; } .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { display: inline-block; } .el-upload-list__item.is-success:active .el-icon-close-tip, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { display: none; } .el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label { display: block; } .el-upload-list__item-name { color: #606266; display: block; margin-right: 40px; overflow: hidden; padding-left: 4px; text-overflow: ellipsis; -webkit-transition: color .3s; transition: color .3s; white-space: nowrap; } .el-upload-list__item-name [class^=el-icon] { height: 100%; margin-right: 7px; color: #909399; line-height: inherit; } .el-upload-list__item-status-label { position: absolute; right: 5px; top: 0; line-height: inherit; display: none; } .el-upload-list__item-delete { position: absolute; right: 10px; top: 0; font-size: 12px; color: #606266; display: none; } .el-upload-list__item-delete:hover { color: #409eff; } .el-upload-list--picture-card { margin: 0; display: inline; vertical-align: top; } .el-upload-list--picture-card .el-upload-list__item { overflow: hidden; background-color: #fff; border: 1px solid #c0ccda; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 148px; height: 148px; margin: 0 8px 8px 0; display: inline-block; } .el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { color: #fff; } .el-upload-list--picture-card .el-upload-list__item .el-icon-close, .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { display: none; } .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { display: block; } .el-upload-list--picture-card .el-upload-list__item-name { display: none; } .el-upload-list--picture-card .el-upload-list__item-thumbnail { width: 100%; height: 100%; } .el-upload-list--picture-card .el-upload-list__item-status-label { position: absolute; right: -15px; top: -6px; width: 40px; height: 24px; background: #13ce66; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 0 1pc 1px rgba(0,0,0,.2); box-shadow: 0 0 1pc 1px rgba(0,0,0,.2); } .el-upload-list--picture-card .el-upload-list__item-status-label i { font-size: 12px; margin-top: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .el-upload-list--picture-card .el-upload-list__item-actions { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: default; text-align: center; color: #fff; opacity: 0; font-size: 20px; background-color: rgba(0,0,0,.5); -webkit-transition: opacity .3s; transition: opacity .3s; } .el-upload-list--picture-card .el-upload-list__item-actions:after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-upload-list--picture-card .el-upload-list__item-actions span { display: none; cursor: pointer; } .el-upload-list--picture-card .el-upload-list__item-actions span+span { margin-left: 15px; } .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { position: static; font-size: inherit; color: inherit; } .el-upload-list--picture-card .el-upload-list__item-actions:hover { opacity: 1; } .el-upload-list--picture-card .el-upload-list__item-actions:hover span { display: inline-block; } .el-upload-list--picture-card .el-progress { top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); bottom: auto; width: 126px; } .el-upload-list--picture-card .el-progress .el-progress__text { top: 50%; } .el-upload-list--picture .el-upload-list__item { overflow: hidden; z-index: 0; background-color: #fff; border: 1px solid #c0ccda; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; padding: 10px 10px 10px 90px; height: 92px; } .el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check { color: #fff; } .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { background: 0 0; -webkit-box-shadow: none; box-shadow: none; top: -2px; right: -12px; } .el-upload-list--picture .el-upload-list__item:hover .el-progress__text { display: block; } .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { line-height: 70px; margin-top: 0; } .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { display: none; } .el-upload-list--picture .el-upload-list__item-thumbnail { vertical-align: middle; display: inline-block; width: 70px; height: 70px; float: left; position: relative; z-index: 1; margin-left: -80px; background-color: #fff; } .el-upload-list--picture .el-upload-list__item-name { display: block; margin-top: 20px; } .el-upload-list--picture .el-upload-list__item-name i { font-size: 70px; line-height: 1; position: absolute; left: 9px; top: 10px; } .el-upload-list--picture .el-upload-list__item-status-label { position: absolute; right: -17px; top: -7px; width: 46px; height: 26px; background: #13ce66; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; } .el-upload-list--picture .el-upload-list__item-status-label i { font-size: 12px; margin-top: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .el-upload-list--picture .el-progress { position: relative; top: -7px; } .el-upload-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 10; cursor: default; } .el-upload-cover:after { display: inline-block; height: 100%; vertical-align: middle; } .el-upload-cover img { display: block; width: 100%; height: 100%; } .el-upload-cover__label { position: absolute; right: -15px; top: -6px; width: 40px; height: 24px; background: #13ce66; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 0 1pc 1px rgba(0,0,0,.2); box-shadow: 0 0 1pc 1px rgba(0,0,0,.2); } .el-upload-cover__label i { font-size: 12px; margin-top: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); color: #fff; } .el-upload-cover__progress { display: inline-block; vertical-align: middle; position: static; width: 243px; } .el-upload-cover__progress+.el-upload__inner { opacity: 0; } .el-upload-cover__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .el-upload-cover__interact { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.72); text-align: center; } .el-upload-cover__interact .btn { display: inline-block; color: #fff; font-size: 14px; cursor: pointer; vertical-align: middle; -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); margin-top: 60px; } .el-upload-cover__interact .btn span { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .el-upload-cover__interact .btn:not(:first-child) { margin-left: 35px; } .el-upload-cover__interact .btn:hover { -webkit-transform: translateY(-13px); transform: translateY(-13px); } .el-upload-cover__interact .btn:hover span { opacity: 1; } .el-upload-cover__interact .btn i { color: #fff; display: block; font-size: 24px; line-height: inherit; margin: 0 auto 5px; } .el-upload-cover__title { position: absolute; bottom: 0; left: 0; background-color: #fff; height: 36px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; text-align: left; padding: 0 10px; margin: 0; line-height: 36px; font-size: 14px; color: #303133; } .el-upload-cover+.el-upload__inner { opacity: 0; position: relative; z-index: 1; } .el-progress { position: relative; line-height: 1; } .el-progress__text { font-size: 14px; color: #606266; display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 1; } .el-progress__text i { vertical-align: middle; display: block; } .el-progress--circle, .el-progress--dashboard { display: inline-block; } .el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i { vertical-align: middle; display: inline-block; } .el-progress--without-text .el-progress__text { display: none; } .el-progress--without-text .el-progress-bar { padding-right: 0; margin-right: 0; display: block; } .el-progress-bar, .el-progress-bar__inner:after, .el-progress-bar__innerText, .el-spinner { display: inline-block; vertical-align: middle; } .el-progress--text-inside .el-progress-bar { padding-right: 0; margin-right: 0; } .el-progress.is-success .el-progress-bar__inner { background-color: #67c23a; } .el-progress.is-success .el-progress__text { color: #67c23a; } .el-progress.is-warning .el-progress-bar__inner { background-color: #e6a23c; } .el-progress.is-warning .el-progress__text { color: #e6a23c; } .el-progress.is-exception .el-progress-bar__inner { background-color: #f56c6c; } .el-progress.is-exception .el-progress__text { color: #f56c6c; } .el-progress-bar { padding-right: 50px; width: 100%; margin-right: -55px; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-progress-bar__outer { height: 6px; border-radius: 100px; background-color: #ebeef5; overflow: hidden; position: relative; vertical-align: middle; } .el-progress-bar__inner { position: absolute; left: 0; top: 0; height: 100%; background-color: #409eff; text-align: right; border-radius: 100px; line-height: 1; white-space: nowrap; -webkit-transition: width .6s ease; transition: width .6s ease; } .el-card, .el-message { border-radius: 4px; overflow: hidden; } .el-progress-bar__inner:after { height: 100%; } .el-progress-bar__innerText { color: #fff; font-size: 12px; margin: 0 5px; } @keyframes progress { 0% { background-position: 0 0; } to { background-position: 32px 0; } } .el-time-spinner { width: 100%; white-space: nowrap; } .el-spinner-inner { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; width: 50px; height: 50px; } .el-spinner-inner .path { stroke: #ececec; stroke-linecap: round; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; } @-webkit-keyframes rotate { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes rotate { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1,150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90,150; stroke-dashoffset: -35; } to { stroke-dasharray: 90,150; stroke-dashoffset: -124; } } @keyframes dash { 0% { stroke-dasharray: 1,150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90,150; stroke-dashoffset: -35; } to { stroke-dasharray: 90,150; stroke-dashoffset: -124; } } .el-message { min-width: 380px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ebeef5; position: fixed; left: 50%; top: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #edf2fc; -webkit-transition: opacity .3s,top .4s,-webkit-transform .4s; transition: opacity .3s,top .4s,-webkit-transform .4s; transition: opacity .3s,transform .4s,top .4s; transition: opacity .3s,transform .4s,top .4s,-webkit-transform .4s; padding: 15px 15px 15px 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .el-message.is-center { -ms-flex-pack: center; justify-content: center; } .el-message.is-closable .el-message__content { padding-right: 16px; } .el-message p { margin: 0; } .el-message--info .el-message__content { color: #909399; } .el-message--success { background-color: #f0f9eb; border-color: #e1f3d8; } .el-message--success .el-message__content { color: #67c23a; } .el-message--warning { background-color: #fdf6ec; border-color: #faecd8; } .el-message--warning .el-message__content { color: #e6a23c; } .el-message--error { background-color: #fef0f0; border-color: #fde2e2; } .el-message--error .el-message__content { color: #f56c6c; } .el-message__icon { margin-right: 10px; } .el-message__content { padding: 0; font-size: 14px; line-height: 1; } .el-message__closeBtn { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: #c0c4cc; font-size: 16px; } .el-message__closeBtn:hover { color: #909399; } .el-message .el-icon-success { color: #67c23a; } .el-message .el-icon-error { color: #f56c6c; } .el-message .el-icon-info { color: #909399; } .el-message .el-icon-warning { color: #e6a23c; } .el-message-fade-enter, .el-message-fade-leave-active { opacity: 0; -webkit-transform: translate(-50%,-100%); transform: translate(-50%,-100%); } .el-badge { position: relative; vertical-align: middle; display: inline-block; } .el-badge__content { background-color: #f56c6c; border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 6px; text-align: center; white-space: nowrap; border: 1px solid #fff; } .el-badge__content.is-fixed { position: absolute; top: 0; right: 10px; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); } .el-rate__icon, .el-rate__item { position: relative; display: inline-block; } .el-badge__content.is-fixed.is-dot { right: 5px; } .el-badge__content.is-dot { height: 8px; width: 8px; padding: 0; right: 0; border-radius: 50%; } .el-badge__content--primary { background-color: #409eff; } .el-badge__content--success { background-color: #67c23a; } .el-badge__content--warning { background-color: #e6a23c; } .el-badge__content--info { background-color: #909399; } .el-badge__content--danger { background-color: #f56c6c; } .el-card { border: 1px solid #ebeef5; background-color: #fff; color: #303133; -webkit-transition: .3s; transition: .3s; } .el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover { -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } .el-card__header { padding: 18px 20px; border-bottom: 1px solid #ebeef5; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-card__body { padding: 20px; } .el-rate { height: 20px; line-height: 1; } .el-rate__item { font-size: 0; vertical-align: middle; } .el-rate__icon { font-size: 18px; margin-right: 6px; color: #c0c4cc; -webkit-transition: .3s; transition: .3s; } .el-rate__decimal, .el-rate__icon .path2 { position: absolute; top: 0; left: 0; } .el-rate__icon.hover { -webkit-transform: scale(1.15); transform: scale(1.15); } .el-rate__decimal { display: inline-block; overflow: hidden; } .el-step.is-vertical, .el-steps { display: -ms-flexbox; } .el-rate__text { font-size: 14px; vertical-align: middle; } .el-steps { display: -ms-flexbox; display: flex; } .el-steps--simple { padding: 13px 8%; border-radius: 4px; background: #f5f7fa; } .el-steps--horizontal { white-space: nowrap; } .el-steps--vertical { height: 100%; -ms-flex-flow: column; flex-flow: column; } .el-step { position: relative; -ms-flex-negative: 1; flex-shrink: 1; } .el-step:last-of-type .el-step__line { display: none; } .el-step:last-of-type.is-flex { -ms-flex-preferred-size: auto!important; flex-basis: auto!important; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-positive: 0; flex-grow: 0; } .el-step:last-of-type .el-step__description, .el-step:last-of-type .el-step__main { padding-right: 0; } .el-step__head { position: relative; width: 100%; } .el-step__head.is-process { color: #303133; border-color: #303133; } .el-step__head.is-wait { color: #c0c4cc; border-color: #c0c4cc; } .el-step__head.is-success { color: #67c23a; border-color: #67c23a; } .el-step__head.is-error { color: #f56c6c; border-color: #f56c6c; } .el-step__head.is-finish { color: #409eff; border-color: #409eff; } .el-step__icon { position: relative; z-index: 1; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-transition: .15s ease-out; transition: .15s ease-out; } .el-step__icon.is-text { border-radius: 50%; border: 2px solid; border-color: inherit; } .el-step__icon.is-icon { width: 40px; } .el-step__icon-inner { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; font-weight: 700; line-height: 1; color: inherit; } .el-step__icon-inner[class*=el-icon]:not(.is-status) { font-size: 25px; font-weight: 400; } .el-step__icon-inner.is-status { -webkit-transform: translateY(1px); transform: translateY(1px); } .el-step__line { position: absolute; border-color: inherit; background-color: #c0c4cc; } .el-step__line-inner { display: block; border: 1px solid; border-color: inherit; -webkit-transition: .15s ease-out; transition: .15s ease-out; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 0; } .el-step__main { white-space: normal; text-align: left; } .el-step__title { font-size: 16px; line-height: 38px; } .el-step__title.is-process { font-weight: 700; color: #303133; } .el-step__title.is-wait { color: #c0c4cc; } .el-step__title.is-success { color: #67c23a; } .el-step__title.is-error { color: #f56c6c; } .el-step__title.is-finish { color: #409eff; } .el-step__description { padding-right: 10%; margin-top: -5px; font-size: 12px; line-height: 20px; font-weight: 400; } .el-step__description.is-process { color: #303133; } .el-step__description.is-wait { color: #c0c4cc; } .el-step__description.is-success { color: #67c23a; } .el-step__description.is-error { color: #f56c6c; } .el-step__description.is-finish { color: #409eff; } .el-step.is-horizontal { display: inline-block; } .el-step.is-horizontal .el-step__line { height: 2px; top: 11px; left: 0; right: 0; } .el-step.is-vertical { display: -ms-flexbox; display: flex; } .el-step.is-vertical .el-step__head { -ms-flex-positive: 0; flex-grow: 0; width: 24px; } .el-step.is-vertical .el-step__main { padding-left: 10px; -ms-flex-positive: 1; flex-grow: 1; } .el-step.is-vertical .el-step__title { line-height: 24px; padding-bottom: 8px; } .el-step.is-vertical .el-step__line { width: 2px; top: 0; bottom: 0; left: 11px; } .el-step.is-vertical .el-step__icon.is-icon { width: 24px; } .el-step.is-center .el-step__head, .el-step.is-center .el-step__main { text-align: center; } .el-step.is-center .el-step__description { padding-left: 20%; padding-right: 20%; } .el-step.is-center .el-step__line { left: 50%; right: -50%; } .el-step.is-simple { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .el-step.is-simple .el-step__head { width: auto; font-size: 0; padding-right: 10px; } .el-step.is-simple .el-step__icon { background: 0 0; width: 16px; height: 16px; font-size: 12px; } .el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) { font-size: 18px; } .el-step.is-simple .el-step__icon-inner.is-status { -webkit-transform: scale(.8) translateY(1px); transform: scale(.8) translateY(1px); } .el-step.is-simple .el-step__main { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-positive: 1; flex-grow: 1; } .el-step.is-simple .el-step__title { font-size: 16px; line-height: 20px; } .el-step.is-simple:not(:last-of-type) .el-step__title { max-width: 50%; word-break: break-all; } .el-step.is-simple .el-step__arrow { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .el-step.is-simple .el-step__arrow:after, .el-step.is-simple .el-step__arrow:before { content: ""; display: inline-block; position: absolute; height: 15px; width: 1px; background: #c0c4cc; } .el-step.is-simple .el-step__arrow:before { -webkit-transform: rotate(-45deg) translateY(-4px); transform: rotate(-45deg) translateY(-4px); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .el-step.is-simple .el-step__arrow:after { -webkit-transform: rotate(45deg) translateY(4px); transform: rotate(45deg) translateY(4px); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .el-step.is-simple:last-of-type .el-step__arrow { display: none; } .el-carousel { position: relative; } .el-carousel--horizontal { overflow-x: hidden; } .el-carousel--vertical { overflow-y: hidden; } .el-carousel__container { position: relative; height: 300px; } .el-carousel__arrow { border: none; outline: 0; padding: 0; margin: 0; height: 36px; width: 36px; cursor: pointer; -webkit-transition: .3s; transition: .3s; border-radius: 50%; background-color: rgba(31,45,61,.11); color: #fff; position: absolute; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 12px; } .el-carousel__arrow--left { left: 16px; } .el-carousel__arrow--right { right: 16px; } .el-carousel__arrow:hover { background-color: rgba(31,45,61,.23); } .el-carousel__arrow i { cursor: pointer; } .el-carousel__indicators { position: absolute; list-style: none; margin: 0; padding: 0; z-index: 2; } .el-carousel__indicators--horizontal { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .el-carousel__indicators--vertical { right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .el-carousel__indicators--outside { bottom: 26px; text-align: center; position: static; -webkit-transform: none; transform: none; } .el-carousel__indicators--outside .el-carousel__indicator:hover button { opacity: .64; } .el-carousel__indicators--outside button { background-color: #c0c4cc; opacity: .24; } .el-carousel__indicators--labels { left: 0; right: 0; -webkit-transform: none; transform: none; text-align: center; } .el-carousel__indicators--labels .el-carousel__button { height: auto; width: auto; padding: 2px 18px; font-size: 12px; } .el-carousel__indicators--labels .el-carousel__indicator { padding: 6px 4px; } .el-carousel__indicator { background-color: transparent; cursor: pointer; } .el-carousel__indicator:hover button { opacity: .72; } .el-carousel__indicator--horizontal { display: inline-block; padding: 12px 4px; } .el-carousel__indicator--vertical { padding: 4px 12px; } .el-carousel__indicator--vertical .el-carousel__button { width: 2px; height: 15px; } .el-carousel__indicator.is-active button { opacity: 1; } .el-carousel__button { display: block; opacity: .48; width: 30px; height: 2px; background-color: #fff; border: none; outline: 0; padding: 0; margin: 0; cursor: pointer; -webkit-transition: .3s; transition: .3s; } .el-carousel__item, .el-carousel__mask { height: 100%; top: 0; left: 0; position: absolute; } .carousel-arrow-left-enter, .carousel-arrow-left-leave-active { -webkit-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; } .carousel-arrow-right-enter, .carousel-arrow-right-leave-active { -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 0; } .el-carousel__item { width: 100%; display: inline-block; overflow: hidden; z-index: 0; } .el-carousel__item.is-active { z-index: 2; } .el-carousel__item--card, .el-carousel__item.is-animating { -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out; } .el-carousel__item--card { width: 50%; } .el-carousel__item--card.is-in-stage { cursor: pointer; z-index: 1; } .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask { opacity: .12; } .el-carousel__item--card.is-active { z-index: 2; } .el-carousel__mask { width: 100%; background-color: #fff; opacity: .24; -webkit-transition: .2s; transition: .2s; } .el-fade-in-enter, .el-fade-in-leave-active, .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active, .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active, .fade-in-linear-enter-active, .fade-in-linear-leave-active { -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .el-fade-in-enter-active, .el-fade-in-leave-active, .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { -webkit-transition: all .3s cubic-bezier(.55,0,.1,1); transition: all .3s cubic-bezier(.55,0,.1,1); } .el-zoom-in-center-enter, .el-zoom-in-center-leave-active { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); -webkit-transform-origin: center top; transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); -webkit-transform-origin: center bottom; transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); -webkit-transform-origin: top left; transform-origin: top left; } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; -webkit-transform: scale(.45); transform: scale(.45); } .collapse-transition { -webkit-transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out; transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out; } .horizontal-collapse-transition { -webkit-transition: width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out; transition: width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out; } .el-list-enter-active, .el-list-leave-active { -webkit-transition: all 1s; transition: all 1s; } .el-list-enter, .el-list-leave-active { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } .el-opacity-transition { -webkit-transition: opacity .3s cubic-bezier(.55,0,.1,1); transition: opacity .3s cubic-bezier(.55,0,.1,1); } .el-collapse { border-top: 1px solid #ebeef5; border-bottom: 1px solid #ebeef5; } .el-collapse-item.is-disabled .el-collapse-item__header { color: #bbb; cursor: not-allowed; } .el-collapse-item__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #fff; color: #303133; cursor: pointer; border-bottom: 1px solid #ebeef5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; } .el-collapse-item__arrow { margin: 0 8px 0 auto; transition: -webkit-transform .3s; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; font-weight: 300; } .el-collapse-item__arrow.is-active { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .el-collapse-item__header.focusing:focus:not(:hover) { color: #409eff; } .el-collapse-item__header.is-active { border-bottom-color: transparent; } .el-collapse-item__wrap { will-change: height; background-color: #fff; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #ebeef5; } .el-cascader__tags, .el-collapse-item__wrap, .el-tag { -webkit-box-sizing: border-box; } .el-collapse-item__content { padding-bottom: 25px; font-size: 13px; color: #303133; line-height: 1.769230769230769; } .el-collapse-item:last-child { margin-bottom: -1px; } .el-popper .popper__arrow, .el-popper .popper__arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .el-popper .popper__arrow { border-width: 6px; -webkit-filter: drop-shadow(0 2px 12px rgba(0,0,0,.03)); filter: drop-shadow(0 2px 12px rgba(0,0,0,.03)); } .el-popper .popper__arrow:after { content: " "; border-width: 6px; } .el-popper[x-placement^=top] { margin-bottom: 12px; } .el-popper[x-placement^=top] .popper__arrow { bottom: -6px; left: 50%; margin-right: 3px; border-top-color: #ebeef5; border-bottom-width: 0; } .el-popper[x-placement^=top] .popper__arrow:after { bottom: 1px; margin-left: -6px; border-top-color: #fff; border-bottom-width: 0; } .el-popper[x-placement^=bottom] { margin-top: 12px; } .el-popper[x-placement^=bottom] .popper__arrow { top: -6px; left: 50%; margin-right: 3px; border-top-width: 0; border-bottom-color: #ebeef5; } .el-popper[x-placement^=bottom] .popper__arrow:after { top: 1px; margin-left: -6px; border-top-width: 0; border-bottom-color: #fff; } .el-popper[x-placement^=right] { margin-left: 12px; } .el-popper[x-placement^=right] .popper__arrow { top: 50%; left: -6px; margin-bottom: 3px; border-right-color: #ebeef5; border-left-width: 0; } .el-popper[x-placement^=right] .popper__arrow:after { bottom: -6px; left: 1px; border-right-color: #fff; border-left-width: 0; } .el-popper[x-placement^=left] { margin-right: 12px; } .el-popper[x-placement^=left] .popper__arrow { top: 50%; right: -6px; margin-bottom: 3px; border-right-width: 0; border-left-color: #ebeef5; } .el-popper[x-placement^=left] .popper__arrow:after { right: 1px; bottom: -6px; margin-left: -6px; border-right-width: 0; border-left-color: #fff; } .el-tag { background-color: #ecf5ff; display: inline-block; height: 32px; padding: 0 10px; line-height: 30px; font-size: 12px; color: #409eff; border: 1px solid #d9ecff; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; } .el-tag.is-hit { border-color: #409eff; } .el-tag .el-tag__close { color: #409eff; } .el-tag .el-tag__close:hover { color: #fff; background-color: #409eff; } .el-tag.el-tag--info { background-color: #f4f4f5; border-color: #e9e9eb; color: #909399; } .el-tag.el-tag--info.is-hit { border-color: #909399; } .el-tag.el-tag--info .el-tag__close { color: #909399; } .el-tag.el-tag--info .el-tag__close:hover { color: #fff; background-color: #909399; } .el-tag.el-tag--success { background-color: #f0f9eb; border-color: #e1f3d8; color: #67c23a; } .el-tag.el-tag--success.is-hit { border-color: #67c23a; } .el-tag.el-tag--success .el-tag__close { color: #67c23a; } .el-tag.el-tag--success .el-tag__close:hover { color: #fff; background-color: #67c23a; } .el-tag.el-tag--warning { background-color: #fdf6ec; border-color: #faecd8; color: #e6a23c; } .el-tag.el-tag--warning.is-hit { border-color: #e6a23c; } .el-tag.el-tag--warning .el-tag__close { color: #e6a23c; } .el-tag.el-tag--warning .el-tag__close:hover { color: #fff; background-color: #e6a23c; } .el-tag.el-tag--danger { background-color: #fef0f0; border-color: #fde2e2; color: #f56c6c; } .el-tag.el-tag--danger.is-hit { border-color: #f56c6c; } .el-tag.el-tag--danger .el-tag__close { color: #f56c6c; } .el-tag.el-tag--danger .el-tag__close:hover { color: #fff; background-color: #f56c6c; } .el-tag .el-icon-close { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; height: 16px; width: 16px; line-height: 16px; vertical-align: middle; top: -1px; right: -5px; } .el-tag .el-icon-close:before { display: block; } .el-tag--dark { background-color: #409eff; color: #fff; } .el-tag--dark, .el-tag--dark.is-hit { border-color: #409eff; } .el-tag--dark .el-tag__close { color: #fff; } .el-tag--dark .el-tag__close:hover { color: #fff; background-color: #66b1ff; } .el-tag--dark.el-tag--info { background-color: #909399; border-color: #909399; color: #fff; } .el-tag--dark.el-tag--info.is-hit { border-color: #909399; } .el-tag--dark.el-tag--info .el-tag__close { color: #fff; } .el-tag--dark.el-tag--info .el-tag__close:hover { color: #fff; background-color: #a6a9ad; } .el-tag--dark.el-tag--success { background-color: #67c23a; border-color: #67c23a; color: #fff; } .el-tag--dark.el-tag--success.is-hit { border-color: #67c23a; } .el-tag--dark.el-tag--success .el-tag__close { color: #fff; } .el-tag--dark.el-tag--success .el-tag__close:hover { color: #fff; background-color: #85ce61; } .el-tag--dark.el-tag--warning { background-color: #e6a23c; border-color: #e6a23c; color: #fff; } .el-tag--dark.el-tag--warning.is-hit { border-color: #e6a23c; } .el-tag--dark.el-tag--warning .el-tag__close { color: #fff; } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: #fff; background-color: #ebb563; } .el-tag--dark.el-tag--danger { background-color: #f56c6c; border-color: #f56c6c; color: #fff; } .el-tag--dark.el-tag--danger.is-hit { border-color: #f56c6c; } .el-tag--dark.el-tag--danger .el-tag__close { color: #fff; } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: #fff; background-color: #f78989; } .el-tag--plain { background-color: #fff; border-color: #b3d8ff; color: #409eff; } .el-tag--plain.is-hit { border-color: #409eff; } .el-tag--plain .el-tag__close { color: #409eff; } .el-tag--plain .el-tag__close:hover { color: #fff; background-color: #409eff; } .el-tag--plain.el-tag--info { background-color: #fff; border-color: #d3d4d6; color: #909399; } .el-tag--plain.el-tag--info.is-hit { border-color: #909399; } .el-tag--plain.el-tag--info .el-tag__close { color: #909399; } .el-tag--plain.el-tag--info .el-tag__close:hover { color: #fff; background-color: #909399; } .el-tag--plain.el-tag--success { background-color: #fff; border-color: #c2e7b0; color: #67c23a; } .el-tag--plain.el-tag--success.is-hit { border-color: #67c23a; } .el-tag--plain.el-tag--success .el-tag__close { color: #67c23a; } .el-tag--plain.el-tag--success .el-tag__close:hover { color: #fff; background-color: #67c23a; } .el-tag--plain.el-tag--warning { background-color: #fff; border-color: #f5dab1; color: #e6a23c; } .el-tag--plain.el-tag--warning.is-hit { border-color: #e6a23c; } .el-tag--plain.el-tag--warning .el-tag__close { color: #e6a23c; } .el-tag--plain.el-tag--warning .el-tag__close:hover { color: #fff; background-color: #e6a23c; } .el-tag--plain.el-tag--danger { background-color: #fff; border-color: #fbc4c4; color: #f56c6c; } .el-tag--plain.el-tag--danger.is-hit { border-color: #f56c6c; } .el-tag--plain.el-tag--danger .el-tag__close { color: #f56c6c; } .el-tag--plain.el-tag--danger .el-tag__close:hover { color: #fff; background-color: #f56c6c; } .el-tag--medium { height: 28px; line-height: 26px; } .el-tag--medium .el-icon-close { -webkit-transform: scale(.8); transform: scale(.8); } .el-tag--small { height: 24px; padding: 0 8px; line-height: 22px; } .el-tag--small .el-icon-close { -webkit-transform: scale(.8); transform: scale(.8); } .el-tag--mini { height: 20px; padding: 0 5px; line-height: 19px; } .el-tag--mini .el-icon-close { margin-left: -3px; -webkit-transform: scale(.7); transform: scale(.7); } .el-cascader { display: inline-block; position: relative; font-size: 14px; line-height: 40px; } .el-cascader:not(.is-disabled):hover .el-input__inner { cursor: pointer; border-color: #c0c4cc; } .el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner { border-color: #409eff; } .el-cascader .el-input { cursor: pointer; } .el-cascader .el-input .el-input__inner { text-overflow: ellipsis; } .el-cascader .el-input .el-icon-arrow-down { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; font-size: 14px; } .el-cascader .el-input .el-icon-arrow-down.is-reverse { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .el-cascader .el-input .el-icon-circle-close:hover { color: #909399; } .el-cascader--medium { font-size: 14px; line-height: 36px; } .el-cascader--small { font-size: 13px; line-height: 32px; } .el-cascader--mini { font-size: 12px; line-height: 28px; } .el-cascader.is-disabled .el-cascader__label { z-index: 2; color: #c0c4cc; } .el-cascader__dropdown { margin: 5px 0; font-size: 14px; background: #fff; border: 1px solid #e4e7ed; border-radius: 4px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } .el-cascader__tags { position: absolute; left: 0; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: normal; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-cascader__tags .el-tag { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; max-width: 100%; margin: 2px 0 2px 6px; text-overflow: ellipsis; background: #f0f2f5; } .el-cascader__tags .el-tag:not(.is-hit) { border-color: transparent; } .el-cascader__tags .el-tag>span { -ms-flex: 1; flex: 1 1; overflow: hidden; text-overflow: ellipsis; } .el-cascader__tags .el-tag .el-icon-close { -ms-flex: none; flex: none; background-color: #c0c4cc; color: #fff; } .el-cascader__tags .el-tag .el-icon-close:hover { background-color: #909399; } .el-cascader__suggestion-panel { border-radius: 4px; } .el-cascader__suggestion-list { max-height: 204px; margin: 0; padding: 6px 0; font-size: 14px; color: #606266; text-align: center; } .el-cascader__suggestion-item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; height: 34px; padding: 0 15px; text-align: left; outline: 0; cursor: pointer; } .el-cascader__suggestion-item:focus, .el-cascader__suggestion-item:hover { background: #f5f7fa; } .el-cascader__suggestion-item.is-checked { color: #409eff; font-weight: 700; } .el-cascader__suggestion-item>span { margin-right: 10px; } .el-cascader__empty-text { margin: 10px 0; color: #c0c4cc; } .el-cascader__search-input { -ms-flex: 1; flex: 1 1; height: 24px; min-width: 60px; margin: 2px 0 2px 15px; padding: 0; color: #606266; border: none; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-cascader__search-input::-webkit-input-placeholder { color: #c0c4cc; } .el-cascader__search-input:-ms-input-placeholder { color: #c0c4cc; } .el-cascader__search-input::-ms-input-placeholder { color: #c0c4cc; } .el-cascader__search-input::-moz-placeholder { color: #c0c4cc; } .el-cascader__search-input::placeholder { color: #c0c4cc; } .el-color-predefine { display: -ms-flexbox; display: flex; font-size: 12px; margin-top: 8px; width: 280px; } .el-color-predefine__colors { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } .el-color-predefine__color-selector { margin: 0 0 8px 8px; width: 20px; height: 20px; border-radius: 4px; cursor: pointer; } .el-color-predefine__color-selector:nth-child(10n+1) { margin-left: 0; } .el-color-predefine__color-selector.selected { -webkit-box-shadow: 0 0 3px 2px #409eff; box-shadow: 0 0 3px 2px #409eff; } .el-color-predefine__color-selector>div { display: -ms-flexbox; display: flex; height: 100%; border-radius: 3px; } .el-color-predefine__color-selector.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-hue-slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; height: 12px; background-color: red; padding: 0 2px; } .el-color-hue-slider__bar { position: relative; background: -webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red)); background: linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red); height: 100%; } .el-color-hue-slider__thumb { position: absolute; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.6); box-shadow: 0 0 2px rgba(0,0,0,.6); z-index: 1; } .el-color-hue-slider.is-vertical { width: 12px; height: 180px; padding: 2px 0; } .el-color-hue-slider.is-vertical .el-color-hue-slider__bar { background: -webkit-gradient(linear,left top,left bottom,color-stop(0,red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red)); background: linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red); } .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { left: 0; top: 0; width: 100%; height: 4px; } .el-color-svpanel { position: relative; width: 280px; height: 180px; } .el-color-svpanel__black, .el-color-svpanel__white { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .el-color-svpanel__white { background: -webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0))); background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0)); } .el-color-svpanel__black { background: -webkit-gradient(linear,left bottom,left top,from(#000),to(transparent)); background: linear-gradient(0deg,#000,transparent); } .el-color-svpanel__cursor { position: absolute; } .el-color-svpanel__cursor>div { cursor: head; width: 4px; height: 4px; -webkit-box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4); box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4); border-radius: 50%; -webkit-transform: translate(-2px,-2px); transform: translate(-2px,-2px); } .el-color-alpha-slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; height: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-alpha-slider__bar { position: relative; background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),to(#fff)); background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff); height: 100%; } .el-color-alpha-slider__thumb { position: absolute; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.6); box-shadow: 0 0 2px rgba(0,0,0,.6); z-index: 1; } .el-color-alpha-slider.is-vertical { width: 20px; height: 180px; } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { background: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(#fff)); background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff); } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { left: 0; top: 0; width: 100%; height: 4px; } .el-color-dropdown { width: 300px; } .el-color-dropdown__main-wrapper { margin-bottom: 6px; } .el-color-dropdown__main-wrapper:after { content: ""; display: table; clear: both; } .el-color-dropdown__btns { margin-top: 6px; text-align: right; } .el-color-dropdown__value { float: left; line-height: 26px; font-size: 12px; color: #000; width: 160px; } .el-color-dropdown__btn { border: 1px solid #dcdcdc; color: #333; line-height: 24px; border-radius: 2px; padding: 0 20px; cursor: pointer; background-color: transparent; outline: 0; font-size: 12px; } .el-color-dropdown__btn[disabled] { color: #ccc; cursor: not-allowed; } .el-color-dropdown__btn:hover { color: #409eff; border-color: #409eff; } .el-color-dropdown__link-btn { cursor: pointer; color: #409eff; text-decoration: none; padding: 15px; font-size: 12px; } .el-color-dropdown__link-btn:hover { color: tint(#409eff,20%); } .el-color-picker { display: inline-block; position: relative; line-height: normal; height: 40px; } .el-color-picker.is-disabled .el-color-picker__trigger { cursor: not-allowed; } .el-color-picker--medium { height: 36px; } .el-color-picker--medium .el-color-picker__trigger { height: 36px; width: 36px; } .el-color-picker--medium .el-color-picker__mask { height: 34px; width: 34px; } .el-color-picker--small { height: 32px; } .el-color-picker--small .el-color-picker__trigger { height: 32px; width: 32px; } .el-color-picker--small .el-color-picker__mask { height: 30px; width: 30px; } .el-color-picker--small .el-color-picker__empty, .el-color-picker--small .el-color-picker__icon { -webkit-transform: translate3d(-50%,-50%,0) scale(.8); transform: translate3d(-50%,-50%,0) scale(.8); } .el-color-picker--mini { height: 28px; } .el-color-picker--mini .el-color-picker__trigger { height: 28px; width: 28px; } .el-color-picker--mini .el-color-picker__mask { height: 26px; width: 26px; } .el-color-picker--mini .el-color-picker__empty, .el-color-picker--mini .el-color-picker__icon { -webkit-transform: translate3d(-50%,-50%,0) scale(.8); transform: translate3d(-50%,-50%,0) scale(.8); } .el-color-picker__mask { height: 38px; width: 38px; border-radius: 4px; position: absolute; top: 1px; left: 1px; z-index: 1; cursor: not-allowed; background-color: hsla(0,0%,100%,.7); } .el-color-picker__trigger { display: inline-block; height: 40px; width: 40px; padding: 4px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 0; cursor: pointer; } .el-color-picker__color, .el-color-picker__trigger { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .el-color-picker__color { display: block; border: 1px solid #999; border-radius: 2px; width: 100%; height: 100%; text-align: center; } .el-color-picker__color.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-picker__color-inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .el-color-picker__empty, .el-color-picker__icon { top: 50%; left: 50%; font-size: 12px; position: absolute; } .el-color-picker__empty { color: #999; } .el-color-picker__empty, .el-color-picker__icon { -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .el-color-picker__icon { display: inline-block; width: 100%; color: #fff; text-align: center; } .el-color-picker__panel { position: absolute; z-index: 10; padding: 6px; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } .el-textarea { position: relative; display: inline-block; width: 100%; vertical-align: bottom; font-size: 14px; } .el-textarea__inner { display: block; resize: vertical; padding: 5px 15px; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #fff; background-image: none; border: 1px solid #dcdfe6; border-radius: 4px; -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: #c0c4cc; } .el-textarea__inner:-ms-input-placeholder { color: #c0c4cc; } .el-textarea__inner::-ms-input-placeholder { color: #c0c4cc; } .el-textarea__inner::-moz-placeholder { color: #c0c4cc; } .el-textarea__inner::placeholder { color: #c0c4cc; } .el-textarea__inner:hover { border-color: #c0c4cc; } .el-textarea__inner:focus { outline: 0; border-color: #409eff; } .el-textarea .el-input__count { color: #909399; background: #fff; position: absolute; font-size: 12px; bottom: 5px; right: 10px; } .el-textarea.is-disabled .el-textarea__inner { background-color: #f5f7fa; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: #c0c4cc; } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: #c0c4cc; } .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { color: #c0c4cc; } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: #c0c4cc; } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: #c0c4cc; } .el-textarea.is-exceed .el-textarea__inner { border-color: #f56c6c; } .el-textarea.is-exceed .el-input__count { color: #f56c6c; } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input::-webkit-scrollbar { z-index: 11; width: 6px; } .el-input::-webkit-scrollbar:horizontal { height: 6px; } .el-input::-webkit-scrollbar-thumb { border-radius: 5px; width: 6px; background: #b4bccc; } .el-input::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-track { background: #fff; } .el-input::-webkit-scrollbar-track-piece { background: #fff; width: 6px; } .el-input .el-input__clear { color: #c0c4cc; font-size: 14px; cursor: pointer; -webkit-transition: color .2s cubic-bezier(.645,.045,.355,1); transition: color .2s cubic-bezier(.645,.045,.355,1); } .el-input .el-input__clear:hover { color: #909399; } .el-input .el-input__count { height: 100%; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #fff; line-height: normal; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: 0; padding: 0 15px; -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__prefix, .el-input__suffix { position: absolute; top: 0; -webkit-transition: all .3s; height: 100%; color: #c0c4cc; text-align: center; } .el-input__inner::-webkit-input-placeholder { color: #c0c4cc; } .el-input__inner:-ms-input-placeholder { color: #c0c4cc; } .el-input__inner::-ms-input-placeholder { color: #c0c4cc; } .el-input__inner::-moz-placeholder { color: #c0c4cc; } .el-input__inner::placeholder { color: #c0c4cc; } .el-input__inner:hover { border-color: #c0c4cc; } .el-input.is-active .el-input__inner, .el-input__inner:focus { border-color: #409eff; outline: 0; } .el-input__suffix { right: 5px; -webkit-transition: all .3s; transition: all .3s; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { left: 5px; } .el-input__icon, .el-input__prefix { -webkit-transition: all .3s; transition: all .3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; line-height: 40px; } .el-input__icon:after { content: ""; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__validateIcon { pointer-events: none; } .el-input.is-disabled .el-input__inner { background-color: #f5f7fa; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: #c0c4cc; } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: #c0c4cc; } .el-input.is-disabled .el-input__inner::-ms-input-placeholder { color: #c0c4cc; } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: #c0c4cc; } .el-input.is-disabled .el-input__inner::placeholder { color: #c0c4cc; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .el-link, .el-transfer-panel__filter .el-icon-circle-close { cursor: pointer; } .el-input.is-exceed .el-input__inner { border-color: #f56c6c; } .el-input.is-exceed .el-input__suffix .el-input__count { color: #f56c6c; } .el-input--suffix .el-input__inner { padding-right: 30px; } .el-input--prefix .el-input__inner { padding-left: 30px; } .el-input--medium { font-size: 14px; } .el-input--medium .el-input__inner { height: 36px; line-height: 36px; } .el-input--medium .el-input__icon { line-height: 36px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 32px; line-height: 32px; } .el-input--small .el-input__icon { line-height: 32px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 28px; line-height: 28px; } .el-input--mini .el-input__icon { line-height: 28px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; border-spacing: 0; } .el-input-group>.el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: #f5f7fa; color: #909399; vertical-align: middle; display: table-cell; position: relative; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 20px; width: 1px; white-space: nowrap; } .el-input-group--prepend .el-input__inner, .el-input-group__append { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner, .el-input-group__prepend { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append:focus, .el-input-group__prepend:focus { outline: 0; } .el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select { display: inline-block; margin: -10px -20px; } .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; } .el-input-group__append { border-left: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } .el-transfer { font-size: 14px; } .el-transfer__buttons { display: inline-block; vertical-align: middle; padding: 0 30px; } .el-transfer__button { display: block; margin: 0 auto; padding: 10px; border-radius: 50%; color: #fff; background-color: #409eff; font-size: 0; } .el-transfer-panel__item+.el-transfer-panel__item, .el-transfer__button [class*=el-icon-]+span { margin-left: 0; } .el-transfer__button.is-with-texts { border-radius: 4px; } .el-transfer__button.is-disabled, .el-transfer__button.is-disabled:hover { border: 1px solid #dcdfe6; background-color: #f5f7fa; color: #c0c4cc; } .el-transfer__button:first-child { margin-bottom: 10px; } .el-transfer__button:nth-child(2) { margin: 0; } .el-transfer__button i, .el-transfer__button span { font-size: 14px; } .el-transfer-panel { border: 1px solid #ebeef5; border-radius: 4px; overflow: hidden; background: #fff; display: inline-block; vertical-align: middle; width: 200px; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .el-transfer-panel__body { height: 246px; } .el-transfer-panel__body.is-with-footer { padding-bottom: 40px; } .el-transfer-panel__list { margin: 0; padding: 6px 0; list-style: none; height: 246px; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-transfer-panel__list.is-filterable { height: 194px; padding-top: 0; } .el-transfer-panel__item { height: 30px; line-height: 30px; padding-left: 15px; display: block!important; } .el-transfer-panel__item.el-checkbox { color: #606266; } .el-transfer-panel__item:hover { color: #409eff; } .el-transfer-panel__item.el-checkbox .el-checkbox__label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 24px; line-height: 30px; } .el-transfer-panel__item .el-checkbox__input { position: absolute; top: 8px; } .el-transfer-panel__filter { text-align: center; margin: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: auto; } .el-transfer-panel__filter .el-input__inner { height: 32px; width: 100%; font-size: 12px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 16px; padding-right: 10px; padding-left: 30px; } .el-transfer-panel__filter .el-input__icon { margin-left: 5px; } .el-transfer-panel .el-transfer-panel__header { height: 40px; line-height: 40px; background: #f5f7fa; margin: 0; padding-left: 15px; border-bottom: 1px solid #ebeef5; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; } .el-transfer-panel .el-transfer-panel__header .el-checkbox { display: block; line-height: 40px; } .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { font-size: 16px; color: #303133; font-weight: 400; } .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { position: absolute; right: 15px; color: #909399; font-size: 12px; font-weight: 400; } .el-divider__text, .el-link { font-weight: 500; font-size: 14px; } .el-transfer-panel .el-transfer-panel__footer { height: 40px; background: #fff; margin: 0; padding: 0; border-top: 1px solid #ebeef5; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .el-transfer-panel .el-transfer-panel__footer:after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-container, .el-timeline-item__node { display: -ms-flexbox; } .el-transfer-panel .el-transfer-panel__footer .el-checkbox { padding-left: 20px; color: #606266; } .el-transfer-panel .el-transfer-panel__empty { margin: 0; height: 30px; line-height: 30px; padding: 6px 15px 0; color: #909399; text-align: center; } .el-transfer-panel .el-checkbox__label { padding-left: 8px; } .el-transfer-panel .el-checkbox__inner { height: 14px; width: 14px; border-radius: 3px; } .el-transfer-panel .el-checkbox__inner:after { height: 6px; width: 3px; left: 4px; } .el-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex: 1; flex: 1 1; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 0; } .el-container.is-vertical, .el-drawer { -webkit-box-orient: vertical; } .el-aside, .el-header { -webkit-box-sizing: border-box; } .el-container.is-vertical { -ms-flex-direction: column; flex-direction: column; } .el-header { padding: 0 20px; } .el-aside, .el-header { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; } .el-aside { overflow: auto; } .el-footer, .el-main { -webkit-box-sizing: border-box; } .el-main { display: block; -ms-flex: 1; flex: 1 1; -ms-flex-preferred-size: auto; flex-basis: auto; overflow: auto; padding: 20px; } .el-footer, .el-main { -webkit-box-sizing: border-box; box-sizing: border-box; } .el-footer { padding: 0 20px; -ms-flex-negative: 0; flex-shrink: 0; } .el-timeline { margin: 0; font-size: 14px; list-style: none; } .el-timeline .el-timeline-item:last-child .el-timeline-item__tail { display: none; } .el-timeline-item { position: relative; padding-bottom: 20px; } .el-timeline-item__wrapper { position: relative; padding-left: 28px; top: -3px; } .el-timeline-item__tail { position: absolute; left: 4px; height: 100%; border-left: 2px solid #e4e7ed; } .el-timeline-item__icon { color: #fff; font-size: 13px; } .el-timeline-item__node { position: absolute; background-color: #e4e7ed; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .el-image__error, .el-timeline-item__dot { display: -ms-flexbox; } .el-timeline-item__node--normal { left: -1px; width: 12px; height: 12px; } .el-timeline-item__node--large { left: -2px; width: 14px; height: 14px; } .el-timeline-item__node--primary { background-color: #409eff; } .el-timeline-item__node--success { background-color: #67c23a; } .el-timeline-item__node--warning { background-color: #e6a23c; } .el-timeline-item__node--danger { background-color: #f56c6c; } .el-timeline-item__node--info { background-color: #909399; } .el-timeline-item__dot { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .el-timeline-item__content { color: #303133; } .el-timeline-item__timestamp { color: #909399; line-height: 1; font-size: 13px; } .el-timeline-item__timestamp.is-top { margin-bottom: 8px; padding-top: 4px; } .el-timeline-item__timestamp.is-bottom { margin-top: 8px; } .el-link { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; position: relative; text-decoration: none; outline: 0; padding: 0; } .el-link.is-underline:hover:after { content: ""; position: absolute; left: 0; right: 0; height: 0; bottom: 0; border-bottom: 1px solid #409eff; } .el-link.el-link--default:after, .el-link.el-link--primary.is-underline:hover:after, .el-link.el-link--primary:after { border-color: #409eff; } .el-link.is-disabled { cursor: not-allowed; } .el-link [class*=el-icon-]+span { margin-left: 5px; } .el-link.el-link--default { color: #606266; } .el-link.el-link--default:hover { color: #409eff; } .el-link.el-link--default.is-disabled { color: #c0c4cc; } .el-link.el-link--primary { color: #409eff; } .el-link.el-link--primary:hover { color: #66b1ff; } .el-link.el-link--primary.is-disabled { color: #a0cfff; } .el-link.el-link--danger.is-underline:hover:after, .el-link.el-link--danger:after { border-color: #f56c6c; } .el-link.el-link--danger { color: #f56c6c; } .el-link.el-link--danger:hover { color: #f78989; } .el-link.el-link--danger.is-disabled { color: #fab6b6; } .el-link.el-link--success.is-underline:hover:after, .el-link.el-link--success:after { border-color: #67c23a; } .el-link.el-link--success { color: #67c23a; } .el-link.el-link--success:hover { color: #85ce61; } .el-link.el-link--success.is-disabled { color: #b3e19d; } .el-link.el-link--warning.is-underline:hover:after, .el-link.el-link--warning:after { border-color: #e6a23c; } .el-link.el-link--warning { color: #e6a23c; } .el-link.el-link--warning:hover { color: #ebb563; } .el-link.el-link--warning.is-disabled { color: #f3d19e; } .el-link.el-link--info.is-underline:hover:after, .el-link.el-link--info:after { border-color: #909399; } .el-link.el-link--info { color: #909399; } .el-link.el-link--info:hover { color: #a6a9ad; } .el-link.el-link--info.is-disabled { color: #c8c9cc; } .el-divider { background-color: #dcdfe6; position: relative; } .el-divider--horizontal { display: block; height: 1px; width: 100%; margin: 24px 0; } .el-divider--vertical { display: inline-block; width: 1px; height: 1em; margin: 0 8px; vertical-align: middle; position: relative; } .el-divider__text { position: absolute; background-color: #fff; padding: 0 20px; color: #303133; } .el-image__error, .el-image__placeholder { background: #f5f7fa; } .el-divider__text.is-left { left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .el-divider__text.is-center { left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .el-divider__text.is-right { right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .el-image__error, .el-image__inner, .el-image__placeholder { width: 100%; height: 100%; } .el-image { position: relative; display: inline-block; overflow: hidden; } .el-image__inner { vertical-align: top; } .el-image__inner--center { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: block; } .el-image__error { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #c0c4cc; vertical-align: middle; } .el-image__preview { cursor: pointer; } .el-image-viewer__wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .el-image-viewer__btn { position: absolute; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; opacity: .8; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; user-select: none; } .el-button, .el-checkbox, .el-image-viewer__btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .el-image-viewer__close { top: 40px; right: 40px; width: 40px; height: 40px; font-size: 40px; } .el-image-viewer__canvas { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .el-image-viewer__actions { left: 50%; bottom: 30px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 282px; height: 44px; padding: 0 23px; background-color: #606266; border-color: #fff; border-radius: 22px; } .el-image-viewer__actions__inner { width: 100%; height: 100%; text-align: justify; cursor: default; font-size: 23px; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .el-image-viewer__next, .el-image-viewer__prev { top: 50%; width: 44px; height: 44px; font-size: 24px; color: #fff; background-color: #606266; border-color: #fff; } .el-image-viewer__prev { left: 40px; } .el-image-viewer__next, .el-image-viewer__prev { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .el-image-viewer__next { right: 40px; text-indent: 2px; } .el-image-viewer__mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .5; background: #000; } .viewer-fade-enter-active { -webkit-animation: viewer-fade-in .3s; animation: viewer-fade-in .3s; } .viewer-fade-leave-active { -webkit-animation: viewer-fade-out .3s; animation: viewer-fade-out .3s; } @-webkit-keyframes viewer-fade-in { 0% { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes viewer-fade-in { 0% { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @-webkit-keyframes viewer-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } to { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } } @keyframes viewer-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } to { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } } .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; -webkit-transition: .1s; transition: .1s; font-weight: 500; padding: 12px 20px; font-size: 14px; border-radius: 4px; } .el-button+.el-button { margin-left: 10px; } .el-button:focus, .el-button:hover { color: #409eff; border-color: #c6e2ff; background-color: #ecf5ff; } .el-button:active { color: #3a8ee6; border-color: #3a8ee6; outline: 0; } .el-button::-moz-focus-inner { border: 0; } .el-button [class*=el-icon-]+span { margin-left: 5px; } .el-button.is-plain:focus, .el-button.is-plain:hover { background: #fff; border-color: #409eff; color: #409eff; } .el-button.is-active, .el-button.is-plain:active { color: #3a8ee6; border-color: #3a8ee6; } .el-button.is-plain:active { background: #fff; outline: 0; } .el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover { color: #c0c4cc; cursor: not-allowed; background-image: none; background-color: #fff; border-color: #ebeef5; } .el-button.is-disabled.el-button--text { background-color: transparent; } .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover { background-color: #fff; border-color: #ebeef5; color: #c0c4cc; } .el-button.is-loading { position: relative; pointer-events: none; } .el-button.is-loading:before { pointer-events: none; content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: inherit; background-color: hsla(0,0%,100%,.35); } .el-button.is-round { border-radius: 20px; padding: 12px 23px; } .el-button.is-circle { border-radius: 50%; padding: 12px; } .el-button--primary { color: #fff; background-color: #409eff; border-color: #409eff; } .el-button--primary:focus, .el-button--primary:hover { background: #66b1ff; border-color: #66b1ff; color: #fff; } .el-button--primary.is-active, .el-button--primary:active { background: #3a8ee6; border-color: #3a8ee6; color: #fff; } .el-button--primary:active { outline: 0; } .el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover { color: #fff; background-color: #a0cfff; border-color: #a0cfff; } .el-button--primary.is-plain { color: #409eff; background: #ecf5ff; border-color: #b3d8ff; } .el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover { background: #409eff; border-color: #409eff; color: #fff; } .el-button--primary.is-plain:active { background: #3a8ee6; border-color: #3a8ee6; color: #fff; outline: 0; } .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover { color: #8cc5ff; background-color: #ecf5ff; border-color: #d9ecff; } .el-button--success { color: #fff; background-color: #67c23a; border-color: #67c23a; } .el-button--success:focus, .el-button--success:hover { background: #85ce61; border-color: #85ce61; color: #fff; } .el-button--success.is-active, .el-button--success:active { background: #5daf34; border-color: #5daf34; color: #fff; } .el-button--success:active { outline: 0; } .el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover { color: #fff; background-color: #b3e19d; border-color: #b3e19d; } .el-button--success.is-plain { color: #67c23a; background: #f0f9eb; border-color: #c2e7b0; } .el-button--success.is-plain:focus, .el-button--success.is-plain:hover { background: #67c23a; border-color: #67c23a; color: #fff; } .el-button--success.is-plain:active { background: #5daf34; border-color: #5daf34; color: #fff; outline: 0; } .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover { color: #a4da89; background-color: #f0f9eb; border-color: #e1f3d8; } .el-button--warning { color: #fff; background-color: #e6a23c; border-color: #e6a23c; } .el-button--warning:focus, .el-button--warning:hover { background: #ebb563; border-color: #ebb563; color: #fff; } .el-button--warning.is-active, .el-button--warning:active { background: #cf9236; border-color: #cf9236; color: #fff; } .el-button--warning:active { outline: 0; } .el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover { color: #fff; background-color: #f3d19e; border-color: #f3d19e; } .el-button--warning.is-plain { color: #e6a23c; background: #fdf6ec; border-color: #f5dab1; } .el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover { background: #e6a23c; border-color: #e6a23c; color: #fff; } .el-button--warning.is-plain:active { background: #cf9236; border-color: #cf9236; color: #fff; outline: 0; } .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover { color: #f0c78a; background-color: #fdf6ec; border-color: #faecd8; } .el-button--danger { color: #fff; background-color: #f56c6c; border-color: #f56c6c; } .el-button--danger:focus, .el-button--danger:hover { background: #f78989; border-color: #f78989; color: #fff; } .el-button--danger.is-active, .el-button--danger:active { background: #dd6161; border-color: #dd6161; color: #fff; } .el-button--danger:active { outline: 0; } .el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover { color: #fff; background-color: #fab6b6; border-color: #fab6b6; } .el-button--danger.is-plain { color: #f56c6c; background: #fef0f0; border-color: #fbc4c4; } .el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover { background: #f56c6c; border-color: #f56c6c; color: #fff; } .el-button--danger.is-plain:active { background: #dd6161; border-color: #dd6161; color: #fff; outline: 0; } .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover { color: #f9a7a7; background-color: #fef0f0; border-color: #fde2e2; } .el-button--info { color: #fff; background-color: #909399; border-color: #909399; } .el-button--info:focus, .el-button--info:hover { background: #a6a9ad; border-color: #a6a9ad; color: #fff; } .el-button--info.is-active, .el-button--info:active { background: #82848a; border-color: #82848a; color: #fff; } .el-button--info:active { outline: 0; } .el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover { color: #fff; background-color: #c8c9cc; border-color: #c8c9cc; } .el-button--info.is-plain { color: #909399; background: #f4f4f5; border-color: #d3d4d6; } .el-button--info.is-plain:focus, .el-button--info.is-plain:hover { background: #909399; border-color: #909399; color: #fff; } .el-button--info.is-plain:active { background: #82848a; border-color: #82848a; color: #fff; outline: 0; } .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover { color: #bcbec2; background-color: #f4f4f5; border-color: #e9e9eb; } .el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active { border-color: transparent; } .el-button--medium { padding: 10px 20px; font-size: 14px; border-radius: 4px; } .el-button--mini, .el-button--small { font-size: 12px; border-radius: 3px; } .el-button--medium.is-round { padding: 10px 20px; } .el-button--medium.is-circle { padding: 10px; } .el-button--small, .el-button--small.is-round { padding: 9px 15px; } .el-button--small.is-circle { padding: 9px; } .el-button--mini, .el-button--mini.is-round { padding: 7px 15px; } .el-button--mini.is-circle { padding: 7px; } .el-button--text { color: #409eff; background: 0 0; padding-left: 0; padding-right: 0; } .el-button--text:focus, .el-button--text:hover { color: #66b1ff; border-color: transparent; background-color: transparent; } .el-button--text:active { color: #3a8ee6; background-color: transparent; } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group:after, .el-button-group:before { display: table; content: ""; } .el-button-group:after { clear: both; } .el-button-group>.el-button { float: left; position: relative; } .el-button-group>.el-button+.el-button { margin-left: 0; } .el-button-group>.el-button.is-disabled { z-index: 1; } .el-button-group>.el-button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-button-group>.el-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-button-group>.el-button:first-child:last-child { border-radius: 4px; } .el-button-group>.el-button:first-child:last-child.is-round { border-radius: 20px; } .el-button-group>.el-button:first-child:last-child.is-circle { border-radius: 50%; } .el-button-group>.el-button:not(:first-child):not(:last-child) { border-radius: 0; } .el-button-group>.el-button:not(:last-child) { margin-right: -1px; } .el-button-group>.el-button.is-active, .el-button-group>.el-button:active, .el-button-group>.el-button:focus, .el-button-group>.el-button:hover { z-index: 1; } .el-button-group>.el-dropdown>.el-button { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--primary:first-child { border-right-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--primary:last-child { border-left-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--primary:not(:first-child):not(:last-child) { border-left-color: hsla(0,0%,100%,.5); border-right-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--success:first-child { border-right-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--success:last-child { border-left-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--success:not(:first-child):not(:last-child) { border-left-color: hsla(0,0%,100%,.5); border-right-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--warning:first-child { border-right-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--warning:last-child { border-left-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--warning:not(:first-child):not(:last-child) { border-left-color: hsla(0,0%,100%,.5); border-right-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--danger:first-child { border-right-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--danger:last-child { border-left-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--danger:not(:first-child):not(:last-child) { border-left-color: hsla(0,0%,100%,.5); border-right-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--info:first-child { border-right-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--info:last-child { border-left-color: hsla(0,0%,100%,.5); } .el-button-group .el-button--info:not(:first-child):not(:last-child) { border-left-color: hsla(0,0%,100%,.5); border-right-color: hsla(0,0%,100%,.5); } .el-calendar { background-color: #fff; } .el-calendar__header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 20px; border-bottom: 1px solid #ebeef5; } .el-backtop, .el-page-header { display: -ms-flexbox; } .el-calendar__title { color: #000; -ms-flex-item-align: center; align-self: center; } .el-calendar__body { padding: 12px 20px 35px; } .el-calendar-table { table-layout: fixed; width: 100%; } .el-calendar-table thead th { padding: 12px 0; color: #606266; font-weight: 400; } .el-calendar-table:not(.is-range) td.next, .el-calendar-table:not(.is-range) td.prev { color: #c0c4cc; } .el-backtop, .el-calendar-table td.is-today { color: #409eff; } .el-calendar-table td { border-bottom: 1px solid #ebeef5; border-right: 1px solid #ebeef5; vertical-align: top; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; } .el-calendar-table td.is-selected { background-color: #f2f8fe; } .el-calendar-table tr:first-child td { border-top: 1px solid #ebeef5; } .el-calendar-table tr td:first-child { border-left: 1px solid #ebeef5; } .el-calendar-table tr.el-calendar-table__row--hide-border td { border-top: none; } .el-calendar-table .el-calendar-day { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px; height: 85px; } .el-calendar-table .el-calendar-day:hover { cursor: pointer; background-color: #f2f8fe; } .el-backtop { position: fixed; background-color: #fff; width: 40px; height: 40px; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.12); box-shadow: 0 0 6px rgba(0,0,0,.12); cursor: pointer; z-index: 5; } .el-backtop:hover { background-color: #f2f6fc; } .el-page-header { display: -ms-flexbox; display: flex; line-height: 24px; } .el-page-header__left { display: -ms-flexbox; display: flex; cursor: pointer; margin-right: 40px; position: relative; } .el-page-header__left:after { content: ""; position: absolute; width: 1px; height: 16px; right: -20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #dcdfe6; } .el-checkbox, .el-checkbox__input { display: inline-block; position: relative; white-space: nowrap; } .el-page-header__left .el-icon-back { font-size: 18px; margin-right: 6px; -ms-flex-item-align: center; align-self: center; } .el-page-header__title { font-size: 14px; font-weight: 500; } .el-page-header__content { font-size: 18px; color: #303133; } .el-checkbox { color: #606266; font-size: 14px; cursor: pointer; user-select: none; margin-right: 30px; } .el-checkbox, .el-checkbox-button__inner, .el-radio { font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #dcdfe6; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; height: 40px; } .el-checkbox.is-bordered.is-checked { border-color: #409eff; } .el-checkbox.is-bordered.is-disabled { border-color: #ebeef5; cursor: not-allowed; } .el-checkbox.is-bordered+.el-checkbox.is-bordered { margin-left: 10px; } .el-checkbox.is-bordered.el-checkbox--medium { padding: 7px 20px 7px 10px; border-radius: 4px; height: 36px; } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { line-height: 17px; font-size: 14px; } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { height: 14px; width: 14px; } .el-checkbox.is-bordered.el-checkbox--small { padding: 5px 15px 5px 10px; border-radius: 3px; height: 32px; } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { line-height: 15px; font-size: 12px; } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { height: 12px; width: 12px; } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after { height: 6px; width: 2px; } .el-checkbox.is-bordered.el-checkbox--mini { padding: 3px 15px 3px 10px; border-radius: 3px; height: 28px; } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { line-height: 12px; font-size: 12px; } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { height: 12px; width: 12px; } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after { height: 6px; width: 2px; } .el-checkbox__input { cursor: pointer; outline: 0; line-height: 1; vertical-align: middle; } .el-checkbox__input.is-disabled .el-checkbox__inner { background-color: #edf2fc; border-color: #dcdfe6; cursor: not-allowed; } .el-checkbox__input.is-disabled .el-checkbox__inner:after { cursor: not-allowed; border-color: #c0c4cc; } .el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label { cursor: not-allowed; } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: #f2f6fc; border-color: #dcdfe6; } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after { border-color: #c0c4cc; } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: #f2f6fc; border-color: #dcdfe6; } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before { background-color: #c0c4cc; border-color: #c0c4cc; } .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409eff; border-color: #409eff; } .el-checkbox__input.is-disabled+span.el-checkbox__label { color: #c0c4cc; cursor: not-allowed; } .el-checkbox__input.is-checked .el-checkbox__inner:after { -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-checked+.el-checkbox__label { color: #409eff; } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409eff; } .el-checkbox__input.is-indeterminate .el-checkbox__inner:before { content: ""; position: absolute; display: block; background-color: #fff; height: 2px; -webkit-transform: scale(.5); transform: scale(.5); left: 0; right: 0; top: 5px; } .el-checkbox__input.is-indeterminate .el-checkbox__inner:after { display: none; } .el-checkbox__inner { display: inline-block; position: relative; border: 1px solid #dcdfe6; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; background-color: #fff; z-index: 1; -webkit-transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46); transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46); } .el-checkbox__inner:hover { border-color: #409eff; } .el-checkbox__inner:after { -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; border: 1px solid #fff; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; -webkit-transform: rotate(45deg) scaleY(0); transform: rotate(45deg) scaleY(0); width: 3px; -webkit-transition: -webkit-transform .15s ease-in .05s; transition: -webkit-transform .15s ease-in .05s; transition: transform .15s ease-in .05s; transition: transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s; -webkit-transform-origin: center; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: 0; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .el-checkbox-button, .el-checkbox-button__inner { display: inline-block; position: relative; } .el-checkbox__label { display: inline-block; padding-left: 10px; line-height: 19px; font-size: 14px; } .el-checkbox:last-of-type { margin-right: 0; } .el-checkbox-button__inner { line-height: 1; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); padding: 12px 20px; font-size: 14px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 12px 20px; } .el-checkbox-button__inner:hover { color: #409eff; } .el-checkbox-button__inner [class*=el-icon-] { line-height: .9; } .el-radio, .el-radio__input { line-height: 1; outline: 0; white-space: nowrap; } .el-checkbox-button__inner [class*=el-icon-]+span { margin-left: 5px; } .el-checkbox-button__original { opacity: 0; outline: 0; position: absolute; margin: 0; z-index: -1; } .el-radio, .el-radio__inner, .el-radio__input { position: relative; display: inline-block; } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: #fff; background-color: #409eff; border-color: #409eff; -webkit-box-shadow: -1px 0 0 0 #8cc5ff; box-shadow: -1px 0 0 0 #8cc5ff; } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409eff; } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #c0c4cc; cursor: not-allowed; background-image: none; background-color: #fff; border-color: #ebeef5; -webkit-box-shadow: none; box-shadow: none; } .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { border-left-color: #ebeef5; } .el-checkbox-button:first-child .el-checkbox-button__inner { border-left: 1px solid #dcdfe6; border-radius: 4px 0 0 4px; -webkit-box-shadow: none!important; box-shadow: none!important; } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409eff; } .el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0 4px 4px 0; } .el-checkbox-button--medium .el-checkbox-button__inner { padding: 10px 20px; font-size: 14px; border-radius: 0; } .el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 10px 20px; } .el-checkbox-button--small .el-checkbox-button__inner { padding: 9px 15px; font-size: 12px; border-radius: 0; } .el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 9px 15px; } .el-checkbox-button--mini .el-checkbox-button__inner { padding: 7px 15px; font-size: 12px; border-radius: 0; } .el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 7px 15px; } .el-checkbox-group { font-size: 0; } .el-radio, .el-radio--medium.is-bordered .el-radio__label { font-size: 14px; } .el-radio { color: #606266; cursor: pointer; margin-right: 30px; } .el-cascader-node>.el-radio, .el-radio:last-child { margin-right: 0; } .el-radio.is-bordered { padding: 12px 20px 0 10px; border-radius: 4px; border: 1px solid #dcdfe6; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; } .el-radio.is-bordered.is-checked { border-color: #409eff; } .el-radio.is-bordered.is-disabled { cursor: not-allowed; border-color: #ebeef5; } .el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner { background-color: #f5f7fa; border-color: #e4e7ed; } .el-radio.is-bordered+.el-radio.is-bordered { margin-left: 10px; } .el-radio--medium.is-bordered { padding: 10px 20px 0 10px; border-radius: 4px; height: 36px; } .el-radio--mini.is-bordered .el-radio__label, .el-radio--small.is-bordered .el-radio__label { font-size: 12px; } .el-radio--medium.is-bordered .el-radio__inner { height: 14px; width: 14px; } .el-radio--small.is-bordered { padding: 8px 15px 0 10px; border-radius: 3px; height: 32px; } .el-radio--small.is-bordered .el-radio__inner { height: 12px; width: 12px; } .el-radio--mini.is-bordered { padding: 6px 15px 0 10px; border-radius: 3px; height: 28px; } .el-radio--mini.is-bordered .el-radio__inner { height: 12px; width: 12px; } .el-radio__input { cursor: pointer; vertical-align: middle; } .el-radio__input.is-disabled .el-radio__inner { cursor: not-allowed; } .el-radio__input.is-disabled .el-radio__inner:after { cursor: not-allowed; background-color: #f5f7fa; } .el-radio__input.is-disabled .el-radio__inner+.el-radio__label { cursor: not-allowed; } .el-radio__input.is-disabled.is-checked .el-radio__inner:after { background-color: #c0c4cc; } .el-radio__input.is-disabled+span.el-radio__label { color: #c0c4cc; cursor: not-allowed; } .el-radio__input.is-checked .el-radio__inner { border-color: #409eff; background: #409eff; } .el-radio__input.is-checked .el-radio__inner:after { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); } .el-radio__input.is-checked+.el-radio__label { color: #409eff; } .el-radio__input.is-focus .el-radio__inner { border-color: #409eff; } .el-radio__inner { border: 1px solid #dcdfe6; border-radius: 100%; width: 14px; height: 14px; background-color: #fff; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-radio__inner:hover { border-color: #409eff; } .el-radio__inner:after { width: 4px; height: 4px; border-radius: 100%; background-color: #fff; content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%) scale(0); transform: translate(-50%,-50%) scale(0); -webkit-transition: -webkit-transform .15s ease-in; transition: -webkit-transform .15s ease-in; transition: transform .15s ease-in; transition: transform .15s ease-in,-webkit-transform .15s ease-in; } .el-radio__original { opacity: 0; outline: 0; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { -webkit-box-shadow: 0 0 2px 2px #409eff; box-shadow: 0 0 2px 2px #409eff; } .el-radio__label { font-size: 14px; padding-left: 10px; } .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:active>.el-scrollbar__bar, .el-scrollbar:focus>.el-scrollbar__bar, .el-scrollbar:hover>.el-scrollbar__bar { opacity: 1; -webkit-transition: opacity .34s ease-out; transition: opacity .34s ease-out; } .el-scrollbar__wrap { overflow: scroll; height: 100%; } .el-scrollbar__wrap--hidden-default { scrollbar-width: none; } .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0; height: 0; } .el-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(144,147,153,.3); -webkit-transition: background-color .3s; transition: background-color .3s; } .el-scrollbar__thumb:hover { background-color: rgba(144,147,153,.5); } .el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; -webkit-transition: opacity .12s ease-out; transition: opacity .12s ease-out; } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .el-scrollbar__bar.is-vertical>div { width: 100%; } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .el-scrollbar__bar.is-horizontal>div { height: 100%; } .el-cascader-panel { display: -ms-flexbox; display: flex; border-radius: 4px; font-size: 14px; } .el-cascader-panel.is-bordered { border: 1px solid #e4e7ed; border-radius: 4px; } .el-cascader-menu { min-width: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #606266; border-right: 1px solid #e4e7ed; } .el-cascader-menu:last-child { border-right: none; } .el-cascader-menu:last-child .el-cascader-node { padding-right: 20px; } .el-cascader-menu__wrap { height: 204px; } .el-cascader-menu__list { position: relative; min-height: 100%; margin: 0; padding: 6px 0; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-avatar, .el-drawer { -webkit-box-sizing: border-box; overflow: hidden; } .el-cascader-menu__hover-zone { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .el-cascader-menu__empty-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; color: #c0c4cc; } .el-cascader-node { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 30px 0 20px; height: 34px; line-height: 34px; outline: 0; } .el-cascader-node.is-selectable.in-active-path { color: #606266; } .el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path { color: #409eff; font-weight: 700; } .el-cascader-node:not(.is-disabled) { cursor: pointer; } .el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover { background: #f5f7fa; } .el-cascader-node.is-disabled { color: #c0c4cc; cursor: not-allowed; } .el-cascader-node__prefix { position: absolute; left: 10px; } .el-cascader-node__postfix { position: absolute; right: 10px; } .el-cascader-node__label { -ms-flex: 1; flex: 1 1; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .el-cascader-node>.el-radio .el-radio__label { padding-left: 0; } .el-avatar { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #fff; background: #c0c4cc; width: 40px; height: 40px; line-height: 40px; font-size: 14px; } .el-avatar>img { display: block; height: 100%; vertical-align: middle; } .el-drawer, .el-drawer__header { display: -ms-flexbox; } .el-avatar--circle { border-radius: 50%; } .el-avatar--square { border-radius: 4px; } .el-avatar--icon { font-size: 18px; } .el-avatar--large { width: 40px; height: 40px; line-height: 40px; } .el-avatar--medium { width: 36px; height: 36px; line-height: 36px; } .el-avatar--small { width: 28px; height: 28px; line-height: 28px; } .el-drawer.btt, .el-drawer.ttb, .el-drawer__container { left: 0; right: 0; width: 100%; } .el-drawer.ltr, .el-drawer.rtl, .el-drawer__container { top: 0; bottom: 0; height: 100%; } @-webkit-keyframes el-drawer-fade-in { 0% { opacity: 0; } to { opacity: 1; } } @keyframes el-drawer-fade-in { 0% { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes rtl-drawer-in { 0% { -webkit-transform: translate(100%); transform: translate(100%); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes rtl-drawer-in { 0% { -webkit-transform: translate(100%); transform: translate(100%); } to { -webkit-transform: translate(0); transform: translate(0); } } @-webkit-keyframes rtl-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0); } to { -webkit-transform: translate(100%); transform: translate(100%); } } @keyframes rtl-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0); } to { -webkit-transform: translate(100%); transform: translate(100%); } } @-webkit-keyframes ltr-drawer-in { 0% { -webkit-transform: translate(-100%); transform: translate(-100%); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes ltr-drawer-in { 0% { -webkit-transform: translate(-100%); transform: translate(-100%); } to { -webkit-transform: translate(0); transform: translate(0); } } @-webkit-keyframes ltr-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0); } to { -webkit-transform: translate(-100%); transform: translate(-100%); } } @keyframes ltr-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0); } to { -webkit-transform: translate(-100%); transform: translate(-100%); } } @-webkit-keyframes ttb-drawer-in { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes ttb-drawer-in { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } to { -webkit-transform: translate(0); transform: translate(0); } } @-webkit-keyframes ttb-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0); } to { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes ttb-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0); } to { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes btt-drawer-in { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes btt-drawer-in { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translate(0); transform: translate(0); } } @-webkit-keyframes btt-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0); } to { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes btt-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0); } to { -webkit-transform: translateY(100%); transform: translateY(100%); } } .el-drawer { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12); box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12); } .el-drawer.rtl { -webkit-animation: rtl-drawer-out .3s; animation: rtl-drawer-out .3s; right: 0; } .el-drawer__open .el-drawer.rtl { -webkit-animation: rtl-drawer-in .3s 1ms; animation: rtl-drawer-in .3s 1ms; } .el-drawer.ltr { -webkit-animation: ltr-drawer-out .3s; animation: ltr-drawer-out .3s; left: 0; } .el-drawer__open .el-drawer.ltr { -webkit-animation: ltr-drawer-in .3s 1ms; animation: ltr-drawer-in .3s 1ms; } .el-drawer.ttb { -webkit-animation: ttb-drawer-out .3s; animation: ttb-drawer-out .3s; top: 0; } .el-drawer__open .el-drawer.ttb { -webkit-animation: ttb-drawer-in .3s 1ms; animation: ttb-drawer-in .3s 1ms; } .el-drawer.btt { -webkit-animation: btt-drawer-out .3s; animation: btt-drawer-out .3s; bottom: 0; } .el-drawer__open .el-drawer.btt { -webkit-animation: btt-drawer-in .3s 1ms; animation: btt-drawer-in .3s 1ms; } .el-drawer__wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; margin: 0; } .el-drawer__header { -ms-flex-align: center; align-items: center; color: #72767b; display: -ms-flexbox; display: flex; margin-bottom: 32px; padding: 20px 20px 0; } .el-drawer__header>:first-child, .el-drawer__title { -ms-flex: 1; flex: 1 1; } .el-drawer__title { margin: 0; line-height: inherit; font-size: 1rem; } .el-drawer__close-btn { border: none; cursor: pointer; font-size: 20px; color: inherit; background-color: transparent; } .el-drawer__body { -ms-flex: 1; flex: 1 1; } .el-drawer__body>* { -webkit-box-sizing: border-box; box-sizing: border-box; } .el-drawer__container { position: relative; } .el-drawer-fade-enter-active { -webkit-animation: el-drawer-fade-in .3s; animation: el-drawer-fade-in .3s; } .el-drawer-fade-leave-active { animation: el-drawer-fade-in .3s reverse; } .el-popconfirm__main { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .el-popconfirm__icon { margin-right: 5px; } .el-popconfirm__action { text-align: right; margin: 0; } .fade-enter-active, .fade-leave-active { -webkit-transition: opacity .28s; transition: opacity .28s; } .fade-enter, .fade-leave-active { opacity: 0; } .fade-transform-enter-active, .fade-transform-leave-active { -webkit-transition: all .5s; transition: all .5s; } .fade-transform-enter { opacity: 0; -webkit-transform: translateX(-30px); transform: translateX(-30px); } .fade-transform-leave-to { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } .breadcrumb-enter-active, .breadcrumb-leave-active { -webkit-transition: all .5s; transition: all .5s; } .breadcrumb-enter, .breadcrumb-leave-active { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } .breadcrumb-move { -webkit-transition: all .5s; transition: all .5s; } .breadcrumb-leave-active { position: absolute; } .el-breadcrumb__inner, .el-breadcrumb__inner a { font-weight: 400!important; } .el-upload input[type=file] { display: none!important; } .el-upload__input { display: none; } .el-dialog { -webkit-transform: none; transform: none; left: 0; position: relative; margin: 0 auto; } .upload-container .el-upload { width: 100%; } .upload-container .el-upload .el-upload-dragger { width: 100%; height: 200px; } .el-dropdown-menu { min-width: 240px; } .el-dropdown-menu a { display: block; } #app .main-container { min-height: 100%; -webkit-transition: margin-left .28s; transition: margin-left .28s; margin-left: 210px; position: relative; } #app .sidebar-container { -webkit-transition: width .28s; transition: width .28s; width: 210px!important; background-color: #304156; height: 100%; position: fixed; font-size: 0; top: 0; bottom: 0; left: 0; z-index: 9999999999; overflow: hidden; } #app .sidebar-container .horizontal-collapse-transition { -webkit-transition: width 0s ease-in-out,padding-left 0s ease-in-out,padding-right 0s ease-in-out; transition: width 0s ease-in-out,padding-left 0s ease-in-out,padding-right 0s ease-in-out; } #app .sidebar-container .scrollbar-wrapper { overflow-x: hidden!important; } #app .sidebar-container .el-scrollbar__bar.is-vertical { right: 0; } #app .sidebar-container .el-scrollbar { height: 100%; } #app .sidebar-container.has-logo .el-scrollbar { height: calc(100% - 50px); } #app .sidebar-container .is-horizontal { display: none; } #app .sidebar-container a { display: inline-block; width: 100%; overflow: hidden; } #app .sidebar-container .svg-icon { margin-right: 16px; } #app .sidebar-container .el-menu { height: 100%; width: 100%!important; } #app .sidebar-container .el-submenu__title:hover, #app .sidebar-container .submenu-title-noDropdown:hover { background-color: #263445!important; } #app .sidebar-container .is-active>.el-submenu__title { color: #f4f4f5!important; } #app .sidebar-container .el-submenu .el-menu-item, #app .sidebar-container .nest-menu .el-submenu>.el-submenu__title { min-width: 210px!important; background-color: #1f2d3d!important; } #app .sidebar-container .el-submenu .el-menu-item:hover, #app .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover { background-color: #001528!important; } #app .hideSidebar .sidebar-container { width: 54px!important; } #app .hideSidebar .main-container { margin-left: 54px; } #app .hideSidebar .submenu-title-noDropdown { padding: 0!important; position: relative; } #app .hideSidebar .submenu-title-noDropdown .el-tooltip { padding: 0!important; } #app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon { margin-left: 20px; } #app .hideSidebar .el-submenu { overflow: hidden; } #app .hideSidebar .el-submenu>.el-submenu__title { padding: 0!important; } #app .hideSidebar .el-submenu>.el-submenu__title .svg-icon { margin-left: 20px; } #app .hideSidebar .el-submenu>.el-submenu__title .el-submenu__icon-arrow { display: none; } #app .hideSidebar .el-menu--collapse { width: 100%; } #app .hideSidebar .el-menu--collapse .placeholder-100 { display: none; } #app .hideSidebar .el-menu--collapse .el-menu-item { text-align: center; } #app .hideSidebar .el-menu--collapse svg { margin: 0; } #app .hideSidebar .el-menu--collapse .el-submenu>.el-submenu__title>span { height: 0; width: 0; overflow: hidden; visibility: hidden; display: inline-block; } #app .el-menu--collapse .el-menu .el-submenu { min-width: 210px!important; } #app .mobile .main-container { margin-left: 0; } #app .mobile .sidebar-container { -webkit-transition: -webkit-transform .28s; transition: -webkit-transform .28s; transition: transform .28s; transition: transform .28s,-webkit-transform .28s; width: 210px!important; } #app .mobile.hideSidebar .sidebar-container { pointer-events: none; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transform: translate3d(-210px,0,0); transform: translate3d(-210px,0,0); } #app .withoutAnimation .main-container, #app .withoutAnimation .sidebar-container { -webkit-transition: none; transition: none; } .el-menu--vertical>.el-menu .svg-icon { margin-right: 16px; } .el-menu--vertical .el-menu-item:hover, .el-menu--vertical .nest-menu .el-submenu>.el-submenu__title:hover { background-color: #263445!important; } .el-menu--vertical>.el-menu--popup { max-height: 100vh; overflow-y: auto; } .el-menu--vertical>.el-menu--popup::-webkit-scrollbar-track-piece { background: #d3dce6; } .el-menu--vertical>.el-menu--popup::-webkit-scrollbar { width: 6px; } .el-menu--vertical>.el-menu--popup::-webkit-scrollbar-thumb { background: #99a9bf; border-radius: 20px; } .el-menu-item { text-align: center; } .el-menu-item svg { margin-right: 10px; } li.el-menu-item.is-active, li.el-menu-item:hover { background-color: #1c2260!important; } :root { --bg-cover: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/bg-red-f8d030855a8f225b788f9d253e60e738.png); --bg-quiz: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/bg-bw-44bd9fce42d90682a5e1dab0a68864dc.png); --bg-col: #fafafa; --btn-bg: #e55; --bg-li: 255,60,60; --tit-col: #333; --powered-col: #333; --btn-col: #fff; --placeholder: #f77; --bg-opacity: 0%; --bg-img: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/bg-bw-44bd9fce42d90682a5e1dab0a68864dc.png); --font-txt: "Open Sans",sans-serif; --font-tit: "Open Sans",sans-serif; --popup-width: 100%; --popup-height: 100%; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } @media (max-width:480px) { .hidden-xs-only { display: none; } } #app { display: block; } .fullsize, .preview { height: 100%; } .fullsize { width: 100%; position: absolute; } .publicquiz { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: transparent; } .publicquiz .builder-container-preview { margin: auto; width: 100%!important; width: var(--popup-width)!important; min-width: 280px!important; max-width: 100%!important; height: 100%!important; height: var(--popup-height)!important; min-height: 100%!important; min-height: var(--popup-height)!important; max-height: 100%!important; } .publicquiz #quiz, .publicquiz .fullsize { width: 100%; height: 100%; } #quiz { overflow-y: auto; } .bg-w { background-color: hsla(0,0%,100%,.5); } .ptop-0 { padding-top: 0!important; } .mr-5 { margin-right: 5px; } .ml-5 { margin-left: 5px; } .el-select-dropdown__item { font-family: Open Sans,sans-serif; font-family: var(--font-txt); } .lq-topbar { text-align: center; color: #2c81b2; background-color: #d8f0fe; border-bottom: 1px dashed #2c81b2; padding: 20px 30px; font-size: 18px; } .lq-phone { clear: both; height: auto; overflow: hidden; padding-bottom: 20px; } .lq-phone .multiselect--active { height: 148px; } .lq-phone .multiselect--active .multiselect__tags { padding: 8px 40px 0 8px!important; } .lq-phone .multiselect__content-wrapper { max-height: 125px!important; } .lq-phone .multiselect__content { max-width: 100%; } .lq-phone .option__desc { width: 100%!important; } .lq-phone .option__flag { padding-top: 4px; display: inline-block; } .col-flag { float: left; width: 15%; margin-left: 5%; } .col-flag.lq-open-codes { width: 90%; } .col-number { float: right; width: 75%; margin-right: 5%; } .col-number.lq-open-codes { display: none; } .col-number input.lq-input { width: calc(100% - 20px)!important; margin-left: 20px; } @media (max-width:576px) { .col-flag { width: 20%; } .col-number { width: 70%; } } .builder-container-preview, .widget { background-color: #fafafa; background-color: var(--bg-col); height: auto; min-height: 100%; width: 100%; font-family: Open Sans,sans-serif; font-family: var(--font-txt); font-size: 18px; margin: 0; color: #333; display: -ms-flexbox; display: flex; } .builder-container-preview *, .widget * { -webkit-box-sizing: border-box; box-sizing: border-box; } .builder-container-preview input:-webkit-autofill, .builder-container-preview input:-webkit-autofill:active, .builder-container-preview input:-webkit-autofill:focus, .builder-container-preview input:-webkit-autofill:hover, .widget input:-webkit-autofill, .widget input:-webkit-autofill:active, .widget input:-webkit-autofill:focus, .widget input:-webkit-autofill:hover { -webkit-animation: autofill 0s forwards; animation: autofill 0s forwards; } .builder-container-preview button, .builder-container-preview input, .builder-container-preview optgroup, .builder-container-preview select, .builder-container-preview textarea, .widget button, .widget input, .widget optgroup, .widget select, .widget textarea { font-family: Open Sans,sans-serif; font-family: var(--font-txt); } @keyframes autofill { to { background: transparent; color: #e55; color: var(--btn-bg); } } @-webkit-keyframes autofill { to { background: transparent; color: #e55; color: var(--btn-bg); } } .builder-container-preview ::-webkit-input-placeholder, .widget ::-webkit-input-placeholder { color: #f77; color: var(--placeholder); } .builder-container-preview ::-moz-placeholder, .widget ::-moz-placeholder { color: #f77; color: var(--placeholder); } .builder-container-preview ::placeholder, .widget ::placeholder { color: #f77; color: var(--placeholder); } .builder-container-preview :-ms-input-placeholder, .widget :-ms-input-placeholder { color: #f77; color: var(--placeholder); } .builder-container-preview ::-ms-input-placeholder, .widget ::-ms-input-placeholder { color: #f77; color: var(--placeholder); } .builder-container-preview .lq-quiz, .widget .lq-quiz { background-color: #fafafa; background-color: var(--bg-col); height: 100%; position: absolute; } .builder-container-preview .lq-bg-img, .widget .lq-bg-img { float: left; } .builder-container-preview .lq-bg-img, .builder-container-preview .lq-bg-img-only, .widget .lq-bg-img, .widget .lq-bg-img-only { width: 100%; height: 100%; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/bg-bw-44bd9fce42d90682a5e1dab0a68864dc.png); background-image: var(--bg-img); background-size: cover; background-position: 50%; background-repeat: no-repeat; opacity: 0; opacity: var(--bg-opacity); position: absolute; } .builder-container-preview .lq-bg-img-only, .widget .lq-bg-img-only { z-index: 0; } .builder-container-preview .lq-results-box, .widget .lq-results-box { position: relative; top: 0; z-index: 999; } .builder-container-preview .lq-bg-col, .widget .lq-bg-col { background-color: hsla(0,0%,100%,.8); } .builder-container-preview .lq-slide, .widget .lq-slide { height: 100%; width: 100%; display: none; display: table; position: relative; } .builder-container-preview .lq-slide p a, .widget .lq-slide p a { text-decoration: underline; color: #e55; color: var(--btn-bg); } .builder-container-preview .lq-current, .widget .lq-current { display: table; position: relative; } .builder-container-preview .lq-featured, .widget .lq-featured { max-width: 100%; max-height: 300px; height: auto; } .builder-container-preview .lq-featured.above, .widget .lq-featured.above { margin-bottom: 10px; } .builder-container-preview .lq-featured.below, .widget .lq-featured.below { margin-top: 10px; margin-bottom: 10px; } .builder-container-preview section, .widget section { background-size: cover; background-repeat: no-repeat; } .builder-container-preview .lq-box, .widget .lq-box { display: table-cell; vertical-align: middle; height: auto; } .builder-container-preview .lq-split, .widget .lq-split { width: 50%; height: 100%; display: table-cell; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/bg-bw-44bd9fce42d90682a5e1dab0a68864dc.png); background-image: var(--bg-img); background-size: cover; background-position: 50%; background-repeat: no-repeat; opacity: 0; opacity: var(--bg-opacity); } .builder-container-preview .lq-split-before, .widget .lq-split-before { display: none; } @media (max-width:768px) { .builder-container-preview .lq-split-after, .widget .lq-split-after { display: none; } .builder-container-preview .lq-split-before, .builder-container-preview .lq-splitted, .widget .lq-split-before, .widget .lq-splitted { width: 100%; display: -ms-inline-flexbox; display: inline-flex; } .builder-container-preview .lq-split, .widget .lq-split { height: 33%; } .builder-container-preview .lq-splitted, .widget .lq-splitted { height: 66%; } } .builder-container-preview .lq-wrapper, .builder-container-preview .lq-wrapper-footer, .widget .lq-wrapper, .widget .lq-wrapper-footer { text-align: center; margin: auto; padding: 40px 20px; } @media (max-width:768px) { .builder-container-preview .lq-wrapper, .builder-container-preview .lq-wrapper-footer, .widget .lq-wrapper, .widget .lq-wrapper-footer { padding: 20px; } } @media (max-width:344px) { .builder-container-preview .lq-wrapper, .builder-container-preview .lq-wrapper-footer, .widget .lq-wrapper, .widget .lq-wrapper-footer { padding: 15px 10px; } } .builder-container-preview h1, .builder-container-preview h2, .builder-container-preview h3, .builder-container-preview h4, .builder-container-preview h5, .builder-container-preview h6, .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { font-family: Open Sans,sans-serif; font-family: var(--font-tit); color: #333; color: var(--tit-col); } .builder-container-preview h1 span, .builder-container-preview h2 span, .builder-container-preview h3 span, .builder-container-preview h4 span, .builder-container-preview h5 span, .builder-container-preview h6 span, .widget h1 span, .widget h2 span, .widget h3 span, .widget h4 span, .widget h5 span, .widget h6 span { color: #333; color: var(--tit-col); } .builder-container-preview h1, .widget h1 { font-size: 24px; margin: 0 0 15px; } .builder-container-preview h2, .widget h2 { font-size: 20px; margin: 0 0 10px; } .builder-container-preview p, .widget p { line-height: 1.75; font-family: Open Sans,sans-serif; font-family: var(--font-txt); color: #333; color: var(--tit-col); } .builder-container-preview h1 span, .builder-container-preview p span, .widget h1 span, .widget p span { color: #333; color: var(--tit-col); } .builder-container-preview .lq-small, .widget .lq-small { font-size: 14px; } .builder-container-preview .el-separator, .widget .el-separator { font-size: 24px; padding: 0 5px; opacity: .25; } .builder-container-preview .lq-input, .widget .lq-input { height: 42px; border: none; border-bottom: 1px solid #f77; border-bottom: 1px solid var(--placeholder); font-size: 16px; -webkit-transition: border-bottom .25s; transition: border-bottom .25s; background-color: transparent; width: 100%; margin-bottom: 15px; } .builder-container-preview .lq-input.el-select, .widget .lq-input.el-select { border-bottom: none; width: 100%; } .builder-container-preview .lq-input.lq-dm, .builder-container-preview .lq-input.lq-yyyy, .widget .lq-input.lq-dm, .widget .lq-input.lq-yyyy { width: 55px; font-size: 24px; padding: 0 5px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .builder-container-preview .lq-input.lq-yyyy, .widget .lq-input.lq-yyyy { width: 80px; } .builder-container-preview .lq-long, .widget .lq-long { height: 80px; resize: none; } .builder-container-preview .lq-input:focus, .widget .lq-input:focus { border-bottom: 1px solid transparent; } .builder-container-preview .lq-input.lq-error, .widget .lq-input.lq-error { border-bottom: 1px solid #ebb; } .builder-container-preview a.lq-button, .builder-container-preview button, .widget a.lq-button, .widget button { margin-top: 5px; background-color: #e55; background-color: var(--btn-bg); color: #fff; color: var(--btn-col); height: 42px; padding: 0 20px; border-radius: 5px; font-size: 16px; border: none; -webkit-transition: opacity .5s; transition: opacity .5s; font-weight: 700; margin-bottom: 45px; display: inline-block; line-height: 42px; } @media (pointer:fine) { .builder-container-preview a.lq-button:hover, .builder-container-preview button:hover, .widget a.lq-button:hover, .widget button:hover { opacity: .8; cursor: pointer; } } .builder-container-preview a.lq-button:disabled, .builder-container-preview button:disabled, .widget a.lq-button:disabled, .widget button:disabled { opacity: .5; cursor: not-allowed; } .builder-container-preview .lq-disabled a.lq-button, .builder-container-preview .lq-disabled button, .widget .lq-disabled a.lq-button, .widget .lq-disabled button { background-color: #bbb; } .builder-container-preview a.lq-button:focus, .builder-container-preview button:focus, .builder-container-preview input:focus, .builder-container-preview textarea:focus, .widget a.lq-button:focus, .widget button:focus, .widget input:focus, .widget textarea:focus { outline: 0; } .builder-container-preview .lq-helper, .widget .lq-helper { font-size: 12px; color: #000; margin-left: 10px; display: none; } .builder-container-preview .lq-disabled .lq-helper, .widget .lq-disabled .lq-helper { opacity: .15; } .builder-container-preview .lq-errormessage, .widget .lq-errormessage { margin: 15px 0 0; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; } .builder-container-preview .lq-show, .widget .lq-show { opacity: 1; } .builder-container-preview .lq-errormessage span, .widget .lq-errormessage span { background-color: rgba(155,0,0,.5); color: #fff!important; font-size: 12px; padding: 3px 10px; border-radius: 5px; } .builder-container-preview ul, .widget ul { padding: 10px 0; list-style-type: none; height: auto; overflow: hidden; margin-left: auto; margin-right: auto; } @media (max-width:1152px) { .builder-container-preview ul.lq-picture-choice.lq-num-choices-4, .widget ul.lq-picture-choice.lq-num-choices-4 { max-width: 600px; } } .builder-container-preview ul.lq-picture-choice.lq-num-choices-6, .builder-container-preview ul.lq-picture-choice.lq-num-choices-9, .widget ul.lq-picture-choice.lq-num-choices-6, .widget ul.lq-picture-choice.lq-num-choices-9 { max-width: 700px; } @media (max-width:1536px) { .builder-container-preview ul.lq-num-products-4, .widget ul.lq-num-products-4 { max-width: 600px; } } .builder-container-preview ul.lq-num-products-5, .builder-container-preview ul.lq-num-products-6, .builder-container-preview ul.lq-num-products-9, .builder-container-preview ul.lq-num-products-13, .widget ul.lq-num-products-5, .widget ul.lq-num-products-6, .widget ul.lq-num-products-9, .widget ul.lq-num-products-13 { max-width: 920px; } .builder-container-preview li, .widget li { margin-top: 8px; padding: 8px; border: none; border-radius: 5px; text-align: left; font-size: 16px; width: 100%; display: inline-block; } .builder-container-preview .lq-phone li, .builder-container-preview li, .widget .lq-phone li, .widget li { background-color: rgba(255,60,60,.2); background-color: rgba(var(--bg-li),.2); color: #e55; color: var(--btn-bg); } .builder-container-preview .lq-phone li, .widget .lq-phone li { padding: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .builder-container-preview .lq-phone .multiselect__option--highlight, .widget .lq-phone .multiselect__option--highlight { color: #e55; color: var(--btn-bg); background-color: rgba(255,60,60,.1); background-color: rgba(var(--bg-li),.1); } .builder-container-preview .lq-number, .widget .lq-number { width: 100%; max-width: 322px; margin: 0 auto 15px; overflow: hidden; border: 1px solid #ddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .builder-container-preview .lq-number span, .widget .lq-number span { text-align: center!important; width: 40px; height: 42px; line-height: 44px; font-size: 16px; background-color: #e8e8e8; float: left; color: #aaa; -webkit-transition: opacity .5s; transition: opacity .5s; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 0; } .builder-container-preview .lq-number span:hover, .widget .lq-number span:hover { opacity: .75; cursor: pointer; } .builder-container-preview .lq-number input.lq-input, .widget .lq-number input.lq-input { width: calc(100% - 80px)!important; background-color: #fff; margin: 0; padding: 2px 10px; border: 1px solid #ddd; border-top: none; border-bottom: none; } .builder-container-preview .lq-images ul, .widget .lq-images ul { text-align: center; } .builder-container-preview .lq-images li, .widget .lq-images li { width: calc(100% - 18px); max-width: 198px; display: inline-block; float: none; margin-left: 4px; margin-right: 4px; } @media (max-width:576px) { .builder-container-preview .lq-images li, .widget .lq-images li { width: calc(50% - 18px); margin-left: 6px; margin-right: 6px; margin-bottom: 8px; } } .builder-container-preview li.lq-selected, .widget li.lq-selected { cursor: pointer; background-color: rgba(255,60,60,.25); background-color: rgba(var(--bg-li),.25); } @media (pointer:fine) { .builder-container-preview li:hover, .widget li:hover { cursor: pointer; background-color: rgba(255,60,60,.25); background-color: rgba(var(--bg-li),.25); } } .builder-container-preview li div, .widget li div { display: inline-block; /*width: calc(100% - 32px);*/ vertical-align: top; } .builder-container-preview .lq-img, .widget .lq-img { margin-bottom: 8px; } .builder-container-preview li .lq-letter, .widget li .lq-letter { width: 22px; height: 22px; border: none; border-radius: 50%; background-color: hsla(0,0%,100%,.6); text-align: center; margin-right: 10px; font-size: 14px; } .builder-container-preview .lq-multi-select li .lq-letter, .widget .lq-multi-select li .lq-letter { border-radius: 4px; } @media (pointer:fine) { .builder-container-preview li:hover .lq-letter, .widget li:hover .lq-letter { color: #fff; font-weight: 700; background: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/dot-66b6584a4ba65a94af22b77b994b86f2.svg) #e55; background: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/dot-66b6584a4ba65a94af22b77b994b86f2.svg) var(--btn-bg); background-size: 20px; background-repeat: no-repeat; background-position: 50%; opacity: .8; } .builder-container-preview .lq-multi-select li:hover .lq-letter, .widget .lq-multi-select li:hover .lq-letter { background: none; background-color: transparent; border: 6px solid #e55; border: 6px solid var(--btn-bg); } } .builder-container-preview .lq-multi-select li.lq-selected .lq-letter, .builder-container-preview li.lq-selected .lq-letter, .widget .lq-multi-select li.lq-selected .lq-letter, .widget li.lq-selected .lq-letter { color: transparent; background: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/check-c4c8e7b0c72bc9dd585bdac5d07639a2.svg) #e55; background: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/check-c4c8e7b0c72bc9dd585bdac5d07639a2.svg) var(--btn-bg); background-size: 12px; background-repeat: no-repeat; background-position: 50%; } .builder-container-preview .lq-footer, .widget .lq-footer { position: relative; bottom: 0; bottom: calc((100% - var(--popup-height))/2); height: 56px; background-color: hsla(0,0%,100%,.75); border-top: 1px solid rgba(0,0,0,.075); margin-top: -56px; } .builder-container-preview .lq-footer .lq-wrapper-footer, .widget .lq-footer .lq-wrapper-footer { padding-top: 0; padding-bottom: 0; } .builder-container-preview .lq-progress-label, .widget .lq-progress-label { font-size: 14px; text-align: left; padding-bottom: 4px; margin-top: 10px; } .builder-container-preview .lq-progress-bar, .widget .lq-progress-bar { height: 8px; border-radius: 5px; background-color: hsla(0,0%,100%,.5); border: 1px solid rgba(0,0,0,.15); padding: 1px; } .builder-container-preview .lq-input, .builder-container-preview .lq-progress-label, .widget .lq-input, .widget .lq-progress-label { color: #e55; color: var(--btn-bg); } .builder-container-preview .lq-progress-fill, .widget .lq-progress-fill { background-color: #e55; background-color: var(--btn-bg); min-width: 4px; height: 4px; border-radius: 5px; -webkit-transition: width .5s; transition: width .5s; } .builder-container-preview .lq-progress-box, .widget .lq-progress-box { width: calc(100% - 240px); float: left; } .builder-container-preview .lq-progress-box.lq-nopoweredby, .widget .lq-progress-box.lq-nopoweredby { width: calc(100% - 115px); } .builder-container-preview .lq-poweredby, .widget .lq-poweredby { width: 100px; height: 40px; margin-top: 9px; line-height: 1.4; padding: 2px 7px; border-radius: 5px; float: right; opacity: .6; cursor: pointer; text-align: left; font-size: 12px; } .builder-container-preview .lq-poweredby span, .widget .lq-poweredby span { font-size: 10px; } .builder-container-preview .lq-poweredby.lq-poweredby-slide, .widget .lq-poweredby.lq-poweredby-slide { float: none; width: 100%; text-align: center; margin-top: 0; color: #333; color: var(--powered-col); } .builder-container-preview .lq-poweredby.lq-poweredby-results, .widget .lq-poweredby.lq-poweredby-results { margin: 0 auto; color: #333; color: var(--powered-col); } .builder-container-preview .lq-nav-button, .widget .lq-nav-button { width: 44px; height: 40px; padding: 0; margin: 7px 0 0 6px; float: right; } .builder-container-preview .lq-nav-button:disabled, .widget .lq-nav-button:disabled { opacity: .5; cursor: not-allowed; } .lq-video-wrapper { width: 100%; height: 0; position: relative; margin: 0 auto; padding-bottom: 56.25%; } .lq-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .preview .lq-quiz, .results .lq-quiz.lq-results { width: 100%!important; } .lq-quiz.lq-results { height: auto; position: relative; width: 100%; height: 100%; overflow-y: auto; } .lq-quiz.lq-results .lq-box { width: 100%; padding: 0 0 60px; display: inherit; } .builder-66 .lq-quiz { width: 63.9%; } .builder-55 .lq-quiz { width: 55.55%; } .builder-50 .lq-quiz { width: 50%; } .builder-33 .lq-quiz { width: 33.33%; } .builder-container-preview .lq-img, .lq-results .lq-img, .widget .lq-img { width: 100%; padding-top: 100%; background-color: hsla(0,0%,100%,.5); background-position: 50%; background-repeat: no-repeat; background-size: contain; } .builder-container-preview .lq-img.lq-img-placeholder, .lq-results .lq-img.lq-img-placeholder, .widget .lq-img.lq-img-placeholder { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/placeholder-cam-188bca80cb0ea6bac706b77d5f153ba1.svg); background-size: 40px; } .results-prod .builder-container-preview .lq-bg-img, .results-prod .builder-container-preview .lq-bg-img-only, .results-prod .widget .lq-bg-img, .results-prod .widget .lq-bg-img-only { position: fixed; } .publicquiz .lq-footer { position: fixed; width: 100%; width: var(--popup-width); min-width: 280px!important; } .results-preview { height: auto; min-height: 100%; position: relative; } .results-preview .lq-results .lq-footer { position: fixed; width: 64%; } .results-prod .results-preview { position: relative !important; } .results-prod .lq-results .lq-footer { width: 100%!important; width: var(--popup-width)!important; min-width: 280px!important; } .lq-results .lq-block { margin: 15px 0; } .lq-results .lq-slot { width: 100%; display: inline-block; vertical-align: top; } .lq-results .lq-slot .lq-hide-xs { display: none; } .lq-results .lq-slot h5 { margin: 5px 0 10px; font-size: 18px; } .lq-results .lq-slot p { margin: 0 0 10px; font-size: 16px; } .lq-results .lq-slot li { list-style: none; width: calc(100% - 10px); max-width: 260px!important; margin: 5px; cursor: default; color: #333; background-color: #fff; padding: 15px; border: 2px solid transparent; -webkit-transition: box-shadow .2s,border .5s; -webkit-transition: border .5s,-webkit-box-shadow .2s; transition: border .5s,-webkit-box-shadow .2s; transition: box-shadow .2s,border .5s; transition: box-shadow .2s,border .5s,-webkit-box-shadow .2s; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); box-shadow: 0 0 5px 0 rgba(0,0,0,.15); } .lq-results .lq-slot li .lq-hcont { width: 100%; height: 70px; display: table; } .lq-results .lq-slot li .lq-hcont a { display: table-row; } .lq-results .lq-slot li h5 { margin: 0 auto; width: 100%; padding: 0; font-size: 16px; text-align: center; line-height: 1.25; vertical-align: middle; display: table-cell; cursor: pointer; } .lq-results .lq-slot li .lq-img { margin-bottom: 20px; cursor: pointer; } .lq-results .lq-slot li .lq-readmore { font-size: 14px; margin-bottom: 12px; font-family: Open Sans,sans-serif; font-family: var(--font-txt); } .lq-results .lq-slot li .lq-viewproduct { text-align: center; margin-top: 10px; } .lq-results .lq-slot li .lq-viewproduct a { text-decoration: underline; } .lq-results .lq-slot li .lq-product-description { width: 100%!important; min-height: 65px; margin: 10px 0 0; font-family: Open Sans,sans-serif; font-family: var(--font-txt); } .lq-results .lq-slot li .lq-product-description.truncate { overflow: hidden; position: relative; line-height: 20px; max-height: 60px; } .lq-results .lq-slot li .lq-product-description.truncate:after { content: ""; position: absolute; right: 0; width: 1em; height: 1em; margin-top: .2em; background: transparent; } .lq-results .lq-slot li .lq-product-description span { color: #333; } .lq-results .lq-slot li .lq-product-description div { width: 100%!important; } .lq-results .lq-slot li .lq-product-description p { line-height: 20px; margin-bottom: 20px; } .lq-results .lq-slot li .lq-product-description table { width: 100%!important; max-width: 240px; overflow-x: auto; display: table-cell; } .lq-results .lq-slot li .lq-product-description li { background: none; font-size: 14px; line-height: 20px; padding: 0; margin: 0 0 20px; width: 100%!important; border: none; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } .lq-results .lq-slot li .lq-product-description iframe, .lq-results .lq-slot li .lq-product-description img { max-width: 100%; height: auto; } .lq-results .lq-slot li .lq-product-description, .lq-results .lq-slot li .lq-product-description p { font-size: 14px!important; line-height: 1.5!important; } .lq-results .lq-slot li .lq-price { font-family: Open Sans,sans-serif; font-family: var(--font-txt); color: #333; color: var(--tit-col); font-size: 18px; margin-bottom: 10px; width: 100%; text-align: center; } .lq-results .lq-slot li .lq-compare-price { padding-left: 8px; opacity: .5; text-decoration: line-through; } .lq-results .lq-slot li .lq-product-subscription { width: 100%!important; } .lq-results .lq-slot li .lq-product-subscription .el-radio, .lq-results .lq-slot li .lq-product-subscription .el-select { margin: 0 0 10px!important; width: 100%!important; } .lq-results .lq-slot li .lq-product-subscription .el-select>.el-input { width: 100%!important; } @media (pointer:fine) { .lq-results .lq-slot li:hover { -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3); box-shadow: 0 0 5px 0 rgba(0,0,0,.3); } } .lq-results .lq-slot li.lq-selected { border: 2px solid #e55; border: 2px solid var(--btn-bg); } .lq-results .lq-slot a.lq-button, .lq-results .lq-slot button { padding: 0; font-size: 13px; background-color: #e55; background-color: var(--btn-bg); width: 100%; text-align: center; margin-bottom: 0!important; } .lq-results .lq-slot a.lq-button span, .lq-results .lq-slot button span { width: 36px; height: 42px; line-height: 42px; display: inline-block; font-size: 13px; } .lq-results .lq-slot a.lq-button .lq-btn-content, .lq-results .lq-slot button .lq-btn-content { width: calc(100% - 72px); } .lq-results .lq-slot a.lq-button .btn-plus, .lq-results .lq-slot button .btn-plus { float: right; } .lq-results .lq-slot a.lq-button .btn-minus, .lq-results .lq-slot button .btn-minus { float: left; } .lq-results .lq-retake-quiz { float: left; font-size: 16px; text-align: left; cursor: pointer; padding: 10px 0; margin-top: 5px; color: #e55; color: var(--btn-bg); font-weight: 700; font-family: Open Sans,sans-serif; font-family: var(--font-txt); } @media (max-width:576px) { .lq-results .lq-retake-quiz { width: 100%; text-align: center; } } .lq-results .lq-checkout { font-size: 12px; float: right; height: 45px; } .lq-results .lq-checkout:disabled { -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -ms-filter: grayscale(90%); -o-filter: grayscale(90%); filter: gray; opacity: .5; cursor: not-allowed; } @media (max-width:576px) { .lq-results .lq-checkout { width: 100%; margin-bottom: 0; } } .lq-results .lq-footer { position: fixed; width: 100%; width: var(--popup-width); min-width: 280px!important; z-index: 9999; } @media (max-width:576px) { .lq-results .lq-footer { height: 99px; } } .lq-results .lq-offer .lq-checkout { float: none; margin-bottom: 30px; } .lq-demo-dropdown, .lq-demo-dropdown .el-input { width: 100%!important; } .over-plan { position: fixed; width: 100%; height: 100%; background-color: red; z-index: 9999; text-align: center; display: table; background-color: hsla(0,0%,100%,.9); } .over-plan .counter { display: table-cell; padding-bottom: 130px; vertical-align: middle; } .over-plan .counter p { margin-bottom: 5px; } .over-plan .counter.blocked { padding-bottom: 0; } #cta { margin-left: 0!important; } @media (min-width:576px) { .preview .lq-wrapper, .results .lq-wrapper, .widget .lq-wrapper { padding: 50px; } .preview li, .results li, .widget li { margin: 0 0 8px; } .preview .lq-double li, .results .lq-double li, .widget .lq-double li { width: 48%; margin: 0 1% 8px; } .preview .lq-block li, .results .lq-block li, .widget .lq-block li { width: 100%; } .preview .lq-group button, .results .lq-group button, .widget .lq-group button { margin-left: 15px; } .preview .lq-input, .results .lq-input, .widget .lq-input { width: 50%; } .preview .lq-input.lq-full, .results .lq-input.lq-full, .widget .lq-input.lq-full { width: 100%; } .preview .lq-errormessage, .results .lq-errormessage, .widget .lq-errormessage { margin: 0; } .preview .lq-helper, .results .lq-helper, .widget .lq-helper { display: inline-block; } .preview .lq-results .lq-slot, .results .lq-results .lq-slot, .widget .lq-results .lq-slot { width: 50%; } .preview .lq-results .lq-slot .lq-hide-xs, .results .lq-results .lq-slot .lq-hide-xs, .widget .lq-results .lq-slot .lq-hide-xs { display: block; } .preview .lq-results .lq-noslot, .results .lq-results .lq-noslot, .widget .lq-results .lq-noslot { width: 100%; } } @media (min-width:768px) { .preview .lq-wrapper, .results .lq-wrapper, .widget .lq-wrapper { max-width: 650px; } .preview .lq-images .lq-wrapper, .results .lq-images .lq-wrapper, .widget .lq-images .lq-wrapper { max-width: 960px; } } @media (min-width:1152px) { .builder-container-preview .lq-wrapper { padding: 50px; } .builder-container-preview li { margin: 0 0 8px; } .builder-container-preview .lq-double li { width: 48%; margin: 0 1% 8px; } .builder-container-preview .lq-block li { width: 100%; } .builder-container-preview .lq-group button { margin-left: 15px; } .builder-container-preview .lq-input { width: 50%; } .builder-container-preview .lq-input.lq-full { width: 100%; } .builder-container-preview .lq-errormessage { margin: 0; } .builder-container-preview .lq-helper { display: inline-block; } .builder-container-preview .lq-results .lq-slot { width: 50%; } .builder-container-preview .lq-results .lq-slot .lq-hide-xs { display: block; } .builder-container-preview .lq-results .lq-noslot { width: 100%; } } @media (min-width:1536px) { .builder-container-preview .lq-wrapper { max-width: 650px; } .builder-container-preview .lq-images .lq-wrapper { max-width: 960px; } } .results .lq-results .el-select, .results .lq-results .el-select .el-input { width: 100%; } .results .lq-wrapper { width: 100%; max-width: 1200px!important; min-height: 180px; } .results .lq-results .lq-noresults { line-height: 2em; margin-top: 60px; font-size: 22px; font-weight: 700; } .results .lq-results .lq-noresults a { color: #419dfb; } @media (min-width:576px) { .results .lq-results .lq-slot { width: 50%!important; } } @media (min-width:768px) { .results .lq-results .lq-slot { width: 33.33%!important; } } @media (min-width:1152px) { .results .lq-results .lq-slot { width: 25%!important; } } .results .lq-results .lq-noslot { width: 100%!important; } .results .lq-results .lq-noslot ul { text-align: center; vertical-align: top; } @media (min-width:576px) and (max-width:1536px) { .results .lq-results .lq-noslot ul.lq-num-products-4 li { width: calc(50% - 10px)!important; } } .results .lq-results .lq-noslot li { float: none; vertical-align: top; display: inline-block; max-width: 260px!important; } .results .lq-results .lq-noslot li a.lq-button, .results .lq-results .lq-noslot li button { margin-bottom: 0; } @media (min-width:576px) { .results .lq-results .lq-noslot li { width: calc(50% - 10px)!important; } } @media (min-width:768px) { .results .lq-results .lq-noslot li { width: calc(50% - 10px)!important; } } @media (min-width:1152px) { .results .lq-results .lq-noslot li { width: calc(33.33% - 10px)!important; } } .results .lq-results .lq-single li { max-width: 260px!important; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif; } #app, body, html { min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } [contenteditable=true]:empty:before, [placeholder]:empty:before { content: attr(placeholder); display: block; color: #aaa; } ::-webkit-input-placeholder { color: #aaa; } :-ms-input-placeholder { color: #aaa; } ::-moz-placeholder { color: #aaa; } ::-ms-input-placeholder { color: #aaa; } ::placeholder { color: #aaa; } *, :after, :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .el-loading-mask { background-color: transparent; } .el-dialog__body { word-break: normal; } a, button { cursor: pointer; } a, a:active, a:focus, a:hover { outline: none; color: inherit; text-decoration: none; } button, button:focus, div:focus, input, input:focus, select, select:focus, textarea, textarea:focus { outline: none; } .sm { font-size: 14px; } .lg { font-size: 18px; line-height: 18px; } .rtl { direction: rtl!important; text-align: right; unicode-bidi: bidi-override; } .center.rtl, h1.rtl { text-align: center; } .apikey { color: #2c81b2; background-color: #d8f0fe; padding: 2px 4px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .whatsnew { padding-right: 30px!important; } .whatsnew p { margin-bottom: 5px; } .link { cursor: pointer; font-weight: 500; } .link, .link:hover { color: #419dfb; } .moreinfo { font-size: 14px; color: #aaa; display: inline!important; } .moreinfo .link { font-weight: 400; } .breadcrumbs { float: left; margin-top: 10px; font-size: 14px; } .breadcrumbs input { width: auto!important; min-width: 240px; } .fa-rotate-45 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .app-main { color: #333; line-height: 1.5; background-color: #f0f0f0; } .primary-bg, .secondary-bg { position: absolute; width: 100%; height: 100%; } .secondary-bg { overflow-y: scroll; } .hamburger-container.no-sidebar { display: none; } .el-sidebar { min-width: 54px; height: 100%; overflow-y: auto; } .el-sidebar .placeholder { display: inline-block; background-color: hsla(0,0%,100%,.5); height: 16px; width: 16px; margin-right: 10px; } .el-sidebar .is-active .placeholder { background-color: rgba(255,221,68,.5); } .el-builder { max-width: calc(100% - 54px); height: 100%; } .nopad-top { padding-top: 0; } .no-mar { margin: 0!important; } .mright-5 { margin-right: 5px!important; } .mtop-5 { margin-top: 5px!important; } .mtop-10 { margin-top: 10px!important; } .mtop-15 { margin-top: 15px!important; } .mtop-20 { margin-top: 20px!important; } .mtop-30 { margin-top: 30px!important; } .mtop-50 { margin-top: 50px; } .mtop-60 { margin-top: 60px; } .mtop-120 { margin-top: 120px; } .mbot-0 { margin-bottom: 0!important; } .mtb-5 { margin-top: 5px!important; margin-bottom: 5px!important; } .mbot-5 { margin-bottom: 5px; } .mbot-10 { margin-bottom: 10px; } .mbot-15 { margin-bottom: 15px!important; } .mbot-20 { margin-bottom: 20px; } .mbot-30 { margin-bottom: 30px; } .ptop-30 { padding-top: 30px; } .pbot-30 { padding-bottom: 30px; } .pad-20 { padding: 20px; } .pleft-43 { padding-left: 43px; } .w-100 { width: 100%!important; } .w-100-px { width: 100px!important; } .unavailable { opacity: .4; } .w-50 { width: 50%!important; } .w-75 { width: 75%!important; } .h-32, .h-32 input { height: 32px!important; line-height: 32px!important; } .h-24 { height: 24px!important; line-height: 24px!important; } .h-18 { height: 18px!important; line-height: 18px!important; } p { margin: 0 0 10px; } hr { border: none; border-bottom: 1px dashed #eee; margin: 10px; } .store-settings label { font-size: 14px; } .store-settings hr { margin: 10px 0; } .highlighted { background-color: #ff0; font-weight: 700; } .font-sm { font-size: 14px; } .el-tabs__item { padding: 0 12px; height: 45px; } .topnav-container { width: auto; display: inline-block; float: right; margin-right: 30px; } .topnav-container .el-tabs__header { margin: 5px; } .topnav-container .el-tabs__nav-wrap:after { display: none; } .el-alert { margin-bottom: 10px; } .el-alert .el-alert__description { font-size: 16px; margin: 0; } .el-alert .el-alert__description a { font-weight: 700; text-decoration: underline; } .el-alert--success { border: 1px solid #67c23a; } .el-alert--error { border: 1px solid #f56c6c; } .dashboard-container { position: relative; height: calc(100vh - 50px); } .dashboard-container h5 { margin: 30px 0 15px; } .dashboard-container .dashboard-main { height: calc(100vh - 50px); overflow-y: auto; padding: 0 30px; float: left; width: calc(100% - 60px); } .dashboard-container .dashboard-main.reduced { width: calc(100% - 500px); } .dashboard-container .dashboard-main .conditional-logic { background-color: transparent; } .dashboard-container .dashboard-sidebar { height: calc(100vh - 50px); width: 60px; background-color: #fff; float: right; border-top: 1px solid #f0f0f0; border-left: 1px solid #e8e8e8; } .dashboard-container .dashboard-sidebar.expanded { width: 500px; } .dashboard-container .dashboard-sidebar .sidebar-icons { width: 60px; float: left; } .dashboard-container .dashboard-sidebar .sidebar-icons .el-badge__content.is-fixed { top: 2px; right: 4px; -webkit-transform: translateY(0); transform: translateY(0) translateX(0); } .dashboard-container .dashboard-sidebar .sidebar-icons .error .el-badge__content { background-color: #cd3b27; } .dashboard-container .dashboard-sidebar .sidebar-icons .warning .el-badge__content { background-color: #e6a23d; } .dashboard-container .dashboard-sidebar .sidebar-icons .success .el-badge__content { background-color: #7dbb91; } .dashboard-container .dashboard-sidebar .sidebar-checklist { width: 430px; padding-left: 10px; float: left; border-left: 1px solid #e8e8e8; height: calc(100vh - 50px); overflow-y: auto; } .dashboard-container .dashboard-sidebar .sidebar-checklist .sidebar-detail { padding: 10px 15px; } .dashboard-container .dashboard-sidebar .sidebar-checklist .fa-times { font-size: 20px; } .dashboard-container .dashboard-sidebar .sidebar-checklist p { font-size: 14px; line-height: 1.75em; } .dashboard-container .dashboard-sidebar .icon { width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 10px 10px 0; background-color: #ddd; color: #aaa; cursor: pointer; border: 1px solid #aaa; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .dashboard-container .dashboard-sidebar .icon.error { background-color: #f9d3d3; color: #cd3b27; border-color: #cd3b27; } .dashboard-container .dashboard-sidebar .icon.warning { background-color: #fdf6ec; color: #e6a23d; border-color: #e6a23d; } .dashboard-container .dashboard-sidebar .icon.success { color: #7dbb91; background-color: #e2f3e9; border-color: #7dbb91; } .dashboard-container .dashboard-sidebar .icon.info { color: #2c81b2; background-color: #d8f0fe; border-color: #2c81b2; } .box-shadow { -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.06); box-shadow: 0 0 3px 0 rgba(0,0,0,.06); } .box-shadow:hover { -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.05); box-shadow: 0 0 3px 0 rgba(0,0,0,.05); } .bg-w { background-color: #fff; } .el-box { width: 135px; height: 150px; float: left; margin: 0 15px 20px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: box-shadow .25s,opacity .25s; -webkit-transition: opacity .25s,-webkit-box-shadow .25s; transition: opacity .25s,-webkit-box-shadow .25s; transition: box-shadow .25s,opacity .25s; transition: box-shadow .25s,opacity .25s,-webkit-box-shadow .25s; } .el-box .outer { text-align: center; width: 100%; height: 107px; margin-top: -107px; display: table; cursor: pointer; } .el-box .inner { display: table-cell; vertical-align: middle; padding: 0 12px; font-size: 14px; } .el-box .inner span { font-size: 24px; } .box-disabled { opacity: .75; background-color: hsla(0,0%,100%,.5); } .under { text-align: right; padding: 6px 8px; } .duplicating { margin-top: 115px; text-align: center; font-size: 14px; } .info-icon { color: #aaa; cursor: pointer; } .box-checklist { cursor: pointer; font-weight: 700; color: #e6a23d; background-color: #fdf6ec; border: 1px solid #e6a23d; line-height: 22px; font-size: 14px; padding: 5px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 5px; } .box-checklist .fa-circle { opacity: .66; } .box-checklist .fa-info-circle { opacity: .85; } .box-checklist .fa-chevron-right { float: right; margin-top: 4px; } .box-checklist.success { color: #7dbb91; background-color: #e2f3e9; border-color: #91c5a2; } .box-checklist.info { cursor: default; color: #2c81b2; background-color: #d8f0fe; border-color: #2c81b2; font-weight: 400; } .box-checklist.warning { background-color: #fdf6ec; color: #e6a23d; border-color: #e6a23d; } .box-checklist.error { color: #cd3b27; background-color: #f9d3d3; border-color: #cd3b27; } .dashboard-quiz.new, .start-scratch { border: none; background-color: #62ded5; font-weight: 700; color: #333; } .dashboard-quiz.new .outer, .start-scratch .outer { height: 100%; margin-top: 0; } .dashboard-quiz.new:hover, .start-scratch:hover { background-color: #62ded5; color: #333; opacity: .8; } .placeholder { width: 18px; height: 18px; background-color: rgba(0,0,0,.1); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .placeholder-100 { width: 100px!important; } .placeholder-200 { width: 200px!important; } .placeholder-btn { width: 100px; height: 30px; background-color: #62ded5; } .navbar .placeholder { float: left; margin-left: 15px; } .el-dialog__headerbtn { top: 16px; right: 16px; font-size: 24px; } .template-quiz { height: auto; min-width: 315px; height: 310px; padding: 15px; } .template-quiz .btn { width: auto; height: 36px; line-height: 36px; width: 140px; display: inline-block; text-align: center; padding: 0; block-size: auto; } .template-quiz .theme-bg { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; height: 200px; max-height: 200px!important; } .template-quiz .theme-items { margin-top: -200px; padding: 45px 15px; } .template-quiz .theme-prev { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .multiselect--active .multiselect__tags { padding: 8px 40px 25px 8px!important; } .multiselect--active input.multiselect__input { padding-top: 0!important; padding-bottom: 0!important; height: 28px; } .multiselect--active .multiselect__content-wrapper { min-height: 80px!important; } .excluded { color: #aaa; font-size: 14px; line-height: 42px; text-decoration: underline; cursor: pointer; } .excluded:hover { opacity: .8; text-decoration: none; } .exclude .multiselect__tag-icon:after { color: brown; } .exclude .multiselect__tag-icon:hover { background-color: brown; } .exclude .multiselect__option--highlight, .exclude .multiselect__option--highlight:after, .exclude .multiselect__tag { background-color: #f77; background: #f77; } .builder-container { display: -ms-flexbox; display: flex; height: calc(100vh - 50px); margin: 0; } .builder-fullwidth, .builder-left, .builder-right { overflow-y: scroll; width: 100%; } .builder-fullwidth.noscroll, .builder-left.noscroll, .builder-right.noscroll { overflow-y: hidden; } @media (min-width:576px) { .builder-left, .builder-right { width: 50%; } } .builder-fullwidth, .builder-left { border-top: 1px solid #f0f0f0; } .builder-fullwidth h5 { margin: 30px 0; padding: 0 30px; } .builder-right { display: none; } @media (min-width:576px) { .builder-right { display: block; } } .builder-right .el-input { margin-bottom: 15px; padding-right: 15px; } .builder-design, .builder-slide { border-bottom: 1px solid #f0f0f0; height: auto; } .builder-design h5, .section-design h5, .section-settigns h5 { margin: 15px 0; } .builder-design .el-tabs__header, .section-design .el-tabs__header, .section-settigns .el-tabs__header { margin: 0; } .styles-tab { padding-top: 20px; } .styles-tab .el-row { padding: 0 5px; } .styles-tab .font-design { vertical-align: 2px; } .styles-tab p { margin: 0; } .builder-slide { display: -ms-flexbox; display: flex; } .builder-slide .moreinfo { opacity: 0; } .block-container:hover, .builder-slide:hover, .slide-current .builder-slide { cursor: pointer; border: 1px solid #62ded5!important; } .block-container:hover .moreinfo, .builder-slide:hover .moreinfo, .slide-current .builder-slide .moreinfo { opacity: 1; } .current-block .block-container, .slide-current.builder-slide { background-color: #f0f0f0!important; border: 1px solid #62ded5!important; } .slide-drag-zone { width: 82px; margin-right: 15px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .slide-drag-zone .el-dropdown { height: 20px; margin-bottom: -22px; } .slide-drag-zone .placeholder { width: 57px; height: 28px; margin: 7px 0 0 26px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; } .block-drag-zone.draggable, .slide-drag-zone.draggable { cursor: pointer; } .block-title { border: 2px solid #333; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; display: inline-block; height: 28px; padding: 0 10px; } .block-title .fa { margin-right: 6px; } .slide-type { width: 57px; height: 28px; margin: 7px 0 0 26px; float: left; text-align: right; padding: 0 10px; border: 2px solid #333; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; } .slide-type svg { float: left; margin-top: 5px; font-size: 14px; opacity: .9; } .recall-input { cursor: text; } .recall-input div { min-height: 24px; } .recall, .slide-type { background-color: transparent; color: #333; font-size: 12px; font-weight: 700; line-height: 24px; vertical-align: middle; } .recall.results, .slide-type.results { min-height: 24px; } .response-box li, .slide-types-container li { padding: 0 10px; } .response-box .slide-type, .slide-types-container .slide-type { width: 20px; height: 18px; padding: 1px 0 0; background-color: transparent; } .response-box .slide-type svg, .slide-types-container .slide-type svg { color: #333; font-size: 12px; } .slide-preferences .slide-type, .slide-types-container .slide-type { margin: 5px 10px 0 5px; } .slide-types-container .notallowed { cursor: not-allowed!important; } .slide-actions, .slide-logic { margin-top: 15px; } .slide-actions { opacity: 0; } .slide-actions .el-dropdown { height: 20px; } .dashboard-quiz { width: 150px; overflow: hidden; } .dashboard-quiz .placeholder { margin: 15px auto; } .dashboard-tip { width: 100%; padding: 20px; font-size: 14px; height: auto; } .dashboard-tip img { width: 60px; height: 60px; float: left; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .dashboard-tip .content { width: calc(100% - 72px); float: left; margin-left: 12px; margin-top: -13px; } .dashboard-tip .btn-main { width: auto; margin: 0; padding: 8px 12px; display: inline-block; } .dashboard-tip .close-tip { position: relative; width: 16px; height: 16px; float: right; margin-top: -5px; margin-right: -7px; color: #aaa; cursor: pointer; } .dashboard-tip .close-tip.disabled { opacity: .15; cursor: not-allowed; } .dashboard-tip .msg-tit { display: table; } .dashboard-tip .msg-tit b { display: table-cell; vertical-align: middle; } .dashboard-tip .msg-desc { margin-bottom: 10px; } @media (min-width:768px) { .dashboard-tip { width: calc(50% - 15px); } } @media (min-width:960px) { .dashboard-tip { width: calc(50% - 15px); } } @media (min-width:1200px) { .dashboard-tip { width: calc(33.33% - 15px); } } @media (min-width:768px) { .reduced .dashboard-tip { width: calc(100% - 15px); } } @media (min-width:960px) { .reduced .dashboard-tip { width: calc(100% - 15px); } } @media (min-width:1200px) { .reduced .dashboard-tip { width: calc(50% - 15px); } } .tutorial-quiz { cursor: pointer; } .customer-tags, .responses-count { float: left; font-size: 12px; background-color: #b7f4ef; color: #333; padding: 3px 6px; margin-top: 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .customer-tags { margin-right: 8px; margin-bottom: 10px; font-size: 14px; } .customer-tags.inc { background-color: #91c5a2; color: #fff; } .customer-tags.exc { background-color: #f77; color: #fff; } .results-product { height: 80px; overflow: hidden; clear: both; } .results-product img { margin: 5px; width: 60px; height: 60px; padding: 5px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); } .results-product img, .results-product p { float: left; } .results-product p { margin: 10px 0 0 10px; } .dashboard-quiz .logic-box, .preview-actions .logic-box, .show-collections .logic-box, .slide-actions .logic-box, .slide-logic .logic-box { margin-right: 5px; min-width: 28px; height: 28px; text-align: center; display: inline-block; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border: 1px solid #666; background-color: #fff; } .dashboard-quiz .logic-box.item-logic, .dashboard-quiz .logic-box.random, .dashboard-quiz .logic-box.skip, .preview-actions .logic-box.item-logic, .preview-actions .logic-box.random, .preview-actions .logic-box.skip, .show-collections .logic-box.item-logic, .show-collections .logic-box.random, .show-collections .logic-box.skip, .slide-actions .logic-box.item-logic, .slide-actions .logic-box.random, .slide-actions .logic-box.skip, .slide-logic .logic-box.item-logic, .slide-logic .logic-box.random, .slide-logic .logic-box.skip { cursor: pointer; } .dashboard-quiz .logic-box.skip .fa, .preview-actions .logic-box.skip .fa, .show-collections .logic-box.skip .fa, .slide-actions .logic-box.skip .fa, .slide-logic .logic-box.skip .fa { margin-left: 1px; font-size: 14px; } .dashboard-quiz .fa, .preview-actions .fa, .show-collections .fa, .slide-actions .fa, .slide-logic .fa { color: #666; font-size: 18px; height: 30px; } .slide-logic .logic-box { float: left; font-size: 12px; line-height: 26px; padding: 0 10px; color: #666; background-color: hsla(0,0%,100%,.5); font-weight: 700; margin-bottom: 4px; } .slide-logic .item-small { width: 28px; padding: 0; } .slide-logic .item-logic .fa, .slide-logic .item-logic span { float: left; height: 26px; } .slide-logic .item-logic .fa { margin-right: 8px; } .slide-logic .fa-forward { height: 27px; } .el-notification { z-index: 9999999999!important; } .preview-actions, .show-collections { font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif; position: fixed; top: 65px; right: 15px; z-index: 999999999; } .preview-actions .logic-box, .show-collections .logic-box { margin: 0 0 0 5px; font-size: 14px; display: block; width: 32px; height: 32px; float: left; cursor: pointer; line-height: 30px; color: #aaa; border: none; } .preview-actions .logic-box .fa, .show-collections .logic-box .fa { font-size: 14px; color: #ccc; height: 30px; } .preview-actions .logic-box.box-wide, .show-collections .logic-box.box-wide { width: auto; padding: 0 11px; } .preview-actions .logic-box.box-wide .fa, .show-collections .logic-box.box-wide .fa { margin-left: 8px; display: block; float: right; } .preview-actions .logic-box.box-wide span, .show-collections .logic-box.box-wide span { display: block; float: left; } .show-collections { left: calc(50% - 125px); } .show-collections .logic-box.box-wide { width: auto; } .show-collections .active { float: right; } .show-collections.sidebar-opened { left: calc(50% - 40px); } .sub-logic { color: #62ded5; border: 1px solid #62ded5; width: 24px; height: 24px; display: inline-block; text-align: center; line-height: 22px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .sub-logic.delete { color: #e36; border: 1px solid #e36; } .sub-logic:hover { cursor: pointer; opacity: .8; } .catalogue .sub-logic { display: none; } .catalogue .el-result:hover .sub-logic, .catalogue .el-selected .sub-logic { display: inline-block; } .catalogue .sub-logic { color: #aaa; border: 1px solid #aaa; float: right; } .catalogue .sub-logic:hover { color: #e36; border: 1px solid #e36; } .catalogue .multiselect--active { height: 220px; } .catalogue .multiselect--active .multiselect__content-wrapper { height: 150px; } .el-dropdown-link { cursor: pointer; background-color: #62ded5; width: 32px; height: 32px; line-height: 32px; text-align: center; display: inline-block; margin-left: 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .el-dropdown-link.layout { background-color: #eee; width: auto; padding-left: 10px; padding-right: 10px; font-size: 12px; margin-bottom: 5px; } .el-dropdown-link.layout:hover { background-color: #ccc; opacity: 1; } .el-dropdown-link.selected { background-color: #62ded5!important; cursor: default; opacity: 1!important; } .el-dropdown-link .fa { color: #fff; } .el-dropdown-link:hover { opacity: .7; } .add-logic-rule { display: none; } .logic-last .add-logic-rule { display: inline-block; } .add-slide { opacity: .15; width: 32px; margin-bottom: -32px; margin-left: 42px; background-color: #62ded5; color: #333; text-align: center; font-size: 12px; display: block; border: none; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -webkit-transition: box-shadow .25s,color .25s,background-color .25s,opacity .25s; -webkit-transition: color .25s,background-color .25s,opacity .25s,-webkit-box-shadow .25s; transition: color .25s,background-color .25s,opacity .25s,-webkit-box-shadow .25s; transition: box-shadow .25s,color .25s,background-color .25s,opacity .25s; transition: box-shadow .25s,color .25s,background-color .25s,opacity .25s,-webkit-box-shadow .25s; } .add-slide.add-fixed, .add-slide:hover { background-color: #62ded5; color: #333; cursor: pointer; } .add-slide:hover { opacity: .6; } .add-slide.add-fixed { opacity: 1; } .anq { margin: 6px 0 0 85px; } .el-dropdown-menu { overflow-y: auto; max-height: 90%; } .el-dropdown-menu__item .fa { margin-right: 5px; } .el-dropdown-menu__item input { border: none; height: 24px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .el-dropdown-menu__item .slide-type { border: none; } .el-dropdown-menu hr { margin: 5px 10px; } .el-menu { border: none; } .el-menu-item { text-align: left; } .slide-container { padding: 16px 0 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ddd; margin: 6px 0; } .slide-container:hover .add-slide, .slide-container:hover .slide-actions { opacity: 1; } .slide-container .slide-optional { width: 19px; height: 24px; color: green; margin: 8px -19px 0 0; font-size: 22px; text-align: right; } .add-block { margin-top: -12px; margin-bottom: 16px; } .block-wrap { margin-bottom: -32px; } .block-wrap:hover .add-block { opacity: 1; } .block-container { margin-top: 5px!important; border: 1px solid #ddd; } .block-container .slide-actions { opacity: .5; } .block-container .item-logic { cursor: pointer; width: 28px; height: 28px; line-height: 28px; border: 1px solid #666; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; } .block-container .item-logic .fa { font-size: 14px; float: none; margin: 0; } .block-container:hover .slide-actions { opacity: 1; } .block-container:hover .on-hover { border: 1px solid #eee; } .builder-logic .el-dropdown, .builder-slot .el-dropdown { float: right; } .builder-logic .el-dropdown-link .fa, .builder-slot .el-dropdown-link .fa { color: #fff!important; } .slot-preview { border: 1px solid #eee; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 8px 12px; margin-bottom: 5px; cursor: pointer; } .slot-preview:hover { border: 1px solid #ddd; } .block-logic .logic-box-title { display: none; } .block-logic .el-dropdown-link .fa { color: #333; } .block-logic .block-type { padding: 0 10px; border: 2px solid #333; height: 28px; line-height: 24px; display: inline-block; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .block-logic .block-type .fa { margin-right: 5px; } .skip-logic-footer, .skip-logic-title, .skip-logic .logic-box-title { display: none; } .skip-logic .skip-logic-title { display: block; } .skip-logic .skip-logic-footer { display: inline-block; float: left; margin-top: 2px; } .slide-current .add-slide, .slide-current .slide-actions, .slide-current .slide-logic { opacity: 1; } .alcenter { text-align: center; } .alright { text-align: right!important; } .fright { float: right!important; } .error .el-dropdown-menu__item { color: #e36; } .slide-content { float: right; padding: 5px 15px 0 0; width: calc(100% - 100px); } .slide-content .placeholder { width: 100%; margin-bottom: 10px; } .slide-content p { margin: 0; display: -ms-flexbox; display: flex; } .slide-content .slide-title { padding-top: 3px; } .slide-content .cover-options, .slide-content .slide-description, .slide-content .slide-title { margin-bottom: 10px; height: auto; overflow: hidden; } .slide-content .cover-options input, .slide-content .slide-description input, .slide-content .slide-title input { width: 100%; margin-bottom: 10px; } .slide-content .slide-description a { text-decoration: underline; color: #419dfb; font-weight: 500; } .slide-content span.bullet { float: left; width: 10px; } .slide-content input { float: left; color: #333; border: none; width: calc(100% - 68px); vertical-align: middle; background-color: transparent; -webkit-transition: background-color .2s; transition: background-color .2s; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .slide-content input:hover { background-color: #fff; } .slide-content span.choiceoption { width: 10px; margin: 4px 0 0 6px; float: left; cursor: pointer; opacity: 0; } .slide-content span.choiceoption svg { font-size: 10px; } .slide-content .rh-choice:hover span.choiceoption { opacity: .5; } .slide-container:hover span.choiceoption, .slide-current span.choiceoption { opacity: .25; } .slide-content .img-group input { width: calc(100% - 120px); } .slide-img { cursor: pointer; width: 46px; height: 24px; border: 1px solid #62ded5; display: inline-block; margin: 0 10px 5px 0; float: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .slide-img .img-add, .slide-img .img-preview { width: 50%; float: left; display: block; height: 22px; } .slide-img .img-add { background-color: #b7f4ef; color: #333; font-size: 12px; text-align: center; vertical-align: middle; line-height: 22px; } .slide-img .img-placeholder { background-color: #62ded5; color: #fff; } .slide-img .el-upload { width: 100%; } .slide-img .img-preview { background-position: 50%; background-repeat: no-repeat; background-size: cover; } .cover-options .slide-img { border: 1px solid #bd9; } .cover-options .slide-img .img-add { background-color: #deb; } .secondary-box { max-width: 33.3333%; } .bg-g { background-color: #fdfdfd; } .el-tab-pane { padding: 0 3px 3px; } .builder h5 { margin: 0; padding: 30px 20px; border-bottom: 1px solid #eee; } .phone-settings .country-name { font-size: 14px; } .conditional-logic, .section-design, .section-settings, .slide-preferences { background-color: #fdfdfd; border-top: 1px solid #f0f0f0; border-right: 1px solid #eee; height: 100%; overflow-y: auto; } .conditional-logic.noscroll, .section-design.noscroll, .section-settings.noscroll, .slide-preferences.noscroll { overflow-y: hidden; } .conditional-logic h5, .section-design h5, .section-settings h5, .slide-preferences h5 { margin: 0; padding: 30px 20px; border-bottom: 1px solid #eee; } .conditional-logic hr, .section-design hr, .section-settings hr, .slide-preferences hr { margin: 10px 0; } .conditional-logic .slide-type, .section-design .slide-type, .section-settings .slide-type, .slide-preferences .slide-type { margin-top: 0; } .conditional-logic .settings-box, .section-design .settings-box, .section-settings .settings-box, .slide-preferences .settings-box { line-height: 24px; } .conditional-logic .truncate .settings-box, .section-design .truncate .settings-box, .section-settings .truncate .settings-box, .slide-preferences .truncate .settings-box { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 15px; } .section-design, .section-settings { border-top: none; } .section-design .dashboard-quiz.new { height: 38px; } .section-design .dashboard-quiz.new b { font-size: 18px; } .blocks-dropdown { width: 100%; text-align: center; } .blocks-dropdown hr { margin: 20px 0; } .blocks-dropdown .add-block { width: 28px; padding: 0 9px; cursor: pointer; margin: -36px auto -5px; display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .blocks-dropdown .add-block:hover { background-color: #fff; } p.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hyphens { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .el-alert--info.is-light { background-color: #d8f0fe!important; border: 1px dotted #2c81b2!important; color: #2c81b2!important; } .el-alert--info.is-light .el-alert__closebtn, .el-alert--info.is-light p { color: #2c81b2!important; } .el-alert--success.is-light { border: 1px dotted #7dbb91!important; } .el-alert--success.is-light .el-alert__closebtn { color: #7dbb91!important; } .el-alert--warning.is-light { border: 1px dotted #e6a23d!important; } .el-alert--warning.is-light .el-alert__closebtn { color: #e6a23d!important; } .el-alert--error.is-light { border: 1px dotted #cd3b27!important; } .el-alert--error.is-light .el-alert__closebtn { color: #cd3b27!important; } .info-box { background-color: #d8f0fe!important; color: #2c81b2; border: 1px dotted #2c81b2!important; text-align: center; padding: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .info-box.info-error { color: #cd3b27; border: 1px dotted #cd3b27!important; background-color: #f9d3d3!important; } .info-box.info-warning { background-color: #fdf6ec!important; color: #e6a23d; border: 1px dotted #e6a23d!important; } .info-box a { font-weight: 700; text-decoration: underline; } .conditional-logic .slide-type { margin: 0 10px 0 0; } .conditional-logic .logic-list { list-style: none; padding-left: 0; } .conditional-logic .logic-box { margin-top: 20px; background-color: #fff; padding: 15px; border: 1px solid #ddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .conditional-logic .logic-conditions .el-dropdown, .conditional-logic .logic-conditions .el-dropdown-link, .conditional-logic .logic-conditions .el-select, .conditional-logic .logic-default .el-dropdown, .conditional-logic .logic-default .el-dropdown-link, .conditional-logic .logic-default .el-select { width: 100%; text-align: left; } .conditional-logic .logic-conditions .el-dropdown, .conditional-logic .logic-conditions .el-select, .conditional-logic .logic-default .el-dropdown, .conditional-logic .logic-default .el-select { height: 42px; margin-bottom: 10px; } .conditional-logic .logic-conditions .el-dropdown-link, .conditional-logic .logic-default .el-dropdown-link { color: #333; height: 24px; background-color: transparent; } .conditional-logic .logic-conditions .el-dropdown-link:hover, .conditional-logic .logic-default .el-dropdown-link:hover { background-color: transparent; } .conditional-logic .logic-conditions .el-dropdown, .conditional-logic .logic-default .el-dropdown { cursor: pointer; padding: 8px 12px 8px 4px; border: 1px solid #eee; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .conditional-logic .logic-conditions .el-icon--right, .conditional-logic .logic-default .el-icon--right { float: right; margin-top: -18px; } .conditional-logic .logic-conditions .el-icon--default, .conditional-logic .logic-default .el-icon--default { margin-top: 3px; } .conditional-logic .logic-conditions .slide-type, .conditional-logic .logic-default .slide-type { border: none; padding: 0 0 0 12px; width: 40px; height: 24px; } .conditional-logic .logic-then { padding-top: 9px; margin-top: 6px; border-top: 1px dashed #eee; } button.btn-sync { background-color: #d8f0fe; border-color: #2c81b2; color: #2c81b2; } button.btn-sync:disabled { background-color: #ddd; border-color: #aaa; color: #aaa; } button.btn-sync .fa { margin-right: 5px; } a.btn-main, a.btn-secondary, button.btn-main, button.btn-secondary { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100%; margin-top: 10px; color: #333; background-color: #62ded5; border: none; padding: 10px 0; font-weight: 700; -webkit-transition: opacity .2s; transition: opacity .2s; } a.btn-main:hover, a.btn-secondary:hover, button.btn-main:hover, button.btn-secondary:hover { opacity: .8; } a.btn-secondary, button.btn-secondary { color: #62ded5; background-color: #fff; border: 1px solid #62ded5; } a.btn-secondary.btn-disabled, button.btn-secondary.btn-disabled { color: #ddd; border: 1px solid #ddd; cursor: not-allowed; } a.btn-sm, button.btn-sm { margin: 0; width: auto; padding: 0 10px; font-size: 12px; height: 24px; } .plan-info, .right-menu { margin-right: 15px; } .plan-info { font-size: 14px; color: #aaa; } a.btn-preview, button.btn-upgrade { padding: 8px 12px; font-size: 14px; } .logic-dropdown .slide-type, .recall-dropdown .slide-type { border: none; line-height: 24px; margin: 5px 10px 0 0; } .logic-dropdown .el-dropdown-menu__item, .recall-dropdown .el-dropdown-menu__item { padding: 0 8px; } .logic-box-title, .skip-logic-title { padding-bottom: 10px; border-bottom: 1px solid #eee; } .logic-box-title span.logic-tit, .skip-logic-title span.logic-tit { color: #333; } .logic-box-title span, h3 span, h5 span { color: #aaa; } .logic-box-title .fa, h3 .fa, h5 .fa { cursor: pointer; float: right; color: #aaa; margin-top: 2px; margin-left: 10px; font-size: 18px; } .logic-box-title .fa.fa-cog, h3 .fa.fa-cog, h5 .fa.fa-cog { font-size: 20px; margin-top: 0; } .logic-box-title .fa.fa-shopping-cart, h3 .fa.fa-shopping-cart, h5 .fa.fa-shopping-cart { font-size: 15px; margin-top: 3px; } .logic-box-title .fl, h3 .fl, h5 .fl { float: left; margin-left: 0; margin-right: 12px; } .logic-box-title .fleft, h3 .fleft, h5 .fleft { float: left; margin-left: 0; margin-right: 6px; margin-top: 5px; color: #333; } .logic-box .input-line { border: none; padding: 0; height: 22px; } .recall { background-color: transparent; color: #62ded5; display: inline-block; height: 28px; border: none; border-bottom: 1px dashed #62ded5; padding: 4px 4px 2px; margin: -3px 0 3px; opacity: .8; } .recall .recall-close { cursor: pointer; float: right; margin-left: 5px; } .recall .settings-box { display: inline-block; padding-right: 0!important; } .recall .slide-type { margin: 0; border: none; background-color: transparent; color: #62ded5; padding-left: 0; width: 35px; } .recall .slide-type svg { color: #62ded5; } .theme-bg { width: 100%; height: 100%; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/bg-bw-44bd9fce42d90682a5e1dab0a68864dc.png); background-image: var(--bg-img); background-size: cover; background-position: 50%; background-repeat: no-repeat; opacity: 0; opacity: var(--bg-opacity); } .dashboard-quiz .theme-bg { max-height: 107px; } .theme-box { background-color: #fff; margin-bottom: 20px; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .theme-box.theme-selected { -webkit-box-shadow: 0 0 5px 0 #409eff; box-shadow: 0 0 5px 0 #409eff; } .theme-box .inner { cursor: pointer; height: 110px; width: 100%; display: inline-block; } .theme-box h4 { margin-top: 15px; } .theme-box h4, .theme-box p { padding: 0 15px; text-align: left; margin-bottom: 10px; } .theme-box .theme-answer { padding: 3px 5px; margin: 0 15px 13px; line-height: 1; font-size: 12px; } .theme-box .theme-answer, .theme-box .theme-btn { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .theme-box .theme-btn { width: 40px; height: 16px; margin: 0 0 20px 15px; } .theme-box .under { height: auto; overflow: hidden; } .theme-box .under p { padding: 0; margin: 0; width: calc(100% - 28px); float: left; display: inline-block; } .theme-box .under .el-dropdown { width: 28px; float: right; display: inline-block; } .theme-box .under .el-dropdown-link { margin: 0; } .lq-recall.on-hover, .on-hover input, input.on-hover { width: 100%; border: 1px solid transparent; background: transparent; padding: 6px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: border .5s,background .5s; transition: border .5s,background .5s; } .lq-recall.on-hover.always, .lq-recall.on-hover:focus, .lq-recall.on-hover:hover, .on-hover input.always, .on-hover input:focus, .on-hover input:hover, input.on-hover.always, input.on-hover:focus, input.on-hover:hover { background: #fff; border: 1px solid #eee; } .lq-recall.on-hover:hover, .on-hover input:hover, input.on-hover:hover { cursor: pointer; } .lq-recall.on-hover:focus, .on-hover input:focus, input.on-hover:focus { cursor: default; } .edit-settings .el-row, .edit-theme .el-row, .secondary-container .el-row { padding: 0; } .edit-settings .el-dropdown, .edit-theme .el-dropdown, .secondary-container .el-dropdown { float: right; width: 20px; height: 20px; margin: 6px; cursor: pointer; text-align: center; } .el-color-picker { float: right; height: 32px; } .el-color-picker__trigger { width: 32px; height: 32px; } .el-select__caret { line-height: 32px; } .bg-img-preview { width: 60px; height: 60px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #eee; float: left; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/bg-bw-44bd9fce42d90682a5e1dab0a68864dc.png); background-image: var(--bg-img); background-position: 50%; background-size: cover; background-repeat: no-repeat; } .bg-img-opacity-container { float: left; width: 140px; max-width: calc(100% - 75px); margin: 18px 0 0 15px; } .bg-img-opacity-container .el-slider__runway { margin: 10px 0; } .results-settings { border-top: none; overflow-y: visible; overflow-y: initial; } .results-settings input { width: 100%; height: 42px; margin: 0 0 10px; padding: 8px; border: 1px solid #eee; background: transparent; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .results-settings .multiselect { margin-bottom: 10px; } .results-settings .multiselect input { border: none; margin: 0 0 5px; } .results-settings .recall { margin: 0 3px 3px; } .results-settings .el-tabs__content { padding-bottom: 60px; overflow: auto; } .plans-container { max-width: 1024px; margin: auto; } .plans-container .conditional-logic { background-color: transparent; } .discount-amount .el-input-group__append { width: 35px; padding: 0 10px; } .secondary-container { max-width: 1024px; margin: auto; } .secondary-container h2 { margin-top: 15px; } .secondary-container .conditional-logic { border: none; background: none; } .secondary-container .el-radio-button__inner, .secondary-container .el-radio-group { width: 100%; padding: 9px 0; } .secondary-container .el-col { text-align: left; } .secondary-container .el-input-group__append { border-color: #eee; width: 60px; } .secondary-container .el-input-group--append .el-input--suffix .el-input__inner { width: 60px; height: 32px; padding-left: 10px; padding-right: 25px; } .secondary-container .input-with-select input { background-color: #fff; border: none!important; } .secondary-container a { text-decoration: underline; color: #419dfb; } .secondary-container a:hover { color: #419dfb; opacity: .9; } .el-radio-2 .el-radio-button { width: 50%; } .el-radio-3 .el-radio-button { width: 33.33%; } .el-radio-4 .el-radio-button { width: 25%; } .connect-box { padding: 10px 20px; margin-top: 20px; background-color: #fff; background-size: 22px 22px; background-repeat: no-repeat; background-position: 20px 18px; border: 1px solid #ddd; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .connect-box h3 { margin: 5px 0; padding-left: 30px; } .connect-box button { font-size: 14px; height: 36px; margin: auto; } @media (min-width:768px) { .connect-box .flex { display: -ms-flexbox; display: flex; } } .connect-googleanalytics { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/googleanalytics-logo-89dbf6dcb25a2fc5a04ae30510362bd4.svg); } .connect-facebook { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/facebook-logo-acfa9d2b1310d2ed70ae622dadbc284d.svg); } .connect-mailchimp { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/mailchimp-logo-22af1962ca4c3a6c5b6167613cce3e44.svg); } .connect-hubspot { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/hubspot-logo-db4c0e1686e94a83a4a5e4fc2ac938c0.svg); } .connect-shopify { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/shopify-logo-bd4a4ffff34c3a22eaac3ec887e90890.svg); } .connect-klaviyo { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/klaviyo-logo-0ba5c0b9b44c47b030a67af24d9d1445.svg); } .connect-webhooks { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/webhooks-logo-bd12f4cbb53811f5cda3f4747f87292b.svg); } .connect-omnisend { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/omnisend-logo-94adfd9891f091d3eb7adc6d2763f6ba.png); background-size: 22px; } .connect-zapier { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/zapier-logo-6a0a5e15dd7e324a8df716134f8d727d.svg); } .auth-logo { margin: 0 auto 30px; width: 100px; height: 100px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-size: cover; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/revenuehunt-logo-1ef4b8cb353fb6e929a0919be9fb6077.png); } .el-prev { height: 528px; overflow: hidden; margin: 9px 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .el-prev-header { height: 28px; padding: 0 16px; background-color: #ddd; } .el-prev-content { width: 80%; height: 500px; margin: 0 auto; } .el-prev-content.el-full { width: 100%; } .el-prev-content.el-full iframe.el-iframe { height: 133.33%; } .el-bar, .el-bar-top { background-color: #e8e8e8; height: 22px; margin-top: 16px; } .el-bar-top { margin: 0; height: 11px; } .el-prev-quiz.el-inline { margin: 22px 0; text-align: center; } .el-prev-quiz.el-full { height: 500px; } .el-prev-circle { width: 8px; height: 8px; float: left; margin: 10px 8px 0 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .el-prev-circle.el-err { background-color: #e55; } .el-prev-circle.el-war { background-color: #fb3; } .el-prev-circle.el-pas { background-color: #6c4; } .el-wrap { margin: auto; height: 100%; } .el-iframe { width: 133.33%; height: 133.33%; border: none; -ms-zoom: .75; -moz-transform: scale(.75); -moz-transform-origin: 0 0; -o-transform: scale(.75); -o-transform-origin: 0 0; -webkit-transform: scale(.75); -webkit-transform-origin: 0 0; } .el-close-popup { position: absolute; top: 68px; right: 60px; width: 18px; text-align: center; color: #aaa; cursor: pointer; } .corner-button, .popup-button, .popup-link { border: none; display: inline-block; font-weight: 500; } .corner-button { position: absolute; bottom: 40px; right: 62px; } .corner-button.corner-left { right: auto; margin-left: 12px; } .popup-link { background: none; text-decoration: underline; } .popup-helper { margin-top: 12px; color: #aaa; } .copycode .el-dialog__body { padding: 8px 20px; } .copycode textarea { padding: 10px 15px; background-color: #333; color: #fff; font-family: Courier New,Courier,monospace; font-weight: 700; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .product-description .el-textarea, .product-description textarea.el-textarea__inner { min-height: 120px!important; max-height: 300px; } .block-wrap .copycode textarea, .edit-theme .copycode textarea { max-height: none; } .el-key-metrics { border-top: 1px dotted #ddd; } .el-key-metrics h3, .el-key-metrics p.moreinfo { cursor: pointer; } .el-key-metrics h3 { margin: 0; font-size: 32px; font-weight: 400; } .el-key-metrics h3 span { font-size: 16px; color: #333; } .el-key-metrics p { color: #aaa; margin: 15px 0 3px; } .el-key-metrics p.var { font-weight: 500; font-size: 12px; margin: 3px 0 15px; } .el-key-metrics .box-checklist { font-weight: 400; text-align: center; } .positive { color: #5dc558!important; } .positive .fa-cont { background-color: #e9f8ee; } .negative { color: #e84c85!important; } .negative .fa-cont { background-color: #fbe8f2; } .metrics-box, .response-box { padding: 5px 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .el-edited { background-color: #fdffd3; } .metrics-box { padding: 20px; } .metrics-box.box-sm { padding: 15px!important; width: calc(50% - 5px); float: left; margin-bottom: 10px; } .metrics-box.box-sm p { margin-bottom: 0; } .metrics-box.box-sm h2 { margin: 5px 0; font-size: 18px; } .metrics-box.box-sm h2 span { font-size: 12px; font-weight: 400; } .graph-box { height: 150px; background-position: bottom; background-size: cover; background-repeat: no-repeat; } .graph-box .fa-cont { margin: 2px 6px 0 0; width: 18px; height: 18px; padding: 4px; display: -ms-flexbox; display: flex; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .graph-box .fa { font-size: 11px; } .graph-box p { margin: 10px 0 0; } .graph-box span { float: right; } .graph-box h2 { margin: 0; color: #2c81b2; } .mock-metrics-a { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/mock-metrics-a-9f3d1bed068b9e779fe2b9b8b2106390.png); } .mock-metrics-b { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/mock-metrics-b-210c7ada753cf38701bb16e51286b0a5.png); } .mock-metrics-c { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/mock-metrics-c-ccb0818c67436862fb55e22ccdc1da0d.png); } .plans-box { max-width: 320px; } .loading .plans-box { opacity: .4; } .subprice { font-size: 14px; color: #aaa; } .compare { opacity: .33; text-decoration: line-through; } .plans-box, .response-box { margin: auto; padding: 20px; } .plans-box .slide-type, .response-box .slide-type { margin: 0 15px 30px 0; width: 28px; height: 28px; padding: 1px 4px 0; } .plans-box h3, .response-box h3 { margin: 0 0 10px; } .plans-box p, .response-box p { font-size: 14px; } .plans-box .subtit, .response-box .subtit { color: #aaa; min-height: 42px; margin-bottom: 10px; } .plans-box hr, .response-box hr { margin: 10px 0 20px; } .plans-box .fa-check, .plans-box .fa-plus, .response-box .fa-check, .response-box .fa-plus { color: #62ded5; margin-right: 10px; } .plans-box .price, .response-box .price { font-size: 36px; } .plans-box .price span, .response-box .price span { font-size: 18px; } .plans-box .price span.compare, .response-box .price span.compare { font-size: 36px; } .plans-border { padding: 5px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .plans-pro { background-color: #d8f0fe; } .plans-disabled { opacity: .8; } .plans-disabled.plans-pro { background-color: #eee; } .plans-disabled.plans-pro .plans-header { color: #666; } .plans-header { height: 32px; line-height: 32px; text-align: center; font-weight: 500; color: #2c81b2; margin-bottom: 5px; } .slide-type .fa-check { color: #333; } .el-result { padding: 10px; border: 1px dashed transparent; border-bottom-color: #eee; cursor: pointer; } .el-result.el-selected { border: 1px dashed #62ded5; } .el-result.el-top { border-top: 1px dashed #eee; } .el-result:hover { background-color: #eee; } .el-result p { margin: 0; } .el-pie { width: 100%; padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50%; } .mock-pie-a { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/mock-pie-a-1e062dcbd71804b6507b9e060461d06e.png); } .mock-pie-b { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/mock-pie-b-1870ea93d434c34fd3e965a616702bc9.png); } .code-example-1 { padding-top: 56%; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/code-link-704e8fa96667aa0751ce6c4af48c2c6c.png); } .woo-code-example-1 { padding-top: 56%; border: 1px solid #eee; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/woo-code-link-8f5ad5942d2396da2478fa5e34d705a5.png); } .bc-code-inline, .bc-code-link { padding-top: 56%; border: 1px solid #eee; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/bigcommerce-link-442d3ee1e9a97650c1f86eee27dbd95a.png); } .bc-code-inline { background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/bigcommerce-inline-70f1cbe390dddf9281ef8de948c584f6.png); } .code-example-2 { padding-top: 67%; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/code-button-inline-ad858a991e695bab79ecb5805860775e.png); } .woo-code-example-2 { padding-top: 36%; border: 1px solid #eee; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/woo-code-html-03e847a3c914254ee12bceddf05f09cf.png); } .lq-recall { min-height: 32px; } .lq-recall .el-dropdown, .lq-recall .el-dropdown-link { opacity: 0; width: 1px; height: 1px; } .imwatchingyou { width: 100%; height: 166px; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/imwatchingyou-50c301a2969459f22c88062e9f56ca98.gif); margin-bottom: 20px; } .imwatchingyou, .no-responses { background-position: 50%; background-repeat: no-repeat; background-size: contain; } .no-responses { height: 120px; background-image: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/product-recommendation-quiz-metrics-347b314981b6fac4395479dac91fc29f.png); } .email-notification { background-color: #fff; padding: 6px 10px; border: 1px solid #ddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .email-notification.message { height: 200px; overflow-y: auto; } .email-notification.message .recall-input { height: auto; min-height: 165px; } .notification-dropdown { height: auto!important; width: 100%!important; margin: 0!important; } .notification-dropdown .el-dropdown-link { margin-left: 0; border: 1px solid #ddd; background-color: #fff; height: 36px; padding: 6px 9px; } .notification-dropdown .el-dropdown-link i { position: absolute; top: 12px; right: 3px; } .notification-dropdown .settings-box span { float: left; color: #333; } .notification-dropdown .slide-type { border: none; padding: 0; width: 32px; } .no-slide { padding-left: 10px; background-color: transparent; } .no-slide .slide-type { background-color: transparent; width: 20px; padding: 0; } .el-switch.is-checked .el-switch__core { border-color: #62ded5; background-color: #62ded5; } .notifications .el-row { margin-bottom: 10px; } .builder-slot .el-select { width: 100%; } .hamburger[data-v-7d5003cc] { display: inline-block; vertical-align: middle; width: 20px; height: 20px; } .hamburger.is-active[data-v-7d5003cc] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .navbar[data-v-50ed9b3c] { height: 50px; overflow: hidden; position: relative; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0,21,41,.08); box-shadow: 0 1px 4px rgba(0,21,41,.08); } .navbar .hamburger-container[data-v-50ed9b3c] { line-height: 46px; height: 100%; float: left; cursor: pointer; -webkit-transition: background .3s; transition: background .3s; -webkit-tap-highlight-color: transparent; } .navbar .hamburger-container[data-v-50ed9b3c]:hover { background: rgba(0,0,0,.025); } .navbar .breadcrumb-container[data-v-50ed9b3c] { float: left; } .navbar .right-menu[data-v-50ed9b3c] { float: right; height: 100%; line-height: 50px; } .navbar .right-menu[data-v-50ed9b3c]:focus { outline: none; } .navbar .right-menu .right-menu-item[data-v-50ed9b3c] { display: inline-block; padding: 0 8px; height: 100%; font-size: 18px; color: #5a5e66; vertical-align: text-bottom; } .navbar .right-menu .right-menu-item.hover-effect[data-v-50ed9b3c] { cursor: pointer; -webkit-transition: background .3s; transition: background .3s; } .navbar .right-menu .right-menu-item.hover-effect[data-v-50ed9b3c]:hover { background: rgba(0,0,0,.025); } .navbar .right-menu .avatar-container[data-v-50ed9b3c] { margin-right: 15px; } .navbar .right-menu .avatar-container .avatar-wrapper[data-v-50ed9b3c] { cursor: pointer; position: relative; } .navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-50ed9b3c] { width: 40px; height: 40px; border-radius: 10px; } .navbar .right-menu .avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-50ed9b3c] { font-size: 12px; } .sidebarLogoFade-enter-active[data-v-4d66c1a8] { -webkit-transition: opacity 1.5s; transition: opacity 1.5s; } .sidebarLogoFade-enter[data-v-4d66c1a8], .sidebarLogoFade-leave-to[data-v-4d66c1a8] { opacity: 0; } .sidebar-logo-container[data-v-4d66c1a8] { position: relative; width: 100%; height: 50px; line-height: 50px; background: #2b2f3a; text-align: center; overflow: hidden; } .sidebar-logo-container .sidebar-logo-link[data-v-4d66c1a8] { height: 100%; width: 100%; } .sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-4d66c1a8] { width: 32px; height: 32px; vertical-align: middle; margin-right: 12px; } .sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-4d66c1a8] { display: inline-block; margin: 0; color: #fff; font-weight: 600; line-height: 50px; font-size: 14px; font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif; vertical-align: middle; } .sidebar-logo-container.collapse .sidebar-logo[data-v-4d66c1a8] { margin-right: 0; } :export { menuText: #bfcbd9; menuActiveText: #409eff; subMenuActiveText: #f4f4f5; menuBg: #304156; menuHover: #263445; subMenuBg: #1f2d3d; subMenuHover: #001528; sideBarWidth: 210px; } .app-main[data-v-66abec06] { min-height: calc(100vh - 50px); width: 100%; position: relative; overflow: hidden; } .fixed-header+.app-main[data-v-66abec06] { padding-top: 50px; } .el-popup-parent--hidden .fixed-header { padding-right: 15px; } [data-v-493c8dd4]:export { menuText: #bfcbd9; menuActiveText: #409eff; subMenuActiveText: #f4f4f5; menuBg: #304156; menuHover: #263445; subMenuBg: #1f2d3d; subMenuHover: #001528; sideBarWidth: 210px; } .app-wrapper[data-v-493c8dd4] { position: relative; height: 100%; width: 100%; } .app-wrapper[data-v-493c8dd4]:after { content: ""; display: table; clear: both; } .app-wrapper.mobile.openSidebar[data-v-493c8dd4] { position: fixed; top: 0; } .drawer-bg[data-v-493c8dd4] { background: #000; opacity: .3; width: 100%; top: 0; height: 100%; position: absolute; z-index: 999; } .fixed-header[data-v-493c8dd4] { position: fixed; top: 0; right: 0; z-index: 9; width: calc(100% - 210px); -webkit-transition: width .28s; transition: width .28s; } .hideSidebar .fixed-header[data-v-493c8dd4] { width: calc(100% - 54px); } .mobile .fixed-header[data-v-493c8dd4] { width: 100%; } fieldset[disabled] .multiselect { pointer-events: none; } .multiselect__spinner { position: absolute; right: 1px; top: 1px; width: 48px; height: 35px; background: #fff; display: block; } .multiselect__spinner:after, .multiselect__spinner:before { position: absolute; content: ""; top: 50%; left: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px; border-radius: 100%; border: 2px solid transparent; border-top-color: #41b883; -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } .multiselect__spinner:before { -webkit-animation: spinning 2.4s cubic-bezier(.41,.26,.2,.62); animation: spinning 2.4s cubic-bezier(.41,.26,.2,.62); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .multiselect__spinner:after { -webkit-animation: spinning 2.4s cubic-bezier(.51,.09,.21,.8); animation: spinning 2.4s cubic-bezier(.51,.09,.21,.8); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .multiselect__loading-enter-active, .multiselect__loading-leave-active { -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; opacity: 1; } .multiselect__loading-enter, .multiselect__loading-leave-active { opacity: 0; } .multiselect, .multiselect__input, .multiselect__single { font-family: inherit; font-size: 16px; -ms-touch-action: manipulation; touch-action: manipulation; } .multiselect { -webkit-box-sizing: content-box; box-sizing: content-box; display: block; position: relative; width: 100%; min-height: 40px; text-align: left; color: #35495e; } .multiselect * { -webkit-box-sizing: border-box; box-sizing: border-box; } .multiselect:focus { outline: none; } .multiselect--disabled { background: #ededed; pointer-events: none; opacity: .6; } .multiselect--active { z-index: 50; } .multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .multiselect--active .multiselect__select { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags { border-top-left-radius: 0; border-top-right-radius: 0; } .multiselect__input, .multiselect__single { position: relative; display: inline-block; min-height: 20px; line-height: 20px; border: none; border-radius: 5px; background: #fff; padding: 0 0 0 5px; width: 100%; -webkit-transition: border .1s ease; transition: border .1s ease; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 8px; vertical-align: top; } .multiselect__input:-ms-input-placeholder { color: #35495e; } .multiselect__input::-webkit-input-placeholder { color: #35495e; } .multiselect__input::-moz-placeholder { color: #35495e; } .multiselect__input::-ms-input-placeholder { color: #35495e; } .multiselect__input::placeholder { color: #35495e; } .multiselect__tag~.multiselect__input, .multiselect__tag~.multiselect__single { width: auto; } .multiselect__input:hover, .multiselect__single:hover { border-color: #cfcfcf; } .multiselect__input:focus, .multiselect__single:focus { border-color: #a8a8a8; outline: none; } .multiselect__single { padding-left: 5px; margin-bottom: 8px; } .multiselect__tags-wrap { display: inline; } .multiselect__tags { min-height: 40px; display: block; padding: 8px 40px 0 8px; border-radius: 5px; border: 1px solid #e8e8e8; background: #fff; font-size: 14px; } .multiselect__tag { position: relative; display: inline-block; padding: 4px 26px 4px 10px; border-radius: 5px; margin-right: 10px; color: #fff; line-height: 1; background: #41b883; margin-bottom: 5px; white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis; } .multiselect__tag-icon { cursor: pointer; margin-left: 7px; position: absolute; right: 0; top: 0; bottom: 0; font-weight: 700; font-style: normal; width: 22px; text-align: center; line-height: 22px; -webkit-transition: all .2s ease; transition: all .2s ease; border-radius: 5px; } .multiselect__tag-icon:after { content: "\D7"; color: #266d4d; font-size: 14px; } .multiselect__tag-icon:focus, .multiselect__tag-icon:hover { background: #369a6e; } .multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after { color: #fff; } .multiselect__current { min-height: 40px; overflow: hidden; padding: 8px 30px 0 12px; white-space: nowrap; border-radius: 5px; border: 1px solid #e8e8e8; } .multiselect__current, .multiselect__select { line-height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0; text-decoration: none; cursor: pointer; } .multiselect__select { position: absolute; width: 40px; height: 38px; right: 1px; top: 1px; padding: 4px 8px; text-align: center; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease,-webkit-transform .2s ease; } .multiselect__select:before { position: relative; right: 0; top: 65%; color: #999; margin-top: 4px; border-color: #999 transparent transparent; border-style: solid; border-width: 5px 5px 0; content: ""; } .multiselect__placeholder { color: #adadad; display: inline-block; margin-bottom: 10px; padding-top: 2px; } .multiselect--active .multiselect__placeholder { display: none; } .multiselect__content-wrapper { position: absolute; display: block; background: #fff; width: 100%; max-height: 240px; overflow: auto; border: 1px solid #e8e8e8; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 50; -webkit-overflow-scrolling: touch; } .multiselect__content { list-style: none; display: inline-block; padding: 0; margin: 0; min-width: 100%; vertical-align: top; } .multiselect--above .multiselect__content-wrapper { bottom: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: none; border-top: 1px solid #e8e8e8; } .multiselect__content::webkit-scrollbar { display: none; } .multiselect__element { display: block; } .multiselect__option { display: block; padding: 12px; min-height: 40px; line-height: 16px; text-decoration: none; text-transform: none; vertical-align: middle; position: relative; cursor: pointer; white-space: nowrap; } .multiselect__option:after { top: 0; right: 0; position: absolute; line-height: 40px; padding-right: 12px; padding-left: 20px; font-size: 13px; } .multiselect__option--highlight { background: #41b883; outline: none; color: #fff; } .multiselect__option--highlight:after { content: attr(data-select); background: #41b883; color: #fff; } .multiselect__option--selected { background: #f3f3f3; color: #35495e; font-weight: 700; } .multiselect__option--selected:after { content: attr(data-selected); color: silver; } .multiselect__option--selected.multiselect__option--highlight { background: #ff6a6a; color: #fff; } .multiselect__option--selected.multiselect__option--highlight:after { background: #ff6a6a; content: attr(data-deselect); color: #fff; } .multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select { background: #ededed; color: #a6a6a6; } .multiselect__option--disabled { background: #ededed!important; color: #a6a6a6!important; cursor: text; pointer-events: none; } .multiselect__option--group { background: #ededed; color: #35495e; } .multiselect__option--group.multiselect__option--highlight { background: #35495e; color: #fff; } .multiselect__option--group.multiselect__option--highlight:after { background: #35495e; } .multiselect__option--disabled.multiselect__option--highlight { background: #dedede; } .multiselect__option--group-selected.multiselect__option--highlight { background: #ff6a6a; color: #fff; } .multiselect__option--group-selected.multiselect__option--highlight:after { background: #ff6a6a; content: attr(data-deselect); color: #fff; } .multiselect-enter-active, .multiselect-leave-active { -webkit-transition: all .15s ease; transition: all .15s ease; } .multiselect-enter, .multiselect-leave-active { opacity: 0; } .multiselect__strong { margin-bottom: 8px; line-height: 20px; display: inline-block; vertical-align: top; } [dir=rtl] .multiselect { text-align: right; } [dir=rtl] .multiselect__select { right: auto; left: 1px; } [dir=rtl] .multiselect__tags { padding: 8px 8px 0 40px; } [dir=rtl] .multiselect__content { text-align: right; } [dir=rtl] .multiselect__option:after { right: auto; left: 0; } [dir=rtl] .multiselect__clear { right: auto; left: 12px; } [dir=rtl] .multiselect__spinner { right: auto; left: 1px; } @-webkit-keyframes spinning { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(2turn); transform: rotate(2turn); } } @keyframes spinning { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(2turn); transform: rotate(2turn); } } #nprogress { pointer-events: none; } #nprogress .bar { background: #29d; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0; width: 100px; height: 100%; -webkit-box-shadow: 0 0 10px #29d,0 0 5px #29d; box-shadow: 0 0 10px #29d,0 0 5px #29d; opacity: 1; -webkit-transform: rotate(3deg) translateY(-4px); transform: rotate(3deg) translateY(-4px); } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: #29d transparent transparent #29d; border-style: solid; border-width: 2px; border-radius: 50%; -webkit-animation: nprogress-spinner .4s linear infinite; animation: nprogress-spinner .4s linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); } } @keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } /* CUSTOM */ header#masthead, #colophon { display: none; } :root { --primary-color: #af959a; } .button-start-test { text-transform: uppercase; font-size: 0.75rem; letter-spacing: .03em; cursor: pointer; color: #fff !important; text-align: center; color: currentColor; text-shadow: none; line-height: 1.6; text-rendering: optimizeLegibility; display: inline-block; line-height: 2.4em; min-height: 2.5em; text-decoration: none !important; } .row.row-small { max-width: 1242.5px; } .row.row-large { max-width: 1280px; } .header-main { height: auto; } #logo img { max-height: 100px; } #logo { width: 235px; } .header-bottom { min-height: 10px; } .header-top { min-height: 30px; } .transparent .header-main { height: 90px; } .transparent #logo img { max-height: 90px; } .has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title { padding-top: 90px; } .header.show-on-scroll, .stuck .header-main { height: auto!important; } .stuck #logo img { max-height: 70px!important; } .header-bg-color, .header-wrapper { background-color: rgba(255,255,255,0.9); } .header-bottom { background-color: #f1f1f1; } @media (max-width: 549px) { .header-main { height: auto; } #logo img { max-height: 70px; } #logo svg { height: 50px; } } /* Color */ .accordion-title.active, .has-icon-bg .icon .icon-inner, .logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a, .nav-outline >li.active > a, .cart-icon strong, [data-color='primary'], .is-outline.primary { color: #af959a; } /* Color !important */ [data-text-color="primary"] { color: #af959a!important; } /* Background Color */ [data-text-bg="primary"] { background-color: #af959a; } /* Background */ .scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner { background-color: #af959a; } /* Border */ .nav-vertical.nav-tabs > li.active > a, .scroll-to-bullets a.active, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, .accordion-title.active, .featured-table, .is-outline:hover, .tagcloud a:hover, blockquote, .has-border, .cart-icon strong:after, .cart-icon strong, .blockUI:before, .processing:before, .loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover { border-color: #af959a; } .nav-tabs > li.active > a { border-top-color: #af959a; } .widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #af959a; } .woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #af959a; } /* Fill */ .slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow { fill: #af959a; } /* Background Color */ [data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step { background-color: #4e2e35; } [data-text-bg="secondary"] { background-color: #4e2e35; } /* Color */ .secondary.is-underline, .secondary.is-link, .secondary.is-outline, .stars a.active, .star-rating:before, .woocommerce-page .star-rating:before, .star-rating span:before, .color-secondary { color: #4e2e35; } /* Color !important */ [data-text-color="secondary"] { color: #4e2e35!important; } /* Border */ .secondary.is-outline:hover { border-color: #4e2e35; } body { font-family: "Lato", sans-serif; } body { font-weight: 400; } body { color: #484645; } .nav > li > a { font-family: "Lato", sans-serif; } .mobile-sidebar-levels-2 .nav > li > ul > li > a { font-family: "Lato", sans-serif; } .nav > li > a { font-weight: 700; } .mobile-sidebar-levels-2 .nav > li > ul > li > a { font-weight: 700; } h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a { font-family: "Lato", sans-serif; } h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 { font-weight: 700; } h1, h2, h3, h4, h5, h6, .heading-font { color: #4e2e35; } .alt-font { font-family: "Dancing Script", sans-serif; } .alt-font { font-weight: 400!important; } a { color: #af959a; } a:hover { color: #af959a; } .tagcloud a:hover { border-color: #af959a; background-color: #af959a; } @media screen and (min-width: 550px) { .products .box-vertical .box-image { min-width: 300px!important; width: 300px!important; } } .absolute-footer, html { background-color: #ffffff; } /* Custom CSS */ .grecaptcha-badge { visibility: hidden; } div#VzHG0A span:first-child { display: none !important; color: transparent !important; } body { font-family: neue-haas-grotesk-display, sans-serif; font-weight: 400; font-style: normal; line-height: normal; } h1, h2, h3 { font-family: ivymode, sans-serif; font-style: normal; } .home-text-top h1 { font-size: 2.25rem; font-weight: 300; line-height: normal; } .home-text-bottom { position: absolute; bottom: 0; } .home-text-bottom p { font-family: neue-haas-grotesk-display, sans-serif !important; font-weight: 400 !important; color: #484645; } .home-text-bottom p { margin: 0px; } .button-start-test { padding: 8px 80px; font-size: 0.75rem; font-weight: 300; } .button-start-test:hover { background-color: #4E2E35 !important; } .footer-wrapper { width: calc(100% - 30px); border-top: solid 1px #D0C3B4; margin: auto; } .absolute-footer { font-size: 0.813rem; color: inherit; padding: 24px 0; } .footer-secondary { width: 45%; padding: 0; } .footer-secondary .footer-text.inline-block.small-block { display: flex; text-align: right; } .footer-secondary a { flex-grow: 1; font-size: 0.813rem; color: inherit; } #cookie-notice { width: 35%; min-width: 35%; margin: auto 32.5%; margin-bottom: 10px; border-radius: 6px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.36); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.36); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.36); } .cookie-notice-container { padding: 10px 0 5px; } span#cn-notice-text { width: 55%; vertical-align: middle; text-align: left; } .cn-button.bootstrap { background: #AF959A; border-radius: 20px; padding: 15px 30px; font-size: 0.688rem; color: #fff; } @media only screen and (min-width: 768px)and (max-width: 1024px) and (orientation: portrait) { .home-text-top h1 { font-size: 2rem; } .home-text-bottom { position: inherit; } .footer-secondary { width: 100%; margin-bottom: 10px; } .footer-secondary .footer-text.inline-block.small-block { text-align: center; } #cookie-notice { width: 70%; min-width: 70%; margin: auto 15%; margin-bottom: 10px; } span#cn-notice-text { width: 100%; text-align: center; } } @media only screen and (min-width: 768px)and (max-width: 1024px) and (orientation: landscape) { #cookie-notice { width: 45%; min-width: 45%; } } @media only screen and (min-width: 320px)and (max-width: 767px) { .home-text-top h1 { font-size: 1.75rem; } .home-text-bottom { position: inherit; } .footer-secondary { width: 100%; margin-bottom: 10px; } .footer-secondary .footer-text.inline-block.small-block { text-align: center; } #cookie-notice { width: 70%; min-width: 70%; margin: auto 15%; margin-bottom: 10px; } span#cn-notice-text { width: 100%; text-align: center; } } @media (max-width: 849px) { #wpadminbar { display: none!important; } html { margin-top: 0!important; } } @media (min-width: 850px) { .mfp-content, .stuck, button.mfp-close { top: 32px!important; } .is-full-height { height: calc(100vh - 32px)!important; } } .xdebug-var-dump { z-index: 999999; } .shortcode-error { border: 2px dashed #000; padding: 20px; color: #fff; font-size: 16px; background-color: #71cedf; } .custom-product-page .shortcode-error { padding: 15% 10%; text-align: center; } .edit-block-wrapper { position: relative; } .edit-block-button { font-size: 12px!important; background-color: #555!important; margin: 6px 2px 3px 0px!important; border-radius: 4px!important; } .edit-block-button-builder { background-color: #00a0d2!important; } .label-new.menu-item > a:after { content: "Nuevo"; } .label-hot.menu-item > a:after { content: "Caliente"; } .label-sale.menu-item > a:after { content: "Oferta"; } .label-popular.menu-item > a:after { content: "Popular"; } #section_551278709 .section-content.relative { min-height: 80vh; } .button-start-test { font-weight: bolder!important; font-family: sans-serif; border: none; } .text.home-text-top h1 { width: 80%; padding-bottom: 20px; } .home-text-bottom p { line-height: 1.4; font-size: calc(0.2rem + 1.05vw); } .home .button-start-test { padding: 8px 80px; border: none; } .home .section-content.relative { min-height: 80vh!important; } /* footer */ #footer.footer-wrapper { width: 100%; margin: 0; padding: 0px 45px 0px 45px; } .footer-wrapper .container { margin: 0; padding: 0; width: 100%; max-width: unset; } .footer-primary, .footer-secondary { width: 50%; } @media (max-width: 1280px) { .text.home-text-top h1 { width: 91%; padding-bottom: 20px; } } @media only screen and (max-width: 48em) {/*************** ADD MOBILE ONLY CSS HERE ***************/ .text.home-text-top h1 { width: 94%; text-align: left; } .text.home-text-top { text-align: left; margin-top: 10px; margin-bottom: 20px; } .home-text-bottom p { margin-bottom: 20px!important; } #footer.footer-wrapper { padding: 15px 15px 0px 15px; } } @media (min-width: 850px) and (max-width: 1199.98px) { .home .home-text-top h1 { font-size: 1.8rem; width: 90%; } } @media (max-width: 991.98px) { .footer-secondary { width: 100%; } .footer-primary { width: 100%; padding: 10px 0; text-align: left; } .footer-secondary a:last-child { text-align: right; } .footer-secondary a:first-child { text-align: left; } .home-text-bottom p { font-size: calc(0.8rem + 1.2vw); } } @media (max-width: 900px) { .cookie-notice-container #cn-notice-text { margin: 0 auto; text-align: center; padding: 10px 5px; } } @media (max-width: 575.98px) { #cookie-notice { width: 100%!important; min-width: unset!important; margin: auto 0!important; margin-bottom: 0!important; } } @font-face { font-family: "ivymode"; src: url("https://use.typekit.net/af/408fba/00000000000000007735ce78/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/408fba/00000000000000007735ce78/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/408fba/00000000000000007735ce78/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 300; } @font-face { font-family: "ivymode"; src: url("https://use.typekit.net/af/2b42d0/00000000000000007735ce7b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/2b42d0/00000000000000007735ce7b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/2b42d0/00000000000000007735ce7b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; } @font-face { font-family: "ivymode"; src: url("https://use.typekit.net/af/8c4de6/00000000000000007735ce91/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/8c4de6/00000000000000007735ce91/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/8c4de6/00000000000000007735ce91/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; } @font-face { font-family: "ivymode"; src: url("https://use.typekit.net/af/a3f660/00000000000000007735ce92/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/a3f660/00000000000000007735ce92/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/a3f660/00000000000000007735ce92/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; } @font-face { font-family: "ivymode"; src: url("https://use.typekit.net/af/9e78fb/00000000000000007735ce99/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/9e78fb/00000000000000007735ce99/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/9e78fb/00000000000000007735ce99/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; } /* Type your custom CSS here to override our default styles */ div#VzHG0A span:first-child { display: none !important; color: transparent !important; } .widget button, .builder-container-preview button { border-radius: 20px !important; } /* Custom CSS D3 */ body[data-button-style*="slightly_rounded"] .nectar-button.see-through, body[data-button-style*="slightly_rounded"].ascend .nectar-button.see-through, body[data-button-style*="slightly_rounded"] .nectar-button.see-through-2, body[data-button-style*="slightly_rounded"].ascend .nectar-button.see-through-2, body[data-button-style*="slightly_rounded"] .nectar-button.see-through-3, body[data-button-style*="slightly_rounded"].ascend .nectar-button.see-through-3, body[data-button-style*="slightly_rounded"] .portfolio-filters-inline .container ul li a, body[data-button-style*="slightly_rounded"] #infscr-loading, body[data-button-style*="slightly_rounded"] .flex-direction-nav a, body[data-button-style*="slightly_rounded"] #pagination span, body[data-button-style*="slightly_rounded"] #pagination a, body[data-button-style*="slightly_rounded"] #pagination .next.inactive, body[data-button-style*="slightly_rounded"] #pagination .prev.inactive, body[data-button-style*="slightly_rounded"].woocommerce nav.woocommerce-pagination ul li a, body[data-button-style*="slightly_rounded"].woocommerce .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style*="slightly_rounded"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body[data-button-style*="slightly_rounded"] input[type="submit"], body[data-button-style*="slightly_rounded"] button[type="submit"], body[data-button-style*="slightly_rounded"] input[type="button"], body[data-button-style*="slightly_rounded"] button, body[data-button-style*="slightly_rounded"].ascend .container-wrap input[type="submit"], body[data-button-style*="slightly_rounded"].ascend .container-wrap button[type="submit"], body[data-button-style*="slightly_rounded"] .nectar-button, body[data-button-style*="slightly_rounded"] .swiper-slide .button a, body[data-button-style*="slightly_rounded"] header#top nav > ul > li[class*="button_solid_color"] > a::before, body[data-button-style*="slightly_rounded"] header#top nav > ul > li[class*="button_bordered"] > a::before, body[data-button-style*="slightly_rounded"] #header-outer .widget_shopping_cart a.button, body[data-button-style*="slightly_rounded"] .comment-list .reply a, body[data-button-style*="slightly_rounded"].material #page-header-bg.fullscreen-header .inner-wrap > a, body[data-button-style*="slightly_rounded"] .sharing-default-minimal .nectar-social > a, body[data-button-style*="slightly_rounded"] .sharing-default-minimal .nectar-love, body[data-button-style*="slightly_rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a, body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a, body[data-button-style*="slightly_rounded"] .masonry.classic_enhanced .posts-container article .meta-category a, body[data-button-style*="slightly_rounded"] .blog-recent[data-style*="classic_enhanced"] .meta-category a, .ascend[data-button-style="slightly_rounded"] .container-wrap input[type="submit"], .ascend[data-button-style*="slightly_rounded"] .container-wrap button[type="submit"], body[data-button-style*="slightly_rounded"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { /* -webkit-border-radius: 4px !important; */ -webkit-border-radius: 24px !important; } #open-quiz { transform: translateY(100vh); opacity: 0; display: none; transition: all .3s ease-in-out; } body.open-quiz, html.open-quiz { overflow: hidden; } body.open-quiz #open-quiz, html.open-quiz #open-quiz { transform: none; display: block; opacity: 1; } .open-quiz #footer { display: none; } label { width: 100%; cursor: pointer; } .response__input { display: none; } input[type="radio"]:checked + div .lq-letter { background: url(https://admin.revenuehunt.com/packs/media/prq/assets/img/check-c4c8e7b0c72bc9dd585bdac5d07639a2.svg) var(--btn-bg); background-size: 12px; background-repeat: no-repeat; background-position: 50%; } section.lq-slide.lq-current:before { content: url(https://cristina-galmiche.ydevs.site/wp-content/uploads/2021/01/cristina-galmiche-logo.svg); display: block; width: 20%; margin: 0px auto 0; max-width: 235px; padding-top: 15px; } .builder-container-preview .lq-box { display: flex !important; vertical-align: middle !important; height: 78vh !important; margin: 1.5%; border: solid 1px #AE959A; } .builder-container-preview #quizresults .lq-box { height: 100% !important; padding-bottom: 0px; } .builder-container-preview .lq-wrapper { max-width: 100% !important; min-width: 100%; } .builder-container-preview h1, .builder-container-preview p { font-family: ivymode !important; text-align: left; width: 50%; margin: auto !important; } .builder-container-preview h1, .builder-container-preview p { text-align: left; width: 100%; /*padding: 0 10px;*/ } .preview .lq-input { width: calc(100% - 0px) !important; font-family: ivymode !important; -webkit-border-radius: 0!important; padding-left: 0!important; } .builder-container-preview button { color: #fff !important; } .builder-container-preview button:hover { background-color: #4E2E35 !important; opacity: 1 !important; } .builder-container-preview ul { margin: 0!important; padding-left: 0 !important; } .builder-container-preview li { background-color: transparent !important; display: table-cell !important; width: auto !important; font-family: ivymode !important; } .builder-container-preview li:first-child { padding-left: 0 !important; } .builder-container-preview li .lq-letter { background-color: #af959a !important; } .builder-container-preview li div { vertical-align: middle !important; } section#question-8JiJGmQ input.lq-input.lq-dm { width: 32% !important; } section#question-8JiJGmQ input.lq-input.lq-yyyy { width: 32% !important; } section#question-8JiJGmQ div#inputgroup div:first-child { text-align: left; width: calc(100% - 0px); margin: auto; margin-top: 10px; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #FCF9F3 inset; -webkit-text-fill-color: #484645 !important; } ::-webkit-input-placeholder { font-family: ivymode !important; } ::-moz-placeholder { font-family: ivymode !important; } :-ms-input-placeholder { font-family: ivymode !important; } :-moz-placeholder { font-family: ivymode !important; } .builder-container-preview .lq-progress-fill { background-color: #4E2E35 !important; } .lq-box.lq-results-box { border: none; } .lq-footer.lq-footer-slide, .lq-footer.lq-footer-response { background-color: transparent !important; border: none !important; } .builder-container-preview .lq-nav-button { width: 40px !important; } #nav-next { border-radius: 24px !important; } #nav-back { border-radius: 24px !important; } /* --- result page --- */ .lq-quiz.lq-results { overflow-x: hidden; } .builder-container-preview ul.lq-num-products-4 { max-width: 100% !important; } .results section.lq-slide.lq-current:before { content: '' !important; } .results .lq-wrapper { margin: 0 !important; padding: 0 !important; } .lq-box.lq-results-box { margin: 0 !important; } .lq-box.lq-results-box .lq-wrapper div:nth-of-type(2), .lq-box.lq-results-box .lq-wrapper div:nth-of-type(3) { width: 50%; float: left; padding: 0 15px; } .lq-box.lq-results-box .lq-wrapper div:nth-of-type(2) h1 { font-family: ivymode; font-size: 2.25rem; font-weight: 300; line-height: normal; } .results .lq-results .lq-noslot ul { padding: 0; } .pre-footer-results { background-image: url(https://cristina-galmiche.ydevs.site/wp-content/uploads/2021/01/results-pre-footer.jpg); background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; height: 580px; max-height: 580px; padding: 30px 60px; } .pre-footer-results h1 { font-family: ivymode !important; font-style: normal; font-size: 3.438rem !important; font-weight: 300 !important; line-height: normal; color: #fff !important; } .pre-footer-results p { font-family: ivymode, sans-serif !important; font-weight: 400; font-style: normal; line-height: normal; color: #fff !important; } .pre-footer-results a { font-family: ivymode, sans-serif !important; background-color: #fff; border-radius: 22px; padding: 15px 30px; font-size: 24px; color: #4e2e35 !important; font-weight: 300; text-decoration: none !important; } .pre-footer-results .divider { width: 100% !important; height: 30px; } .header-results, .footer-results { font-family: ivymode, sans-serif; display: flex; align-items: center; width: calc(100% - 30px); margin: auto; font-weight: 400; font-style: normal; line-height: normal; color: #4E2E35; } .header-results a, .footer-results a { text-decoration: none !important; } .header-results div, .footer-results .footer-results-left, .footer-results .footer-results-center, .footer-results .footer-results-right { width: 33.33% !important; } .header-results-left, .footer-results-left { text-align: left; } .header-results-center, .footer-results-center { text-align: center; } .header-results div#logo { margin: auto; } .header-results-right, .footer-results-right { text-align: right; } img.header-icon { width: 32px; vertical-align: middle; margin-right: 15px; } .header-results span { font-size: 0.688rem; } .results .lq-results .lq-noslot li.lq-product { display: inline-block !important; float: left; width: 25% !important; max-width: 25% !important; margin: 0; padding: 0; border: none; box-shadow: none; } .lq-results .lq-slot li.lq-product .lq-img { background-size: cover; margin-bottom: 0px; } .lq-results .lq-slot li .lq-hcont { position: absolute; display: block !important; padding: 0 15px; } .lq-results .lq-slot li .lq-hcont a { display: inherit !important; position: relative; bottom: 30px; } .lq-results .lq-slot li h5 { color: #4e2e35; } .lq-results .lq-slot li .lq-price { display: none !important; } .lq-results .lq-slot li .lq-readmore { display: none !important; } .lq-results .lq-slot li .lq-product-description { display: none !important; } .w-100 { display: none !important; } .footer-results { font-size: 1.438rem; font-weight: 300; } img.pre-footer-icon { width: 22px; vertical-align: middle; margin: 0 15px; } img.pre-footer-icon-logo { width: 22px; vertical-align: middle; margin: 0 15px 0 0; } .footer-results-copyright { font-family: neue-haas-grotesk-display, sans-serif; width: calc(100% - 30px); border-top: solid 1px #D0C3B4; margin: auto; padding: 15px 0 35px; font-size: 0.813rem; color: inherit; } .copyright-block { display: inline-block; float: left; width: 50%; text-align: left; } .copyright-block.copyright-pull-right { display: flex; } .copyright-block.copyright-pull-right a { flex-grow: 1; text-decoration: none !important; } .lq-footer.lq-footer-response { display: none; } /* --- result page --- */ @media only screen and (min-width: 320px) and (max-width: 736px) { .header-results-left { width: 10% !important; } .header-results-center { width: 80% !important; } .header-results-right { width: 10% !important; padding: 0 !important; } .header-results span { display: none; } img.header-icon { margin-right: 0; } img.header_logo.header-logo { width: 80%; } .lq-box.lq-results-box .lq-wrapper div:nth-of-type(2), .lq-box.lq-results-box .lq-wrapper div:nth-of-type(3) { width: 100%; } .results .lq-results .lq-noslot li.lq-product { width: 100% !important; max-width: 100% !important; } .footer-results { display: inline-block; width: calc(100% - 0px); } .footer-results .footer-results-left, .footer-results .footer-results-center, .footer-results .footer-results-right { width: 100% !important; text-align: center; margin-bottom: 15px; } .copyright-block { float: none; width: 100%; text-align: center; } } @media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: portrait) { .header-results div { width: auto !important; } section#question-8JiJGmQ input.lq-input.lq-dm { width: 28% !important; } section#question-8JiJGmQ input.lq-input.lq-yyyy { width: 28% !important; } } @media only screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) { .header-results div { width: 100% !important; } section.lq-slide.lq-current:before { width: 25% !important; } .builder-container-preview .lq-box { height: 60vh !important; } .preview .lq-wrapper { padding: 25px !important; } .results .lq-results .lq-noslot ul.lq-num-products-4 li { width: calc(50% - 0px) !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { section#question-VZi81XO:before { width: 25%; } } @media only screen and (min-width: 320px) and (max-width: 767px) { section.lq-slide.lq-current:before { width: 45%; } .builder-container-prev iew .lq-box { margin: 2.5%; } } /* -- Added by @adlpz -- */ input[type="text"]:focus, textarea:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus { background-color: #ebebeb; background-color: transparent; } button#cta { display: inherit; margin-top: 24px; border-radius: 24px !important; } section.lq-current div { font-weight: 300; } p.center { font-size: 36px; } .lq-group { display: block; margin-top: 24px; text-align: left; } p.center { margin-top: 24px; } .lq-group input { font-family: ivymode!important; font-size: 28px!important; font-weight: 400!important; } h1 { font-size: 36px!important; font-weight: 300; font-family: ivymode!important; } ul.lq-choices { display: block; margin-top: 24px!important; } ul.lq-choices .lq-choice div { font-size: 24px!important; } .result-banner { font-family: sans-serif; font-size: 16px; display: block; padding: 24px; text-align: left; } .result-banner p, .builder-container-preview p strong { font-family: 'neue-haas-grotesk-display',sans-serif !important; padding-bottom: 0px; font-weight: normal !important; } .builder-container-preview p strong { font-weight: 600 !important; } h1 strong { font-family: ivymode !important; } .builder-container-preview #quizresults h1 { max-width: 70%; margin-right: 0 !important; } .result-banner .result-banner-title { display: block; font-weight: bold; } .result-banner .result-banner-button { padding: 10px 16px; border-radius: 16px; background-color: #4E2E35!important; color: white!important; text-decoration: none!important; } div.lq-box.lq-results-box div.lq-wrapper div.lq-block h1 { display: block; padding: 24px; } /* -- Added by deb -- */ #question-x1iv8EV ul.lq-choices.lq-multiple-choice, #question-a2iAYzM ul.lq-choices.lq-multiple-choice, #question-GQiaV6Z ul.lq-choices.lq-multiple-choice, #question-Yqi9DYQ ul.lq-choices.lq-multiple-choice, #question-N1iQOM1 ul.lq-choices.lq-multiple-choice { display: flex; flex-direction: column; } #question-x1iv8EV ul.lq-choices.lq-multiple-choice li, #question-a2iAYzM ul.lq-choices.lq-multiple-choice li, #question-GQiaV6Z ul.lq-choices.lq-multiple-choice li, #question-Yqi9DYQ ul.lq-choices.lq-multiple-choice li, #question-N1iQOM1 ul.lq-choices.lq-multiple-choice li { padding-left: 0px; } .lq-footer.lq-footer-slide .lq-wrapper-footer .lq-progress-box .lq-progress-label { display: none; } .builder-container-preview .lq-progress-bar, .widget .lq-progress-bar { height: 14px!important; border-radius: 0!important; overflow: hidden; } .builder-container-preview .lq-progress-fill, .widget .lq-progress-fill { height: 10px!important; border-radius: 0!important; } .builder-container-preview .lq-progress-box, .widget .lq-progress-box { margin-top: 3px; margin-left: 3px; } .header-results-right a span, .header-results-left a span { font-weight: 600; font-family: sans-serif; } .header-results-center #logo { display: flex; justify-content: center; } .result-banner .result-banner-button { padding: 15px 22px; border-radius: 22px; background-color: #4e2e35; font-size: 14px; font-weight: 500; font-family: 'neue-haas-grotesk-display'; letter-spacing: 2px; } .results .lq-results .lq-noslot { padding-top: 20px; } .pre-footer-results a { padding: 13px 32px; border-radius: 20px; background-color: #ffffff; font-size: 14px; font-family: sans-serif!important; font-weight: 600; } div.lq-box.lq-results-box div.lq-wrapper div.lq-block h1 { padding-left: 0; } .pre-footer-results p { font-family: sans-serif!important; font-weight: 300!important; } .lq-results .lq-slot li h5 { font-family: ivymode !important; font-weight: 500; text-align: left; padding-left: 15px; transform: translateY(-150%); } @media only screen and (max-width: 48em) { div.lq-box.lq-results-box div.lq-wrapper div.lq-block h1 { font-size: 32px!important; } } .lq-footer.lq-footer-slide .lq-wrapper-footer { display: flex; justify-content: flex-end; align-items: center; padding: 0 1.5%; } .builder-container-preview .lq-progress-box { width: calc(100% - 94px)!important; margin: 0; } .lq-quiz.lq-results .lq-box { background-color: #fff!important; } .lq-results .lq-block { background-color: #fff!important; margin: 0!important; } .footer-results { padding: 30px 0; } img.pre-footer-icon-logo { width: 12px; } .footer-results-left { display: flex; align-items: center; } img.pre-footer-icon { margin: 0 8px; } .copyright-block.copyright-pull-right a { text-align: right; } .header-results { justify-content: space-between; } span.result-banner-title, .header-results-right a span, .header-results-left a span, .lq-results .lq-block h1 { color: #4e2e35!important; } span.result-banner-title { padding-bottom: 5px; } section.lq-current div.result-banner, .pre-footer-results p { font-weight: 400!important; line-height: 26px!important; } .lq-results .lq-block .pre-footer-results h1 { color: #fff!important; } .result-banner { width: 55%; } #sib-form { display: flex; align-items: center; } .sib-form .input { min-width: 150px!important; width: 100%!important; } @media (max-width: 1599.98px) { .result-banner { width: 75%; } .builder-container-preview #quizresults h1 { max-width: 90%; } } @media (max-width: 1199.98px) { .result-banner { width: 90%; } .builder-container-preview #quizresults h1 { max-width: 100%; } } @media (max-width: 736.98px) { .result-banner { padding-right: 0!important; padding-left: 0!important; width: 100%; } .pre-footer-results { padding: 15px; } .footer-results-left { justify-content: center; } .copyright-block.copyright-pull-right a:first-child { text-align: left; } .copyright-block.copyright-pull-right a { text-align: center; } .copyright-block.copyright-pull-right a:last-child { text-align: right; } .copyright-block.copyright-pull-right { padding: 0!important; } .copyright-block.copyright-pull-left { padding: 10px 0 20px; } .footer-results-right { flex-direction: column; } } .page-template #masthead { padding-top: 0; padding-bottom: 0; position: relative !important; } .page-template main { padding-top: 0px !important; } @media screen and (max-width: 1199.98px) { .page-template main { padding-top: 0px; } .page-template #masthead { padding-top: 18px; padding-bottom: 18px; } }