commit 15675226d8647afbb47a2d92636b035c478b7cee Author: Amalka Subasinghe Date: Thu Apr 6 10:01:10 2023 +0530 entgra-emqx-docker file diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..9b9e88d --- /dev/null +++ b/Dockerfile @@ -0,0 +1,8 @@ +FROM emqx/emqx:4.4.11 + +EXPOSE 1883 8083 8084 8883 11883 18083 4370 5369 + +COPY ./entrypoint.sh /opt/emqx/bin/entrypoint.sh +USER root +RUN chmod +x /opt/emqx/bin/entrypoint.sh +ENTRYPOINT ["/opt/emqx/bin/entrypoint.sh"] \ No newline at end of file diff --git a/ReadMe.md b/ReadMe.md new file mode 100644 index 0000000..5ff0aff --- /dev/null +++ b/ReadMe.md @@ -0,0 +1,14 @@ + +docker build -t registry.entgra.io/entgra-emqx:4.4.11 -f Dockerfile . +docker-compose up -d +docker exec -it $(docker ps -aq -n 1) /bin/bash +docker-compose down + + +Note: + +changes done to [app.cf1a32fcdaf819de2bf7101f63de512f.css](emqx-static%2Fcss%2Fapp.cf1a32fcdaf819de2bf7101f63de512f.css) + +changed colours as: +`#42d885 -> #0f84bb` +`#0f84bb -> #34c388` \ No newline at end of file diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..1b63835 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,55 @@ +version: "3.8" + +services: + entgra-emqx: + image: registry.entgra.io/entgra-emqx:4.4.11 + container_name: entgra-emqx + restart: always + ports: + - "1883:1883" + - "8081:8081" + - "8083:8083" + - "8084:8084" + - "8883:8883" + - "18083:18083" + volumes: + # Logs + - ./static:/opt/emqx/static + +# environment: + # Hostname configurations +# - MGT_HOSTNAME=localhost +# - MGT_HTTPS_PORT=9443 +# - MGT_HTTP_PORT=9763 +# +# - GATEWAY_HOSTNAME=localhost +# - GATEWAY_HTTPS_PORT=8243 +# - GATEWAY_HTTP_PORT=8280 +# - GATEWAY_CARBON_HTTPS_PORT=9443 +# - GATEWAY_CARBON_HTTP_PORT=9763 +# +# - KM_HOSTNAME=localhost +# - KM_HTTPS_PORT=9443 + + # DB configurations + # - DB_HOST=127.0.0.1 + # - DB_USERNAME=root + # - DB_PASSWORD=root + + # Super admin user configurations +# - SUPER_ADMIN_USERNAME=admin +# - SUPER_ADMIN_PASSWORD=admin + + # IP configurations + # - NODE_TYPE=apim1 + # - NODE_1=10.207.161.21 + # - NODE_2=10.207.161.22 + + + # Proxy configurtations +# - HTTP_PROXY=ip or hostname +# - HTTPS_PROXY=ip or hostname +# - http_proxy=ip or hostname +# - https_proxy=ip or hostname +# - no_proxy= comma seperated dns +# - NO_PROXY= comma seperated dns \ No newline at end of file diff --git a/entrypoint.sh b/entrypoint.sh new file mode 100644 index 0000000..9efb8a2 --- /dev/null +++ b/entrypoint.sh @@ -0,0 +1,9 @@ +#!/bin/bash + +echo "copying static content" +STATIC_CONFIG_PATH=/opt/emqx/lib/emqx_dashboard-4.4.10/priv/www/static/ +cp /opt/emqx/static/css/* $STATIC_CONFIG_PATH/css/ +cp /opt/emqx/static/img/* $STATIC_CONFIG_PATH/img/ + +echo "Starting server.." +sh /opt/emqx/bin/emqx foreground diff --git a/static/css/app.cf1a32fcdaf819de2bf7101f63de512f.css b/static/css/app.cf1a32fcdaf819de2bf7101f63de512f.css new file mode 100644 index 0000000..0d1b5eb --- /dev/null +++ b/static/css/app.cf1a32fcdaf819de2bf7101f63de512f.css @@ -0,0 +1,23516 @@ +.login-view { + width: 100%; + height: 100%; + background-color: #000000 +} + +.login-view .el-card { + width: 420px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%) +} + +.login-view .el-card .el-card__header { + font-size: 16px +} + +.login-view .error input { + border: 2px solid #e0b4b4 +} + +.login-view .login-footer { + margin-top: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.home-view { + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-height: 100% +} + +.home-view .home-content { + margin: 0 32px 0 232px; + padding: 60px 0 20px +} + +.default-pwd-tip { + width: 380px +} + +.default-pwd-tip .el-message-box__content { + padding-top: 28px +} + +.default-pwd-tip .el-message-box__message { + padding-right: 0 +} + +.left-bar { + position: fixed; + top: 0; + bottom: 0; + width: 200px; + z-index: 1002; + overflow-y: auto; + overflow-x: hidden; + padding-bottom: 45px; + background-color: #242327; + -webkit-box-shadow: 0 0 15px #0b0b0b; + box-shadow: 0 0 15px #0b0b0b +} + +.left-bar .iconfont { + margin-right: 8px; + font-size: 18px +} + +.left-bar .logo-box { + position: fixed; + top: 0; + z-index: 100; + width: 200px; + color: #fff !important; + background-color: #242327; + padding-left: 22px; + height: 60px; + line-height: 74px +} + +.left-bar .logo-box img { + width: 120px; + padding-top: 10px; + height: auto +} + +.left-bar .bar-footer { + position: fixed; + bottom: 0; + width: 180px; + z-index: 1003; + padding-left: 20px; + height: 47px; + line-height: 47px; + background: inherit; + border-top: 1px solid #2b2c30; + color: #fff !important +} + +.left-bar .bar-footer span { + font-size: 16px; + font-weight: bolder; + margin-right: 12px; + vertical-align: middle +} + +.left-bar .bar-footer a { + font-weight: 700; +} + +.left-bar .bar-footer a img { + width: 25px; + height: 50px; + border: none; + vertical-align: middle; + color: #0c7cd1; +} + +.left-bar .el-menu { + width: 200px; + min-height: 100%; + border-right: none !important +} + +.left-bar .menu-wrapper { + padding-top: 58px +} + +.left-bar .el-submenu__title { + padding-left: 27px !important; + height: 40px; + line-height: 40px +} + +.left-bar .el-submenu .el-menu-item { + width: 157px !important; + min-width: 0; + margin-left: 11px +} + +.left-bar .el-menu-item { + height: 36px !important; + line-height: 36px !important; + background-color: #8f8e8e; + color: #929299 !important; + border-radius: 4px; + width: 185px; + margin-left: 7px; + margin-bottom: 4px; + margin-top: 4px; + -webkit-transition: border-color .3s, background-color .3s, color .3s, -webkit-box-shadow .3s; + transition: border-color .3s, background-color .3s, color .3s, -webkit-box-shadow .3s; + transition: border-color .3s, background-color .3s, color .3s, box-shadow .3s; + transition: border-color .3s, background-color .3s, color .3s, box-shadow .3s, -webkit-box-shadow .3s +} + +.left-bar .el-menu-item:hover { + color: #fff !important; + background-color: #393a3e !important +} + +.left-bar .el-menu-item:hover i { + color: #fff !important +} + +.left-bar .el-menu-item.is-active { + color: #fff !important; + background-color: #0f84bb !important; + -webkit-box-shadow: 0 0 5px 0 #0f84bb; + box-shadow: 0 0 5px 0 #0f84bb +} + +.left-bar .el-menu-item.is-active i { + color: #fff !important +} + +.left-bar .last-item { + margin-bottom: 72px +} + +.left-bar .menu-dot .el-badge__content.is-fixed.is-dot { + top: 17px; + right: 0 +} + +.left-bar .submenu-dot .el-badge__content.is-fixed.is-dot { + right: 3px; + top: 14px +} + +.topbar { + height: 60px; + line-height: 60px; + padding-left: 110px; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 4 +} + +.topbar .top-area { + background-color: #242327; + height: 100%; + padding: 0 32px; + text-align: right +} + +.topbar .top-area .topbar-right .help-link { + display: inline; + line-height: 32px +} + +.topbar .top-area .topbar-right .help-link .link { + display: inline-block; + color: #82858f; + padding: 0 20px; + border-right: 1px solid #2b2c30; + position: relative; + top: 3px +} + +.topbar .top-area .topbar-right .help-link .link .icon-bangzhu { + font-size: 20px +} + +.topbar .top-area .topbar-right .help-link a.active { + color: #0f84bb +} + +.topbar .top-area .topbar-right .el-button { + border-radius: 40px; + border-width: 2px; + margin-left: 20px; + font-size: 14px; + font-weight: 400; + line-height: 15px; + background: transparent +} + +.topbar .top-area .topbar-right .el-button.enterprise-btn { + color: #0f84bb; + border-color: #0f84bb +} + +.topbar .top-area .topbar-right .el-button.enterprise-btn .icon-arrow { + position: relative; + top: 1px +} + +.topbar .top-area .topbar-right .el-button.github-btn { + color: #adafb4; + border-color: #adafb4 +} + +.topbar .top-area .topbar-right .el-button .iconfont { + margin-left: 5px +} + +.topbar .top-area .topbar-right .el-button--medium { + padding: 9px 20px +} + +.overview-view * { + padding: 0; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.overview-view .el-select .el-input__inner { + padding-left: 10px +} + +.overview-view .card-box { + position: relative; + margin-top: 74px +} + +.overview-view .card-box .card-title { + position: absolute; + height: 24px; + line-height: 24px; + width: 100%; + top: -34px; + left: 0; + font-size: 16px +} + +.overview-view .card-box .el-table { + margin-top: 0 +} + +.overview-view .card-box .el-table .caret-wrapper { + left: -8px +} + +.overview-view .card-box .el-table--medium td, .overview-view .card-box .stats-table.el-table--medium th { + padding: 4px 0 +} + +@media screen and (max-width: 1280px) { + .overview-view .card-box .el-col-6 { + width: 50% !important; + margin-top: 10px !important + } +} + +@media screen and (max-width: 740px) { + .overview-view .card-box .el-col-6 { + width: 100% !important; + margin-top: 10px !important + } +} + +.overview-view .card-box .broker-card.el-row { + overflow-x: auto +} + +.overview-view .card-box .broker-card .el-col .card-item { + height: 90px; + min-width: 250px; + line-height: 90px; + padding: 18px 20px 0; + border-radius: 4px +} + +.overview-view .card-box .broker-card .el-col .card-item .icon { + float: left; + width: 54px; + height: 54px; + line-height: 50px; + text-align: center; + border: 2px solid; + border-radius: 50% +} + +.overview-view .card-box .broker-card .el-col .card-item .icon i { + font-size: 26px +} + +.overview-view .card-box .broker-card .el-col .card-item .desc { + line-height: normal; + float: right; + text-align: right; + height: 70px +} + +.overview-view .card-box .broker-card .el-col .card-item .desc h3 { + font-size: 14px; + font-weight: 700 +} + +.overview-view .card-box .broker-card .el-col .card-item .desc p { + margin-top: 12px; + max-width: 150px +} + +.overview-view span { + line-height: 10px +} + +.overview-view .box-card, .overview-view .el-row { + margin-top: 20px +} + +.overview-view .iconfont { + position: relative +} + +.data-view .el-table { + margin-top: 24px +} + +.data-view .el-row { + margin-top: 20px +} + +.data-view .el-input { + width: 240px +} + +.data-view .search-btn { + margin-left: 8px +} + +.data-view .el-breadcrumb { + margin-top: 10px; + margin-bottom: 20px +} + +.data-view .el-pagination .el-select .el-input .el-input__inner { + height: 22px +} + +.data-view .el-select .el-input .el-select__caret { + line-height: 12px +} + +.data-view .search-card { + margin-top: 24px; + border: none +} + +.data-view .search-card .el-card__body { + padding: 5px 12px +} + +.data-view .search-card .el-input, .data-view .search-card .el-select { + width: 100% +} + +.data-view .search-card .el-input--medium .el-input__inner { + height: 32px !important +} + +.data-view .search-card .col-share { + position: absolute; + bottom: -13px +} + +.data-view .search-card .col-oper { + float: right; + position: relative; + top: 1px; + margin-bottom: 10px +} + +.data-view .search-card .col-oper .show-more { + margin: 0 10px; + font-size: 12px +} + +.data-view .search-card .form-item-row { + margin-top: 0 +} + +.data-view .search-card .form-item-row .el-select.comparator .el-input--medium .el-input__inner, .data-view .search-card .form-item-row .el-select.match .el-input--medium .el-input__inner { + border-radius: 4px 0 0 4px +} + +.data-view .search-card .form-item-row .el-input__inner { + border-radius: 0 4px 4px 0 +} + +.data-view .search-card .el-select .el-input .el-select__caret { + line-height: 36px +} + +.data-view .custom-pagination { + margin-top: 10px +} + +.data-view .custom-pagination a { + -webkit-transition: all .3s ease; + transition: all .3s ease; + color: #fff; + margin-right: 10px; + background: #0f84bb; + display: inline-block; + border-radius: 4px; + padding: 5px 8px +} + +.data-view .custom-pagination a:hover { + color: #fff +} + +.data-view .custom-pagination a.disabled { + -webkit-transition: all .3s ease; + transition: all .3s ease; + color: #606266; + background: transparent; + cursor: not-allowed +} + +.clients-view .client-oper { + float: right; + margin-top: -32px; + color: #adafb4 +} + +.clients-view .client-oper .connect-btn { + border: 1px solid; + background: transparent; + margin-left: 20px; + min-width: 80px; + font-size: 14px; + font-weight: 400 +} + +.clients-view .client-oper .connect-btn.disconnected { + border-color: #ff6d6d; + color: #ff6d6d +} + +.clients-view .client-oper .connect-btn.connected { + border-color: #adafb4; + color: #adafb4 +} + +.clients-view .client-oper .connect-btn:hover { + background: transparent !important +} + +.clients-view .el-card.tabs-card { + border-radius: 0 0 4px 4px +} + +.clients-view .el-card .el-card__body { + padding: 10px 36px +} + +.clients-view .card-subtitle { + font-size: 16px; + margin: 24px 0 +} + +.clients-basic .clients-basic-form .form-item-desc { + color: #5f6067; + margin-left: 20px; + font-size: 14px +} + +.clients-basic .clients-basic-form .el-form-item__content { + color: #f8f8f8 +} + +.clients-basic .clients-basic-form .el-form-item { + margin-bottom: 12px +} + +.clients-basic .view-more { + margin: 24px 0; + font-size: 14px +} + +.clients-subscriptions .oper-btn-group { + text-align: right; + margin: 24px 0 +} + +.clients-subscriptions .client-sub-table { + margin-bottom: 24px +} + +.clients-subscriptions .el-select--public { + width: 100% +} + +.clients-subscriptions .el-select--public .el-input__inner { + height: 32px !important; + line-height: 32px !important +} + +.rules-view .el-table { + margin-top: 24px +} + +.rules-view .status-wrapper { + padding: 0; + list-style-type: none +} + +.rules-view .status-wrapper .status-item { + padding: 2px 6px +} + +.rules-view .status-wrapper .status-item > span { + margin-right: 12px +} + +.rules-view span[type=info] { + padding-right: 20px +} + +.rules-view span[type=info] > span { + margin-left: 6px; + color: #333; + font-weight: 600; + border-bottom: 1px dashed #d8d8d8 +} + +.rules-view span[type=info] > span:hover { + font-weight: 800 +} + +.rules-view .page-title { + margin-bottom: 24px +} + +.rules-view .card-search .el-select { + width: 100% +} + +.rules-view .card-search .el-select.el-select--small .el-input__inner { + height: 32px !important +} + +.rules-view .card-search .el-form-item--medium .el-form-item__content { + height: 32px +} + +.rules-view .card-search .el-form-item--medium .el-form-item__label { + line-height: 32px +} + +.rules-view .card-search .el-col { + line-height: 1; + margin-bottom: 16px +} + +.rules-view .card-search .el-col .el-form-item { + margin-bottom: 0 +} + +.rules-view .card-search .like-input { + font-size: 0 +} + +.rules-view .card-search .like-input .el-input__inner { + position: relative; + -webkit-transition: none; + transition: none +} + +.rules-view .card-search .like-input > .el-input, .rules-view .card-search .like-input > .el-select { + vertical-align: top +} + +.rules-view .card-search .like-input > .el-input .el-input__inner:hover, .rules-view .card-search .like-input > .el-input:hover .el-input__inner, .rules-view .card-search .like-input > .el-select .el-input__inner:hover, .rules-view .card-search .like-input > .el-select:hover .el-input__inner { + z-index: 20 +} + +.rules-view .card-search .like-input > .el-select { + width: 42% +} + +.rules-view .card-search .like-input > .el-select .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + background-color: var(--el-fill-color-light) +} + +.rules-view .card-search .like-input > .el-input { + width: 58%; + position: relative; + left: -1px +} + +.rules-view .card-search .like-input > .el-input .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: transparent +} + +.rules-view .col-oper { + float: right; + position: relative; + top: 1px; + margin-bottom: 10px +} + +.rules-view .col-oper .show-more { + margin: 0 10px; + font-size: 12px +} + +.rule-actions .status-wrapper .status-item, .rule-actions .status-wrapper .title { + margin-bottom: 10px +} + +.rule-actions .status-wrapper .key { + width: 120px; + display: inline-block; + vertical-align: top; + margin-right: 12px; + word-break: break-all +} + +.rule-actions .action-item { + margin: 2px auto +} + +.rule-actions .action-card { + font-size: 14px; + margin-bottom: 24px +} + +.rule-actions .action-card .action-body, .rule-actions .action-card .action-footer { + padding: 20px +} + +.rule-actions .action-card .filed-item { + margin-bottom: 16px +} + +.rule-actions .action-card .filed-item:last-child { + margin-bottom: 0 +} + +.rule-actions .action-card .filed-item .title { + margin-right: 10px +} + +.rule-actions .action-card .action-oper { + text-align: right; + position: relative +} + +.rule-actions .action-card .action-oper .delete-btn { + margin-bottom: 40px +} + +.rule-actions .action-card .action-oper .fallbacks { + position: absolute; + right: 0; + bottom: 0 +} + +.rule-actions .action-card .action-oper .fallbacks .el-button [class*=el-icon-] + span { + margin-left: 0 +} + +.rule-actions .action-card:last-child { + margin-bottom: 0 +} + +.rule-actions .el-table__expanded-cell { + padding: 6px; + font-size: 12px +} + +.action-dialog .action-tips { + padding: 20px auto; + font-size: 13px +} + +.action-dialog .resource-item .el-form-item__label { + width: 100%; + text-align: left; + padding-right: 0 +} + +.action-dialog .el-form-item__content { + clear: both +} + +.action-dialog .el-select { + width: 100% +} + +.action-dialog .el-form-item__content { + line-height: 1 +} + +.resource-dialog .el-form { + padding: 20px +} + +.resource-dialog .el-input--medium .el-input__inner { + height: 35px; + line-height: 35px +} + +.resource-dialog .block__title { + padding-left: 10px; + margin-left: 10px; + border-left: 4px solid #34c388; + margin-bottom: 20px +} + +.resource-dialog .el-select { + width: 100% +} + +.resource-dialog .divide { + margin: 25px auto; + border-bottom: 1px solid #d8d8d8; + clear: both +} + +.resource-dialog .el-form-item__content { + clear: both +} + +.file-editor .el-form-item { + margin-bottom: 0 +} + +.file-editor .el-upload { + width: 100%; + text-align: right +} + +.file-editor .el-upload .file-icon { + color: #0f84bb +} + +.rule-create .page-title .el-breadcrumb { + text-transform: none +} + +.rule-create .el-card { + margin-top: 24px; + min-height: 150px; + padding: 20px; + overflow: visible +} + +.rule-create .el-card .config-null { + text-align: center; + margin: 20px auto +} + +.rule-create .toggle-btn { + cursor: pointer; + margin-top: 4px; + width: auto +} + +.rule-create .show-guess { + line-height: 1.4 +} + +.rule-create .show-guess p { + font-size: 13px; + margin-bottom: 4px +} + +.rule-create .show-guess p .notice { + color: #ff6d6d +} + +.rule-create .form-block--wrapper { + margin-bottom: 50px; + padding-bottom: 24px +} + +.rule-create .form-block--wrapper .form-block__title { + margin-bottom: 30px; + padding-left: 10px; + border-left: 4px solid #34c388 +} + +.rule-create .form-block--wrapper .form-block__title .form-block__title-tips { + font-size: 12px; + display: inline-block; + margin-left: 4px +} + +.rule-create .form-block--wrapper .form-block__body { + padding-left: 20px +} + +.rule-create .sql-tips { + padding: 20px; + border-radius: 4px; + font-size: 15px; + max-height: 480px +} + +.rule-create .sql-tips .title { + padding: 0 20px 12px +} + +.rule-create .sql-tips .el-scrollbar__wrap { + overflow-x: hidden +} + +.rule-create .sql-tips .doc-wrapper { + max-height: 400px; + padding: 0 20px +} + +.rule-create .sql-tips p { + font-size: 13px; + margin-bottom: 4px +} + +.rule-create .sql-tips li { + font-size: 13px; + margin: 8px 12px +} + +.rule-create .sql-tips code, .rule-create .sql-tips span { + font-size: 12px; + margin-bottom: 12px +} + +.rule-create .code { + line-height: 1.4; + padding: 6px; + border-radius: 4px; + margin-bottom: 12px +} + +.rule-create .code.text { + line-height: 1.8 +} + +.rule-create .test-btn { + margin-top: 12px +} + +.code-sql { + line-height: 18px !important; + margin-bottom: 44px +} + +.code-sql.rawsql .el-form-item__content { + height: 420px +} + +.code-sql.payload .el-form-item__content { + height: 200px +} + +.code-sql .el-form-item__content { + line-height: 18px !important +} + +.code-sql .payload-type { + width: 100%; + text-align: right; + padding: 2px 4px; + margin-bottom: 12px +} + +.code-sql .payload-type .el-radio__label { + font-size: 13px +} + +.code-sql.is-error .code-sql__editor, .code-sql.is-error .monaco-container { + border-color: #ff6d6d +} + +#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) + } +} + +.monaco-view { + height: 100%; + position: relative +} + +.monaco-editor .accessibilityHelpWidget { + padding: 10px; + vertical-align: middle; + overflow: scroll +} + +.monaco-aria-container { + position: absolute; + left: -999em +} + +.monaco-editor .bracket-match { + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.monaco-menu .monaco-action-bar.vertical .action-label.hover { + background-color: #eee +} + +.monaco-editor .monaco-editor-overlaymessage { + padding-bottom: 8px +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0 + } + to { + opacity: 1 + } +} + +@keyframes fadeIn { + 0% { + opacity: 0 + } + to { + opacity: 1 + } +} + +.monaco-editor .monaco-editor-overlaymessage.fadeIn { + -webkit-animation: fadeIn .15s ease-out; + animation: fadeIn .15s ease-out +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1 + } + to { + opacity: 0 + } +} + +@keyframes fadeOut { + 0% { + opacity: 1 + } + to { + opacity: 0 + } +} + +.monaco-editor .monaco-editor-overlaymessage.fadeOut { + -webkit-animation: fadeOut .1s ease-out; + animation: fadeOut .1s ease-out +} + +.monaco-editor .monaco-editor-overlaymessage .message { + padding: 1px 4px +} + +.monaco-editor .monaco-editor-overlaymessage .anchor { + width: 0 !important; + height: 0 !important; + z-index: 1000; + border: 8px solid transparent; + position: absolute +} + +.monaco-action-bar { + text-align: right; + overflow: hidden; + white-space: nowrap +} + +.monaco-action-bar .actions-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 0 auto; + padding: 0; + width: 100%; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end +} + +.monaco-action-bar.vertical .actions-container { + display: inline-block +} + +.monaco-action-bar.reverse .actions-container { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse +} + +.monaco-action-bar .action-item { + cursor: pointer; + display: inline-block; + -webkit-transition: -webkit-transform 50ms ease; + transition: -webkit-transform 50ms ease; + transition: transform 50ms ease; + transition: transform 50ms ease, -webkit-transform 50ms ease; + position: relative +} + +.monaco-action-bar .action-item.disabled { + cursor: default +} + +.monaco-action-bar.animated .action-item.active { + -webkit-transform: scale(1.272019649); + transform: scale(1.272019649) +} + +.monaco-action-bar .action-item .codicon, .monaco-action-bar .action-item .icon { + display: inline-block +} + +.monaco-action-bar .action-label { + font-size: 11px; + margin-right: 4px +} + +.monaco-action-bar .action-item.disabled .action-label, .monaco-action-bar .action-item.disabled .action-label:hover { + opacity: .4 +} + +.monaco-action-bar.vertical { + text-align: left +} + +.monaco-action-bar.vertical .action-item { + display: block +} + +.monaco-action-bar.vertical .action-label.separator { + display: block; + border-bottom: 1px solid #bbb; + padding-top: 1px; + margin-left: .8em; + margin-right: .8em +} + +.monaco-action-bar.animated.vertical .action-item.active { + -webkit-transform: translate(5px); + transform: translate(5px) +} + +.secondary-actions .monaco-action-bar .action-label { + margin-left: 6px +} + +.monaco-action-bar .action-item.select-container { + overflow: hidden; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 170px; + min-width: 60px; + margin-right: 10px +} + +.monaco-action-bar .action-item.select-container, .monaco-editor .codicon-lightbulb, .monaco-editor .lightbulb-glyph { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.monaco-editor .codicon-lightbulb, .monaco-editor .lightbulb-glyph { + height: 16px; + width: 20px; + padding-left: 2px +} + +.monaco-editor .codicon-lightbulb:hover, .monaco-editor .lightbulb-glyph:hover { + cursor: pointer +} + +.monaco-editor .codelens-decoration { + overflow: hidden; + display: inline-block; + text-overflow: ellipsis +} + +.monaco-editor .codelens-decoration > a, .monaco-editor .codelens-decoration > span { + -moz-user-select: none; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + white-space: nowrap; + vertical-align: sub +} + +.monaco-editor .codelens-decoration > a { + text-decoration: none +} + +.monaco-editor .codelens-decoration > a:hover { + cursor: pointer +} + +.monaco-editor .codelens-decoration .codicon { + vertical-align: middle; + color: currentColor !important +} + +.monaco-editor .codelens-decoration > a:hover .codicon:before { + cursor: pointer +} + +@-webkit-keyframes fadein { + 0% { + opacity: 0; + visibility: visible + } + to { + opacity: 1 + } +} + +@keyframes fadein { + 0% { + opacity: 0; + visibility: visible + } + to { + opacity: 1 + } +} + +.monaco-editor .codelens-decoration.fadein { + -webkit-animation: fadein .1s linear; + animation: fadein .1s linear +} + +.monaco-menu .monaco-action-bar.vertical { + margin-left: 0; + overflow: visible +} + +.monaco-menu .monaco-action-bar.vertical .actions-container { + display: block +} + +.monaco-menu .monaco-action-bar.vertical .action-item { + padding: 0; + -webkit-transform: none; + transform: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.monaco-menu .monaco-action-bar.vertical .action-item.active { + -webkit-transform: none; + transform: none +} + +.monaco-menu .monaco-action-bar.vertical .action-menu-item { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 2em; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative +} + +.monaco-menu .monaco-action-bar.vertical .action-label { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-decoration: none; + padding: 0 1em; + background: none; + font-size: 12px; + line-height: 1 +} + +.monaco-menu .monaco-action-bar.vertical .keybinding, .monaco-menu .monaco-action-bar.vertical .submenu-indicator { + display: inline-block; + -webkit-box-flex: 2; + -ms-flex: 2 1 auto; + flex: 2 1 auto; + padding: 0 1em; + text-align: right; + font-size: 12px; + line-height: 1 +} + +.monaco-menu .monaco-action-bar.vertical .submenu-indicator { + height: 100% +} + +.monaco-menu .monaco-action-bar.vertical .submenu-indicator.codicon { + font-size: 16px !important; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.monaco-menu .monaco-action-bar.vertical .submenu-indicator.codicon:before { + margin-left: auto; + margin-right: -20px +} + +.monaco-menu .monaco-action-bar.vertical .action-item.disabled .keybinding, .monaco-menu .monaco-action-bar.vertical .action-item.disabled .submenu-indicator { + opacity: .4 +} + +.monaco-menu .monaco-action-bar.vertical .action-label:not(.separator) { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 +} + +.monaco-menu .monaco-action-bar.vertical .action-item { + position: static; + overflow: visible +} + +.monaco-menu .monaco-action-bar.vertical .action-item .monaco-submenu { + position: absolute +} + +.monaco-menu .monaco-action-bar.vertical .action-label.separator { + padding: .5em 0 0; + margin-bottom: .5em; + width: 100% +} + +.monaco-menu .monaco-action-bar.vertical .action-label.separator.text { + padding: .7em 1em .1em; + font-weight: 700; + opacity: 1 +} + +.monaco-menu .monaco-action-bar.vertical .action-label:hover { + color: inherit +} + +.monaco-menu .monaco-action-bar.vertical .menu-item-check { + position: absolute; + visibility: hidden; + width: 1em; + height: 100% +} + +.monaco-menu .monaco-action-bar.vertical .action-menu-item.checked .menu-item-check { + visibility: visible; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.context-view.monaco-menu-container { + outline: 0; + border: none; + -webkit-animation: fadeIn 83ms linear; + animation: fadeIn 83ms linear +} + +.context-view.monaco-menu-container .monaco-action-bar.vertical:focus, .context-view.monaco-menu-container .monaco-action-bar.vertical :focus, .context-view.monaco-menu-container :focus { + outline: 0 +} + +.monaco-menu .monaco-action-bar.vertical .action-item { + border: thin solid transparent +} + +.hc-black .context-view.monaco-menu-container { + -webkit-box-shadow: none; + box-shadow: none +} + +.hc-black .monaco-menu .monaco-action-bar.vertical .action-item.focused { + background: none +} + +.menubar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 1; + flex-shrink: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 30px; + overflow: hidden; + -ms-flex-wrap: wrap; + flex-wrap: wrap +} + +.fullscreen .menubar:not(.compact) { + margin: 0; + padding: 0 5px +} + +.menubar > .menubar-menu-button { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 8px; + cursor: default; + -webkit-app-region: no-drag; + zoom: 1; + white-space: nowrap; + outline: 0 +} + +.menubar.compact { + -ms-flex-negative: 0; + flex-shrink: 0 +} + +.menubar.compact > .menubar-menu-button { + width: 100%; + height: 100%; + padding: 0 +} + +.menubar .menubar-menu-items-holder { + position: absolute; + left: 0; + opacity: 1; + z-index: 2000 +} + +.menubar .menubar-menu-items-holder.monaco-menu-container { + outline: 0; + border: none +} + +.menubar .menubar-menu-items-holder.monaco-menu-container :focus { + outline: 0 +} + +.menubar .toolbar-toggle-more { + width: 20px; + height: 100% +} + +.menubar.compact .toolbar-toggle-more { + position: absolute; + left: 0; + top: 0; + cursor: pointer; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.menubar .toolbar-toggle-more { + padding: 0; + vertical-align: sub +} + +.menubar.compact .toolbar-toggle-more:before { + content: "\EB94" !important +} + +.monaco-scrollable-element > .scrollbar > .up-arrow { + background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNDggOC45NjFsMS4yNi0xLjI2LTUuMDQtNS4wNC01LjQ2IDUuMDQgMS4yNiAxLjI2IDQuMi0zLjc4IDMuNzggMy43OHoiIGZpbGw9IiM0MjQyNDIiLz48L3N2Zz4="); + cursor: pointer +} + +.monaco-scrollable-element > .scrollbar > .down-arrow { + background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMSI+PHBhdGggZmlsbD0iIzQyNDI0MiIgZD0iTTEuNSAyLjY2MkwuMjQgMy45MjJsNS4wNCA1LjA0IDUuNDYtNS4wNC0xLjI2LTEuMjYtNC4yIDMuNzgtMy43OC0zLjc4eiIvPjwvc3ZnPg=="); + cursor: pointer +} + +.monaco-scrollable-element > .scrollbar > .left-arrow { + background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMSI+PHBhdGggZmlsbD0iIzQyNDI0MiIgZD0iTTguNjQgMS40NDFMNy4zOC4xODFsLTUuMDQgNS4wNCA1LjA0IDUuNDYgMS4yNi0xLjI2LTMuNzgtNC4yIDMuNzgtMy43OHoiLz48L3N2Zz4="); + cursor: pointer +} + +.monaco-scrollable-element > .scrollbar > .right-arrow { + background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzQyNDI0MiIgZD0iTTIuNDY3IDkuNTQ4bDEuMjYgMS4yNiA1LjA0LTUuMDQtNS4wNC01LjQ2LTEuMjYgMS4yNiAzLjc4IDQuMi0zLjc4IDMuNzh6Ii8+PC9zdmc+"); + cursor: pointer +} + +.hc-black .monaco-scrollable-element > .scrollbar > .up-arrow, .vs-dark .monaco-scrollable-element > .scrollbar > .up-arrow { + background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNDggOC45NjFsMS4yNi0xLjI2LTUuMDQtNS4wNC01LjQ2IDUuMDQgMS4yNiAxLjI2IDQuMi0zLjc4IDMuNzggMy43OHoiIGZpbGw9IiNFOEU4RTgiLz48L3N2Zz4=") +} + +.hc-black .monaco-scrollable-element > .scrollbar > .down-arrow, .vs-dark .monaco-scrollable-element > .scrollbar > .down-arrow { + background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMSI+PHBhdGggZmlsbD0iI0U4RThFOCIgZD0iTTEuNSAyLjY2MkwuMjQgMy45MjJsNS4wNCA1LjA0IDUuNDYtNS4wNC0xLjI2LTEuMjYtNC4yIDMuNzgtMy43OC0zLjc4eiIvPjwvc3ZnPg==") +} + +.hc-black .monaco-scrollable-element > .scrollbar > .left-arrow, .vs-dark .monaco-scrollable-element > .scrollbar > .left-arrow { + background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMSI+PHBhdGggZmlsbD0iI0U4RThFOCIgZD0iTTguNjQgMS40NDFMNy4zOC4xODFsLTUuMDQgNS4wNCA1LjA0IDUuNDYgMS4yNi0xLjI2LTMuNzgtNC4yIDMuNzgtMy43OHoiLz48L3N2Zz4=") +} + +.hc-black .monaco-scrollable-element > .scrollbar > .right-arrow, .vs-dark .monaco-scrollable-element > .scrollbar > .right-arrow { + background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0U4RThFOCIgZD0iTTIuNDY3IDkuNTQ4bDEuMjYgMS4yNiA1LjA0LTUuMDQtNS4wNC01LjQ2LTEuMjYgMS4yNiAzLjc4IDQuMi0zLjc4IDMuNzh6Ii8+PC9zdmc+") +} + +.monaco-scrollable-element > .visible { + opacity: 1; + background: transparent; + -webkit-transition: opacity .1s linear; + transition: opacity .1s linear +} + +.monaco-scrollable-element > .invisible { + opacity: 0; + pointer-events: none +} + +.monaco-scrollable-element > .invisible.fade { + -webkit-transition: opacity .8s linear; + transition: opacity .8s linear +} + +.monaco-scrollable-element > .shadow { + position: absolute; + display: none +} + +.monaco-scrollable-element > .shadow.top { + display: block; + top: 0; + left: 3px; + height: 3px; + width: 100%; + -webkit-box-shadow: #ddd 0 6px 6px -6px inset; + box-shadow: inset 0 6px 6px -6px #ddd +} + +.monaco-scrollable-element > .shadow.left { + display: block; + top: 3px; + left: 0; + height: 100%; + width: 3px; + -webkit-box-shadow: #ddd 6px 0 6px -6px inset; + box-shadow: inset 6px 0 6px -6px #ddd +} + +.monaco-scrollable-element > .shadow.top-left-corner { + display: block; + top: 0; + left: 0; + height: 3px; + width: 3px +} + +.monaco-scrollable-element > .shadow.top.left { + -webkit-box-shadow: #ddd 6px 6px 6px -6px inset; + box-shadow: inset 6px 6px 6px -6px #ddd +} + +.vs .monaco-scrollable-element > .scrollbar > .slider { + background: hsla(0, 0%, 39.2%, .4) +} + +.vs-dark .monaco-scrollable-element > .scrollbar > .slider { + background: hsla(0, 0%, 47.5%, .4) +} + +.hc-black .monaco-scrollable-element > .scrollbar > .slider { + background: rgba(111, 195, 223, .6) +} + +.monaco-scrollable-element > .scrollbar > .slider:hover { + background: hsla(0, 0%, 39.2%, .7) +} + +.hc-black .monaco-scrollable-element > .scrollbar > .slider:hover { + background: rgba(111, 195, 223, .8) +} + +.monaco-scrollable-element > .scrollbar > .slider.active { + background: rgba(0, 0, 0, .6) +} + +.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active { + background: hsla(0, 0%, 74.9%, .4) +} + +.hc-black .monaco-scrollable-element > .scrollbar > .slider.active { + background: #6fc3df +} + +.vs-dark .monaco-scrollable-element .shadow.top { + -webkit-box-shadow: none; + box-shadow: none +} + +.vs-dark .monaco-scrollable-element .shadow.left { + -webkit-box-shadow: #000 6px 0 6px -6px inset; + box-shadow: inset 6px 0 6px -6px #000 +} + +.vs-dark .monaco-scrollable-element .shadow.top.left { + -webkit-box-shadow: #000 6px 6px 6px -6px inset; + box-shadow: inset 6px 6px 6px -6px #000 +} + +.hc-black .monaco-scrollable-element .shadow.left, .hc-black .monaco-scrollable-element .shadow.top, .hc-black .monaco-scrollable-element .shadow.top.left { + -webkit-box-shadow: none; + box-shadow: none +} + +.monaco-editor.vs .dnd-target { + border-right: 2px dotted #000; + color: #fff +} + +.monaco-editor.vs-dark .dnd-target { + border-right: 2px dotted #aeafad; + color: #51504f +} + +.monaco-editor.hc-black .dnd-target { + border-right: 2px dotted #fff; + color: #000 +} + +.monaco-editor.hc-black.mac.mouse-default .view-lines, .monaco-editor.mouse-default .view-lines, .monaco-editor.vs-dark.mac.mouse-default .view-lines { + cursor: default +} + +.monaco-editor.hc-black.mac.mouse-copy .view-lines, .monaco-editor.mouse-copy .view-lines, .monaco-editor.vs-dark.mac.mouse-copy .view-lines { + cursor: copy +} + +.monaco-custom-checkbox { + margin-left: 2px; + float: left; + cursor: pointer; + overflow: hidden; + opacity: .7; + width: 20px; + height: 20px; + border: 1px solid transparent; + padding: 1px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -moz-user-select: none; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none +} + +.monaco-custom-checkbox.checked, .monaco-custom-checkbox:hover { + opacity: 1 +} + +.hc-black .monaco-custom-checkbox, .hc-black .monaco-custom-checkbox:hover { + background: none +} + +.monaco-custom-checkbox.monaco-simple-checkbox { + height: 18px; + width: 18px; + border: 1px solid transparent; + border-radius: 3px; + margin-right: 9px; + margin-left: 0; + padding: 0; + opacity: 1; + background-size: 16px !important +} + +.monaco-custom-checkbox.monaco-simple-checkbox.unchecked:not(.checked):before { + visibility: hidden +} + +.monaco-editor .find-widget { + position: absolute; + z-index: 10; + height: 33px; + overflow: hidden; + line-height: 19px; + -webkit-transition: -webkit-transform .2s linear; + transition: -webkit-transform .2s linear; + transition: transform .2s linear; + transition: transform .2s linear, -webkit-transform .2s linear; + padding: 0 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateY(calc(-100% - 10px)); + transform: translateY(calc(-100% - 10px)) +} + +.monaco-editor .find-widget textarea { + margin: 0 +} + +.monaco-editor .find-widget.hiddenEditor { + display: none +} + +.monaco-editor .find-widget.replaceToggled > .replace-part { + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.monaco-editor .find-widget.visible { + -webkit-transform: translateY(0); + transform: translateY(0) +} + +.monaco-editor .find-widget .monaco-inputbox.synthetic-focus { + outline: 1px solid -webkit-focus-ring-color; + outline-offset: -1px +} + +.monaco-editor .find-widget .monaco-inputbox .input { + background-color: transparent; + min-height: 0 +} + +.monaco-editor .find-widget .monaco-findInput .input { + font-size: 13px +} + +.monaco-editor .find-widget > .find-part, .monaco-editor .find-widget > .replace-part { + margin: 4px 0 0 17px; + font-size: 12px; + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.monaco-editor .find-widget > .find-part .monaco-inputbox, .monaco-editor .find-widget > .replace-part .monaco-inputbox { + min-height: 25px +} + +.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror { + padding-right: 22px +} + +.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input, .monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .mirror, .monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .input, .monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror { + padding-top: 2px; + padding-bottom: 2px +} + +.monaco-editor .find-widget > .find-part .find-actions, .monaco-editor .find-widget > .replace-part .replace-actions { + height: 25px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.monaco-editor .find-widget .monaco-findInput { + vertical-align: middle; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1 +} + +.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element { + width: 100% +} + +.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical { + opacity: 0 +} + +.monaco-editor .find-widget .matchesCount { + margin: 0 0 0 3px; + padding: 2px 0 0 2px; + height: 25px; + vertical-align: middle; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + line-height: 23px +} + +.monaco-editor .find-widget .button, .monaco-editor .find-widget .matchesCount { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: initial; + -ms-flex: initial; + flex: initial +} + +.monaco-editor .find-widget .button { + width: 20px; + height: 20px; + margin-left: 3px; + background-position: 50%; + background-repeat: no-repeat; + cursor: pointer; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.monaco-editor .find-widget .button:not(.disabled):hover { + background-color: rgba(0, 0, 0, .1) +} + +.monaco-editor .find-widget .button.left { + margin-left: 0; + margin-right: 3px +} + +.monaco-editor .find-widget .button.wide { + width: auto; + padding: 1px 6px; + top: -1px +} + +.monaco-editor .find-widget .button.toggle { + position: absolute; + top: 0; + left: 3px; + width: 18px; + height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.monaco-editor .find-widget .button.toggle.disabled { + display: none +} + +.monaco-editor .find-widget .disabled { + opacity: .3; + cursor: default +} + +.monaco-editor .find-widget > .replace-part { + display: none +} + +.monaco-editor .find-widget > .replace-part > .monaco-findInput { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + vertical-align: middle; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0 +} + +.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls { + position: absolute; + top: 3px; + right: 2px +} + +.monaco-editor .find-widget.reduced-find-widget .matchesCount { + display: none +} + +.monaco-editor .find-widget.narrow-find-widget { + max-width: 257px !important +} + +.monaco-editor .find-widget.collapsed-find-widget { + max-width: 170px !important +} + +.monaco-editor .find-widget.collapsed-find-widget .button.next, .monaco-editor .find-widget.collapsed-find-widget .button.previous, .monaco-editor .find-widget.collapsed-find-widget .button.replace, .monaco-editor .find-widget.collapsed-find-widget .button.replace-all, .monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls { + display: none +} + +.monaco-editor .findMatch { + -webkit-animation-duration: 0; + animation-duration: 0; + -webkit-animation-name: inherit !important; + animation-name: inherit !important +} + +.monaco-editor .find-widget .monaco-sash { + width: 2px !important; + margin-left: -4px +} + +.monaco-editor.hc-black .find-widget .button:not(.disabled):hover, .monaco-editor.vs-dark .find-widget .button:not(.disabled):hover { + background-color: hsla(0, 0%, 100%, .1) +} + +.monaco-editor.hc-black .find-widget .button:before { + position: relative; + top: 1px; + left: 2px +} + +.monaco-sash { + position: absolute; + z-index: 35; + -ms-touch-action: none; + touch-action: none +} + +.monaco-sash.disabled { + pointer-events: none +} + +.monaco-sash.vertical { + cursor: ew-resize; + top: 0; + width: 4px; + height: 100% +} + +.monaco-sash.mac.vertical { + cursor: col-resize +} + +.monaco-sash.vertical.minimum { + cursor: e-resize +} + +.monaco-sash.vertical.maximum { + cursor: w-resize +} + +.monaco-sash.horizontal { + cursor: ns-resize; + left: 0; + width: 100%; + height: 4px +} + +.monaco-sash.mac.horizontal { + cursor: row-resize +} + +.monaco-sash.horizontal.minimum { + cursor: s-resize +} + +.monaco-sash.horizontal.maximum { + cursor: n-resize +} + +.monaco-sash:not(.disabled).orthogonal-end:after, .monaco-sash:not(.disabled).orthogonal-start:before { + content: " "; + height: 8px; + width: 8px; + z-index: 100; + display: block; + cursor: all-scroll; + position: absolute +} + +.monaco-sash.orthogonal-start.vertical:before { + left: -2px; + top: -4px +} + +.monaco-sash.orthogonal-end.vertical:after { + left: -2px; + bottom: -4px +} + +.monaco-sash.orthogonal-start.horizontal:before { + top: -2px; + left: -4px +} + +.monaco-sash.orthogonal-end.horizontal:after { + top: -2px; + right: -4px +} + +.monaco-sash.disabled { + cursor: default !important; + pointer-events: none !important +} + +.monaco-sash.touch.vertical { + width: 20px +} + +.monaco-sash.touch.horizontal { + height: 20px +} + +.monaco-sash.debug { + background: #0ff +} + +.monaco-sash.debug.disabled { + background: rgba(0, 255, 255, .2) +} + +.monaco-sash.debug:not(.disabled).orthogonal-end:after, .monaco-sash.debug:not(.disabled).orthogonal-start:before { + background: red +} + +.monaco-findInput { + position: relative +} + +.monaco-findInput .monaco-inputbox { + font-size: 13px; + width: 100% +} + +.monaco-findInput > .controls { + position: absolute; + top: 3px; + right: 2px +} + +.vs .monaco-findInput.disabled { + background-color: #e1e1e1 +} + +.vs-dark .monaco-findInput.disabled { + background-color: #333 +} + +.monaco-findInput.highlight-0 .controls { + -webkit-animation: monaco-findInput-highlight-0 .1s linear 0s; + animation: monaco-findInput-highlight-0 .1s linear 0s +} + +.monaco-findInput.highlight-1 .controls { + -webkit-animation: monaco-findInput-highlight-1 .1s linear 0s; + animation: monaco-findInput-highlight-1 .1s linear 0s +} + +.hc-black .monaco-findInput.highlight-0 .controls, .vs-dark .monaco-findInput.highlight-0 .controls { + -webkit-animation: monaco-findInput-highlight-dark-0 .1s linear 0s; + animation: monaco-findInput-highlight-dark-0 .1s linear 0s +} + +.hc-black .monaco-findInput.highlight-1 .controls, .vs-dark .monaco-findInput.highlight-1 .controls { + -webkit-animation: monaco-findInput-highlight-dark-1 .1s linear 0s; + animation: monaco-findInput-highlight-dark-1 .1s linear 0s +} + +@-webkit-keyframes monaco-findInput-highlight-0 { + 0% { + background: rgba(253, 255, 0, .8) + } + to { + background: transparent + } +} + +@keyframes monaco-findInput-highlight-0 { + 0% { + background: rgba(253, 255, 0, .8) + } + to { + background: transparent + } +} + +@-webkit-keyframes monaco-findInput-highlight-1 { + 0% { + background: rgba(253, 255, 0, .8) + } + 99% { + background: transparent + } +} + +@keyframes monaco-findInput-highlight-1 { + 0% { + background: rgba(253, 255, 0, .8) + } + 99% { + background: transparent + } +} + +@-webkit-keyframes monaco-findInput-highlight-dark-0 { + 0% { + background: hsla(0, 0%, 100%, .44) + } + to { + background: transparent + } +} + +@keyframes monaco-findInput-highlight-dark-0 { + 0% { + background: hsla(0, 0%, 100%, .44) + } + to { + background: transparent + } +} + +@-webkit-keyframes monaco-findInput-highlight-dark-1 { + 0% { + background: hsla(0, 0%, 100%, .44) + } + 99% { + background: transparent + } +} + +@keyframes monaco-findInput-highlight-dark-1 { + 0% { + background: hsla(0, 0%, 100%, .44) + } + 99% { + background: transparent + } +} + +.monaco-inputbox { + position: relative; + display: block; + padding: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: inherit +} + +.monaco-inputbox.idle { + border: 1px solid transparent +} + +.monaco-inputbox > .wrapper > .input, .monaco-inputbox > .wrapper > .mirror { + padding: 4px +} + +.monaco-inputbox > .wrapper { + position: relative; + width: 100%; + height: 100% +} + +.monaco-inputbox > .wrapper > .input { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + line-height: inherit; + border: none; + font-family: inherit; + font-size: inherit; + resize: none; + color: inherit +} + +.monaco-inputbox > .wrapper > input { + text-overflow: ellipsis +} + +.monaco-inputbox > .wrapper > textarea.input { + display: block; + -ms-overflow-style: none; + scrollbar-width: none; + outline: none +} + +.monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar { + display: none +} + +.monaco-inputbox > .wrapper > textarea.input.empty { + white-space: nowrap +} + +.monaco-inputbox > .wrapper > .mirror { + position: absolute; + display: inline-block; + width: 100%; + top: 0; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: pre-wrap; + visibility: hidden; + word-wrap: break-word +} + +.monaco-inputbox-container { + text-align: right +} + +.monaco-inputbox-container .monaco-inputbox-message { + display: inline-block; + overflow: hidden; + text-align: left; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: .4em; + font-size: 12px; + line-height: 17px; + min-height: 34px; + margin-top: -1px; + word-wrap: break-word +} + +.monaco-inputbox .monaco-action-bar { + position: absolute; + right: 2px; + top: 4px +} + +.monaco-inputbox .monaco-action-bar .action-item { + margin-left: 2px +} + +.monaco-inputbox .monaco-action-bar .action-item .codicon { + background-repeat: no-repeat; + width: 16px; + height: 16px +} + +.monaco-editor .margin-view-overlays .codicon-chevron-down, .monaco-editor .margin-view-overlays .codicon-chevron-right { + cursor: pointer; + opacity: 0; + -webkit-transition: opacity .5s; + transition: opacity .5s; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 140%; + margin-left: 2px +} + +.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons, .monaco-editor .margin-view-overlays .codicon.codicon-chevron-right, .monaco-editor .margin-view-overlays:hover .codicon { + opacity: 1 +} + +.monaco-editor .inline-folded:after { + color: grey; + margin: .1em .2em 0; + content: "\22EF"; + display: inline; + line-height: 1em; + cursor: pointer +} + +.monaco-editor .peekview-widget .head .peekview-title .severity-icon { + display: inline-block; + vertical-align: text-top; + margin-right: 4px +} + +.monaco-editor .marker-widget { + text-overflow: ellipsis; + white-space: nowrap +} + +.monaco-editor .marker-widget > .stale { + opacity: .6; + font-style: italic +} + +.monaco-editor .marker-widget .title { + display: inline-block; + padding-right: 5px +} + +.monaco-editor .marker-widget .descriptioncontainer { + position: absolute; + white-space: pre; + -moz-user-select: text; + user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + padding: 8px 12px 0 20px +} + +.monaco-editor .marker-widget .descriptioncontainer .message { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column +} + +.monaco-editor .marker-widget .descriptioncontainer .message .details { + padding-left: 6px +} + +.monaco-editor .marker-widget .descriptioncontainer .message .source, .monaco-editor .marker-widget .descriptioncontainer .message span.code { + opacity: .6 +} + +.monaco-editor .marker-widget .descriptioncontainer .message a.code-link { + opacity: .6; + color: inherit +} + +.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before { + content: "(" +} + +.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after { + content: ")" +} + +.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span { + text-decoration: underline; + border-bottom: 1px solid transparent; + text-underline-position: under +} + +.monaco-editor .marker-widget .descriptioncontainer .filename { + cursor: pointer +} + +.monaco-editor .peekview-widget .head { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.monaco-editor .peekview-widget .head .peekview-title { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 13px; + margin-left: 20px; + cursor: pointer +} + +.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) { + font-size: .9em; + margin-left: .5em +} + +.monaco-editor .peekview-widget .head .peekview-title .meta { + white-space: nowrap +} + +.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty):before { + content: "-"; + padding: 0 .3em +} + +.monaco-editor .peekview-widget .head .peekview-actions { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: right; + padding-right: 2px +} + +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar { + display: inline-block +} + +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar, .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container { + height: 100% +} + +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-item { + margin-left: 4px +} + +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label { + width: 16px; + height: 100%; + margin: 0; + line-height: inherit; + background-repeat: no-repeat; + background-position: 50% +} + +.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label.codicon { + margin: 0 +} + +.monaco-editor .peekview-widget > .body { + border-top: 1px solid; + position: relative +} + +.monaco-editor .peekview-widget .head .peekview-title .codicon { + margin-right: 4px +} + +::-ms-clear { + display: none +} + +.monaco-editor .editor-widget input { + color: inherit +} + +.monaco-editor { + position: relative; + overflow: visible; + -webkit-text-size-adjust: 100% +} + +.monaco-editor .overflow-guard { + position: relative; + overflow: hidden +} + +.monaco-editor .view-overlays { + position: absolute; + top: 0 +} + +.monaco-editor .inputarea { + min-width: 0; + min-height: 0; + margin: 0; + padding: 0; + position: absolute; + outline: none !important; + resize: none; + border: none; + overflow: hidden; + color: transparent; + background-color: transparent +} + +.monaco-editor .inputarea.ime-input { + z-index: 10 +} + +.monaco-editor .margin-view-overlays .line-numbers { + position: absolute; + text-align: right; + display: inline-block; + vertical-align: middle; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: default; + height: 100% +} + +.monaco-editor .relative-current-line-number { + text-align: left; + display: inline-block; + width: 100% +} + +.monaco-editor .margin-view-overlays .line-numbers.lh-odd { + margin-top: 1px +} + +.monaco-editor .margin-view-overlays .current-line, .monaco-editor .view-overlays .current-line { + display: block; + position: absolute; + left: 0; + top: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both { + border-right: 0 +} + +.monaco-editor .lines-content .cdr { + position: absolute +} + +.monaco-editor .glyph-margin { + position: absolute; + top: 0 +} + +.monaco-editor .margin-view-overlays .cgmr { + position: absolute; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.monaco-editor .lines-content .cigr, .monaco-editor .lines-content .cigra { + position: absolute +} + +.monaco-editor.no-user-select .lines-content, .monaco-editor.no-user-select .view-line, .monaco-editor.no-user-select .view-lines { + -moz-user-select: none; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none +} + +.monaco-editor .view-lines { + cursor: text; + white-space: nowrap +} + +.monaco-editor.hc-black.mac .view-lines, .monaco-editor.vs-dark.mac .view-lines { + cursor: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgCD3x//9/BhBYBWdhgFVAiVW4JBFKGIa4AqD0//9D3pt4I4tAdAMAHTQ/j5Zom30AAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAz0lEQVRIx2NgYGBY/R8I/vx5eelX3n82IJ9FxGf6tksvf/8FiTMQAcAGQMDvSwu09abffY8QYSAScNk45G198eX//yev73/4///701eh//kZSARckrNBRvz//+8+6ZohwCzjGNjdgQxkAg7B9WADeBjIBqtJCbhRA0YNoIkBSNmaPEMoNmA0FkYNoFKhapJ6FGyAH3nauaSmPfwI0v/3OukVi0CIZ+F25KrtYcx/CTIy0e+rC7R1Z4KMICVTQQ14feVXIbR695u14+Ir4gwAAD49E54wc1kWAAAAAElFTkSuQmCC) 2x) 5 8, text +} + +.monaco-editor .view-line { + position: absolute; + width: 100% +} + +.monaco-editor .lines-decorations { + position: absolute; + top: 0; + background: #fff +} + +.monaco-editor .margin-view-overlays .cldr { + position: absolute; + height: 100% +} + +.monaco-editor .margin-view-overlays .cmdr { + position: absolute; + left: 0; + width: 100%; + height: 100% +} + +.monaco-editor .minimap.slider-mouseover .minimap-slider { + opacity: 0; + -webkit-transition: opacity .1s linear; + transition: opacity .1s linear +} + +.monaco-editor .minimap.slider-mouseover .minimap-slider.active, .monaco-editor .minimap.slider-mouseover:hover .minimap-slider { + opacity: 1 +} + +.monaco-editor .minimap-shadow-hidden { + position: absolute; + width: 0 +} + +.monaco-editor .minimap-shadow-visible { + position: absolute; + left: -6px; + width: 6px +} + +.monaco-editor .overlayWidgets { + position: absolute; + top: 0; + left: 0 +} + +.monaco-editor .view-ruler { + position: absolute; + top: 0 +} + +.monaco-editor .scroll-decoration { + position: absolute; + top: 0; + left: 0; + height: 6px +} + +.monaco-editor .lines-content .cslr { + position: absolute +} + +.monaco-editor .top-left-radius { + border-top-left-radius: 3px +} + +.monaco-editor .bottom-left-radius { + border-bottom-left-radius: 3px +} + +.monaco-editor .top-right-radius { + border-top-right-radius: 3px +} + +.monaco-editor .bottom-right-radius { + border-bottom-right-radius: 3px +} + +.monaco-editor.hc-black .top-left-radius { + border-top-left-radius: 0 +} + +.monaco-editor.hc-black .bottom-left-radius { + border-bottom-left-radius: 0 +} + +.monaco-editor.hc-black .top-right-radius { + border-top-right-radius: 0 +} + +.monaco-editor.hc-black .bottom-right-radius { + border-bottom-right-radius: 0 +} + +.monaco-editor .cursors-layer { + position: absolute; + top: 0 +} + +.monaco-editor .cursors-layer > .cursor { + position: absolute; + cursor: text; + overflow: hidden +} + +.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor { + -webkit-transition: all 80ms; + transition: all 80ms +} + +.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor { + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: transparent !important; + border-style: solid; + border-width: 1px +} + +.monaco-editor .cursors-layer.cursor-underline-style > .cursor { + border-bottom-width: 2px; + border-bottom-style: solid; + background: transparent !important; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor { + border-bottom-width: 1px; + border-bottom-style: solid; + background: transparent !important; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +@-webkit-keyframes monaco-cursor-smooth { + 0%, 20% { + opacity: 1 + } + 60%, to { + opacity: 0 + } +} + +@keyframes monaco-cursor-smooth { + 0%, 20% { + opacity: 1 + } + 60%, to { + opacity: 0 + } +} + +@-webkit-keyframes monaco-cursor-phase { + 0%, 20% { + opacity: 1 + } + 90%, to { + opacity: 0 + } +} + +@keyframes monaco-cursor-phase { + 0%, 20% { + opacity: 1 + } + 90%, to { + opacity: 0 + } +} + +@-webkit-keyframes monaco-cursor-expand { + 0%, 20% { + -webkit-transform: scaleY(1); + transform: scaleY(1) + } + 80%, to { + -webkit-transform: scaleY(0); + transform: scaleY(0) + } +} + +@keyframes monaco-cursor-expand { + 0%, 20% { + -webkit-transform: scaleY(1); + transform: scaleY(1) + } + 80%, to { + -webkit-transform: scaleY(0); + transform: scaleY(0) + } +} + +.cursor-smooth { + -webkit-animation: monaco-cursor-smooth .5s ease-in-out 0s 20 alternate; + animation: monaco-cursor-smooth .5s ease-in-out 0s 20 alternate +} + +.cursor-phase { + -webkit-animation: monaco-cursor-phase .5s ease-in-out 0s 20 alternate; + animation: monaco-cursor-phase .5s ease-in-out 0s 20 alternate +} + +.cursor-expand > .cursor { + -webkit-animation: monaco-cursor-expand .5s ease-in-out 0s 20 alternate; + animation: monaco-cursor-expand .5s ease-in-out 0s 20 alternate +} + +.monaco-editor .zone-widget { + position: absolute; + z-index: 10 +} + +.monaco-editor .zone-widget .zone-widget-container { + border-top-style: solid; + border-bottom-style: solid; + border-top-width: 0; + border-bottom-width: 0; + position: relative +} + +.monaco-icon-label { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + overflow: hidden; + text-overflow: ellipsis +} + +.monaco-icon-label:before { + background-size: 16px; + background-position: 0; + background-repeat: no-repeat; + padding-right: 6px; + width: 16px; + height: 22px; + line-height: inherit !important; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: top; + -ms-flex-negative: 0; + flex-shrink: 0 +} + +.monaco-icon-label > .monaco-icon-label-container { + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1 +} + +.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name { + color: inherit; + white-space: pre +} + +.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator { + margin: 0 2px; + opacity: .5 +} + +.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { + opacity: .7; + margin-left: .5em; + font-size: .9em; + white-space: pre +} + +.monaco-icon-label.italic > .monaco-icon-description-container > .label-description, .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name { + font-style: italic +} + +.monaco-icon-label:after { + opacity: .75; + font-size: 90%; + font-weight: 600; + padding: 0 16px 0 5px; + text-align: center +} + +.monaco-list:focus .selected .monaco-icon-label, .monaco-list:focus .selected .monaco-icon-label:after, .monaco-tree.focused .selected .monaco-icon-label, .monaco-tree.focused .selected .monaco-icon-label:after { + color: inherit !important +} + +.monaco-list-row.focused.selected .label-description, .monaco-list-row.selected .label-description, .monaco-tree-row.focused.selected .label-description, .monaco-tree-row.selected .label-description { + opacity: .8 +} + +.monaco-keybinding { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + line-height: 10px +} + +.monaco-keybinding > .monaco-keybinding-key { + display: inline-block; + border: 1px solid hsla(0, 0%, 80%, .4); + border-bottom-color: hsla(0, 0%, 73.3%, .4); + border-radius: 3px; + -webkit-box-shadow: inset 0 -1px 0 hsla(0, 0%, 73.3%, .4); + box-shadow: inset 0 -1px 0 hsla(0, 0%, 73.3%, .4); + background-color: hsla(0, 0%, 86.7%, .4); + vertical-align: middle; + color: #555; + font-size: 11px; + padding: 3px 5px; + margin: 0 2px +} + +.monaco-keybinding > .monaco-keybinding-key:first-child { + margin-left: 0 +} + +.monaco-keybinding > .monaco-keybinding-key:last-child { + margin-right: 0 +} + +.hc-black .monaco-keybinding > .monaco-keybinding-key, .vs-dark .monaco-keybinding > .monaco-keybinding-key { + background-color: hsla(0, 0%, 50.2%, .17); + color: #ccc; + border: 1px solid rgba(51, 51, 51, .6); + border-bottom-color: rgba(68, 68, 68, .6); + -webkit-box-shadow: inset 0 -1px 0 rgba(68, 68, 68, .6); + box-shadow: inset 0 -1px 0 rgba(68, 68, 68, .6) +} + +.monaco-keybinding > .monaco-keybinding-key-separator { + display: inline-block +} + +.monaco-keybinding > .monaco-keybinding-key-chord-separator { + width: 6px +} + +.monaco-quick-open-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight, .monaco-quick-open-widget .monaco-tree .monaco-tree-row .monaco-highlighted-label .highlight { + color: #0066bf +} + +.vs-dark .monaco-quick-open-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight, .vs-dark .monaco-quick-open-widget .monaco-tree .monaco-tree-row .monaco-highlighted-label .highlight { + color: #0097fb +} + +.hc-black .monaco-quick-open-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight, .hc-black .monaco-quick-open-widget .monaco-tree .monaco-tree-row .monaco-highlighted-label .highlight { + color: #f38518 +} + +.monaco-quick-open-widget { + position: absolute; + width: 600px; + z-index: 2000; + padding-bottom: 6px; + left: 50%; + margin-left: -300px +} + +.monaco-quick-open-widget .monaco-progress-container { + position: absolute; + left: 0; + top: 38px; + z-index: 1; + height: 2px +} + +.monaco-quick-open-widget .monaco-progress-container .progress-bit { + height: 2px +} + +.monaco-quick-open-widget .quick-open-input { + width: 588px; + border: none; + margin: 6px +} + +.monaco-quick-open-widget .quick-open-input .monaco-inputbox { + width: 100%; + height: 25px +} + +.monaco-quick-open-widget .quick-open-result-count { + position: absolute; + left: -10000px +} + +.monaco-quick-open-widget .quick-open-tree { + line-height: 22px +} + +.monaco-quick-open-widget .quick-open-tree .monaco-tree-row > .content > .sub-content { + overflow: hidden +} + +.monaco-quick-open-widget.content-changing .quick-open-tree .monaco-scrollable-element .slider { + display: none +} + +.monaco-quick-open-widget .quick-open-tree .quick-open-entry { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 100% +} + +.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon, .monaco-quick-open-widget .quick-open-tree .quick-open-entry > .quick-open-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon { + overflow: hidden; + width: 16px; + height: 16px; + margin-right: 4px; + vertical-align: middle; + -ms-flex-negative: 0; + flex-shrink: 0 +} + +.monaco-quick-open-widget .quick-open-tree .monaco-icon-label, .monaco-quick-open-widget .quick-open-tree .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1 +} + +.monaco-quick-open-widget .quick-open-tree .quick-open-entry .monaco-highlighted-label span { + opacity: 1 +} + +.monaco-quick-open-widget .quick-open-tree .quick-open-entry .monaco-highlighted-label .codicon { + vertical-align: sub +} + +.monaco-quick-open-widget .quick-open-tree .quick-open-entry-meta { + opacity: .7; + line-height: normal +} + +.monaco-quick-open-widget .quick-open-tree .content.has-group-label .quick-open-entry-keybinding { + margin-right: 8px +} + +.monaco-quick-open-widget .quick-open-tree .quick-open-entry-keybinding .monaco-keybinding-key { + vertical-align: text-bottom +} + +.monaco-quick-open-widget .quick-open-tree .results-group { + margin-right: 18px +} + +.monaco-quick-open-widget .quick-open-tree .focused .monaco-tree-row.focused > .content.has-actions > .results-group, .monaco-quick-open-widget .quick-open-tree .monaco-tree-row.focused > .content.has-actions > .results-group, .monaco-quick-open-widget .quick-open-tree .monaco-tree-row:hover:not(.highlighted) > .content.has-actions > .results-group { + margin-right: 0 +} + +.monaco-quick-open-widget .quick-open-tree .results-group-separator { + border-top-width: 1px; + border-top-style: solid; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-left: -11px; + padding-left: 11px +} + +.monaco-tree .monaco-tree-row > .content.actions { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.monaco-tree .monaco-tree-row > .content.actions > .sub-content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1 +} + +.monaco-tree .monaco-tree-row > .content.actions .action-item { + margin: 0 +} + +.monaco-tree .monaco-tree-row > .content.actions > .primary-action-bar { + line-height: 22px; + display: none; + padding: 0 .8em 0 .4em +} + +.monaco-tree .monaco-tree-row.focused > .content.has-actions > .primary-action-bar { + width: 0; + display: block +} + +.monaco-tree.focused .monaco-tree-row.focused > .content.has-actions > .primary-action-bar, .monaco-tree .monaco-tree-row:hover:not(.highlighted) > .content.has-actions > .primary-action-bar, .monaco-tree .monaco-tree-row > .content.has-actions.more > .primary-action-bar { + width: inherit; + display: block +} + +.monaco-tree .monaco-tree-row > .content.actions > .primary-action-bar .action-label { + margin-right: .4em; + margin-top: 4px; + background-repeat: no-repeat; + width: 16px; + height: 16px +} + +.monaco-quick-open-widget .quick-open-tree .monaco-highlighted-label .highlight { + font-weight: 700 +} + +.monaco-tree { + height: 100%; + width: 100%; + white-space: nowrap; + -moz-user-select: none; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + position: relative +} + +.monaco-tree > .monaco-scrollable-element { + height: 100% +} + +.monaco-tree > .monaco-scrollable-element > .monaco-tree-wrapper { + height: 100%; + width: 100%; + position: relative +} + +.monaco-tree .monaco-tree-rows { + position: absolute; + width: 100%; + height: 100% +} + +.monaco-tree .monaco-tree-rows > .monaco-tree-row { + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + overflow: hidden; + width: 100%; + -ms-touch-action: none; + touch-action: none +} + +.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content { + position: relative; + height: 100% +} + +.monaco-tree-drag-image { + display: inline-block; + padding: 1px 7px; + border-radius: 10px; + font-size: 12px; + position: absolute +} + +.monaco-tree .monaco-tree-rows > .monaco-tree-row.scrolling { + display: none +} + +.monaco-tree.highlighted .monaco-tree-rows > .monaco-tree-row:not(.highlighted) { + opacity: .3 +} + +.monaco-progress-container { + width: 100%; + height: 5px; + overflow: hidden +} + +.monaco-progress-container .progress-bit { + width: 2%; + height: 5px; + position: absolute; + left: 0; + display: none +} + +.monaco-progress-container.active .progress-bit { + display: inherit +} + +.monaco-progress-container.discrete .progress-bit { + left: 0; + -webkit-transition: width .1s linear; + transition: width .1s linear +} + +.monaco-progress-container.discrete.done .progress-bit { + width: 100% +} + +.monaco-progress-container.infinite .progress-bit { + -webkit-animation-name: progress; + animation-name: progress; + -webkit-animation-duration: 4s; + animation-duration: 4s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-transform: translateZ(0); + transform: translateZ(0) +} + +.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget { + border-top-width: 1px; + border-bottom-width: 1px +} + +.monaco-editor .reference-zone-widget .inline { + display: inline-block; + vertical-align: top +} + +.monaco-editor .reference-zone-widget .messages { + height: 100%; + width: 100%; + text-align: center; + padding: 3em 0 +} + +.monaco-editor .reference-zone-widget .ref-tree { + line-height: 23px +} + +.monaco-editor .reference-zone-widget .ref-tree .reference { + text-overflow: ellipsis; + overflow: hidden +} + +.monaco-editor .reference-zone-widget .ref-tree .reference-file { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + height: 100% +} + +.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file { + color: inherit !important +} + +.monaco-editor .reference-zone-widget .ref-tree .reference-file .count { + margin-right: 12px; + margin-left: auto +} + +.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file { + font-weight: 700 +} + +.monaco-count-badge { + padding: 3px 5px; + border-radius: 11px; + font-size: 11px; + min-width: 18px; + min-height: 18px; + line-height: 11px; + font-weight: 400; + text-align: center; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.monaco-list { + position: relative; + height: 100%; + width: 100%; + white-space: nowrap +} + +.monaco-list.mouse-support { + -moz-user-select: none; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none +} + +.monaco-list > .monaco-scrollable-element { + height: 100% +} + +.monaco-list-rows { + position: relative; + width: 100%; + height: 100% +} + +.monaco-list.horizontal-scrolling .monaco-list-rows { + width: auto; + min-width: 100% +} + +.monaco-list-row { + position: absolute; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + width: 100% +} + +.monaco-list.mouse-support .monaco-list-row { + cursor: pointer; + -ms-touch-action: none; + touch-action: none +} + +.monaco-list-row.scrolling { + display: none !important +} + +.monaco-list.element-focused, .monaco-list.selection-multiple, .monaco-list.selection-single { + outline: 0 !important +} + +.monaco-list:focus .monaco-list-row.selected .codicon { + color: inherit +} + +.monaco-drag-image { + display: inline-block; + padding: 1px 7px; + border-radius: 10px; + font-size: 12px; + position: absolute +} + +.monaco-list-type-filter { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + border-radius: 2px; + padding: 0 3px; + max-width: calc(100% - 10px); + text-overflow: ellipsis; + overflow: hidden; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: all-scroll; + font-size: 13px; + line-height: 18px; + height: 20px; + z-index: 1; + top: 4px +} + +.monaco-list-type-filter.dragging { + -webkit-transition: top .2s, left .2s; + transition: top .2s, left .2s +} + +.monaco-list-type-filter.ne { + right: 4px +} + +.monaco-list-type-filter.nw { + left: 4px +} + +.monaco-list-type-filter > .controls { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: width .2s; + transition: width .2s; + width: 0 +} + +.monaco-list-type-filter.dragging > .controls, .monaco-list-type-filter:hover > .controls { + width: 36px +} + +.monaco-list-type-filter > .controls > * { + border: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + background: none; + width: 16px; + height: 16px; + -ms-flex-negative: 0; + flex-shrink: 0; + margin: 0; + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer +} + +.monaco-list-type-filter > .controls > .filter:checked:before { + content: "\EB83" !important +} + +.monaco-list-type-filter > .controls > .filter { + margin-left: 4px +} + +.monaco-list-type-filter-message { + position: absolute; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + padding: 40px 1em 1em; + text-align: center; + white-space: normal; + opacity: .7; + pointer-events: none +} + +.monaco-list-type-filter-message:empty { + display: none +} + +.monaco-list-type-filter { + cursor: -webkit-grab; + cursor: grab +} + +.monaco-list-type-filter.dragging { + cursor: -webkit-grabbing; + cursor: grabbing +} + +.monaco-tl-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative +} + +.monaco-tl-indent { + height: 100%; + position: absolute; + top: 0; + left: 16px; + pointer-events: none +} + +.hide-arrows .monaco-tl-indent { + left: 12px +} + +.monaco-tl-indent > .indent-guide { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + border-left: 1px solid transparent; + -webkit-transition: border-color .1s linear; + transition: border-color .1s linear +} + +.monaco-tl-contents, .monaco-tl-twistie { + height: 100% +} + +.monaco-tl-twistie { + font-size: 10px; + text-align: right; + padding-right: 6px; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 16px; + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + color: inherit !important; + -webkit-transform: translateX(3px); + transform: translateX(3px) +} + +.monaco-tl-contents { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden +} + +.monaco-tl-twistie.collapsed:before { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg) +} + +.monaco-tl-twistie.codicon-loading:before { + -webkit-animation: codicon-spin 1.25s linear infinite; + animation: codicon-spin 1.25s linear infinite +} + +.monaco-split-view2 { + position: relative; + width: 100%; + height: 100% +} + +.monaco-split-view2 > .sash-container { + position: absolute; + width: 100%; + height: 100%; + pointer-events: none +} + +.monaco-split-view2 > .sash-container > .monaco-sash { + pointer-events: auto +} + +.monaco-split-view2 > .split-view-container { + width: 100%; + height: 100%; + white-space: nowrap; + position: relative +} + +.monaco-split-view2 > .split-view-container > .split-view-view { + white-space: normal; + position: absolute +} + +.monaco-split-view2 > .split-view-container > .split-view-view:not(.visible) { + display: none +} + +.monaco-split-view2.vertical > .split-view-container > .split-view-view { + width: 100% +} + +.monaco-split-view2.horizontal > .split-view-container > .split-view-view { + height: 100% +} + +.monaco-split-view2.separator-border > .split-view-container > .split-view-view:not(:first-child):before { + content: " "; + position: absolute; + top: 0; + left: 0; + z-index: 5; + pointer-events: none; + background-color: var(--separator-border) +} + +.monaco-split-view2.separator-border.horizontal > .split-view-container > .split-view-view:not(:first-child):before { + height: 100%; + width: 1px +} + +.monaco-split-view2.separator-border.vertical > .split-view-container > .split-view-view:not(:first-child):before { + height: 1px; + width: 100% +} + +.monaco-editor .goto-definition-link { + text-decoration: underline; + cursor: pointer +} + +.monaco-editor-hover { + cursor: default; + position: absolute; + overflow: hidden; + z-index: 50; + -moz-user-select: text; + user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + -webkit-box-sizing: initial; + box-sizing: initial; + -webkit-animation: fadein .1s linear; + animation: fadein .1s linear; + line-height: 1.5em +} + +.monaco-editor-hover.hidden { + display: none +} + +.monaco-editor-hover .hover-contents { + padding: 4px 8px +} + +.monaco-editor-hover .markdown-hover > .hover-contents:not(.code-hover-contents) { + max-width: 500px; + word-wrap: break-word +} + +.monaco-editor-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr { + min-width: 100vw +} + +.monaco-editor-hover p, .monaco-editor-hover ul { + margin: 8px 0 +} + +.monaco-editor-hover code { + font-family: var(--monaco-monospace-font) +} + +.monaco-editor-hover hr { + margin: 4px -10px -6px; + height: 1px +} + +.monaco-editor-hover p:first-child, .monaco-editor-hover ul:first-child { + margin-top: 0 +} + +.monaco-editor-hover p:last-child, .monaco-editor-hover ul:last-child { + margin-bottom: 0 +} + +.monaco-editor-hover ol, .monaco-editor-hover ul { + padding-left: 20px +} + +.monaco-editor-hover li > p { + margin-bottom: 0 +} + +.monaco-editor-hover li > ul { + margin-top: 0 +} + +.monaco-editor-hover code { + border-radius: 3px; + padding: 0 .4em +} + +.monaco-editor-hover .monaco-tokenized-source { + white-space: pre-wrap; + word-break: break-all +} + +.monaco-editor-hover .hover-row.status-bar { + font-size: 12px; + line-height: 22px +} + +.monaco-editor-hover .hover-row.status-bar .actions { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 0 8px +} + +.monaco-editor-hover .hover-row.status-bar .actions .action-container { + margin-right: 16px; + cursor: pointer +} + +.monaco-editor-hover .hover-row.status-bar .actions .action-container .action .icon { + padding-right: 4px +} + +.monaco-editor-hover .markdown-hover .hover-contents .codicon { + color: inherit; + font-size: inherit; + vertical-align: middle +} + +.monaco-editor-hover .hover-contents a.code-link:before { + content: "(" +} + +.monaco-editor-hover .hover-contents a.code-link:after { + content: ")" +} + +.monaco-editor-hover .hover-contents a.code-link { + color: inherit +} + +.monaco-editor-hover .hover-contents a.code-link > span { + text-decoration: underline; + border-bottom: 1px solid transparent; + text-underline-position: under +} + +.colorpicker-widget { + height: 190px; + -moz-user-select: none; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none +} + +.monaco-editor .colorpicker-hover:focus { + outline: none +} + +.colorpicker-header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 24px; + position: relative; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII="); + background-size: 9px 9px; + -ms-interpolation-mode: nearest-neighbor; + image-rendering: -webkit-optimize-contrast; + image-rendering: -moz-crisp-edges; + image-rendering: -o-pixelated; + image-rendering: pixelated +} + +.colorpicker-header .picked-color { + width: 216px; + line-height: 24px; + cursor: pointer; + color: #fff; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center +} + +.colorpicker-header .picked-color.light { + color: #000 +} + +.colorpicker-header .original-color { + width: 74px; + z-index: inherit; + cursor: pointer +} + +.colorpicker-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 8px; + position: relative +} + +.colorpicker-body .saturation-wrap { + overflow: hidden; + height: 150px; + position: relative; + min-width: 220px; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1 +} + +.colorpicker-body .saturation-box { + height: 150px; + position: absolute +} + +.colorpicker-body .saturation-selection { + width: 9px; + height: 9px; + margin: -5px 0 0 -5px; + border: 1px solid #fff; + border-radius: 100%; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .8); + box-shadow: 0 0 2px rgba(0, 0, 0, .8); + position: absolute +} + +.colorpicker-body .strip { + width: 25px; + height: 150px +} + +. +picker-body .hue-strip { + background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(17%, #ff0), color-stop(33%, #0f84bb), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red)); + background: linear-gradient(180deg, red 0, #ff0 17%, #0f84bb 33%, #0ff 50%, #00f 67%, #f0f 83%, red) +} + +.colorpicker-body .hue-strip, .colorpicker-body .opacity-strip { + position: relative; + margin-left: 8px; + cursor: -webkit-grab; + cursor: grab +} + +.colorpicker-body .opacity-strip { + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII="); + background-size: 9px 9px; + -ms-interpolation-mode: nearest-neighbor; + image-rendering: -webkit-optimize-contrast; + image-rendering: -moz-crisp-edges; + image-rendering: -o-pixelated; + image-rendering: pixelated +} + +.colorpicker-body .strip.grabbing { + cursor: -webkit-grabbing; + cursor: grabbing +} + +.colorpicker-body .slider { + position: absolute; + top: 0; + left: -2px; + width: calc(100% + 4px); + height: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid hsla(0, 0%, 100%, .71); + -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); + box-shadow: 0 0 1px rgba(0, 0, 0, .85) +} + +.colorpicker-body .strip .overlay { + height: 150px; + pointer-events: none +} + +.monaco-editor .iPadShowKeyboard { + width: 58px; + min-width: 0; + height: 36px; + min-height: 0; + margin: 0; + padding: 0; + position: absolute; + resize: none; + overflow: hidden; + background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OC4wMzYgNC4wMUg0LjAwOFYzMi4wM2g0NC4wMjhWNC4wMXpNNC4wMDguMDA4QTQuMDAzIDQuMDAzIDAgMDAuMDA1IDQuMDFWMzIuMDNhNC4wMDMgNC4wMDMgMCAwMDQuMDAzIDQuMDAyaDQ0LjAyOGE0LjAwMyA0LjAwMyAwIDAwNC4wMDMtNC4wMDJWNC4wMUE0LjAwMyA0LjAwMyAwIDAwNDguMDM2LjAwOEg0LjAwOHpNOC4wMSA4LjAxM2g0LjAwM3Y0LjAwM0g4LjAxVjguMDEzem0xMi4wMDggMGgtNC4wMDJ2NC4wMDNoNC4wMDJWOC4wMTN6bTQuMDAzIDBoNC4wMDJ2NC4wMDNoLTQuMDAyVjguMDEzem0xMi4wMDggMGgtNC4wMDN2NC4wMDNoNC4wMDNWOC4wMTN6bTQuMDAyIDBoNC4wMDN2NC4wMDNINDAuMDNWOC4wMTN6bS0yNC4wMTUgOC4wMDVIOC4wMXY0LjAwM2g4LjAwNnYtNC4wMDN6bTQuMDAyIDBoNC4wMDN2NC4wMDNoLTQuMDAzdi00LjAwM3ptMTIuMDA4IDBoLTQuMDAzdjQuMDAzaDQuMDAzdi00LjAwM3ptMTIuMDA4IDB2NC4wMDNoLTguMDA1di00LjAwM2g4LjAwNXptLTMyLjAyMSA4LjAwNUg4LjAxdjQuMDAzaDQuMDAzdi00LjAwM3ptNC4wMDMgMGgyMC4wMTN2NC4wMDNIMTYuMDE2di00LjAwM3ptMjguMDE4IDBINDAuMDN2NC4wMDNoNC4wMDN2LTQuMDAzeiIgZmlsbD0iIzQyNDI0MiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUzdjM2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+") 50% no-repeat; + border: 4px solid #f6f6f6; + border-radius: 4px +} + +.monaco-editor.vs-dark .iPadShowKeyboard { + background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OC4wMzYgNC4wMUg0LjAwOFYzMi4wM2g0NC4wMjhWNC4wMXpNNC4wMDguMDA4QTQuMDAzIDQuMDAzIDAgMDAuMDA1IDQuMDFWMzIuMDNhNC4wMDMgNC4wMDMgMCAwMDQuMDAzIDQuMDAyaDQ0LjAyOGE0LjAwMyA0LjAwMyAwIDAwNC4wMDMtNC4wMDJWNC4wMUE0LjAwMyA0LjAwMyAwIDAwNDguMDM2LjAwOEg0LjAwOHpNOC4wMSA4LjAxM2g0LjAwM3Y0LjAwM0g4LjAxVjguMDEzem0xMi4wMDggMGgtNC4wMDJ2NC4wMDNoNC4wMDJWOC4wMTN6bTQuMDAzIDBoNC4wMDJ2NC4wMDNoLTQuMDAyVjguMDEzem0xMi4wMDggMGgtNC4wMDN2NC4wMDNoNC4wMDNWOC4wMTN6bTQuMDAyIDBoNC4wMDN2NC4wMDNINDAuMDNWOC4wMTN6bS0yNC4wMTUgOC4wMDVIOC4wMXY0LjAwM2g4LjAwNnYtNC4wMDN6bTQuMDAyIDBoNC4wMDN2NC4wMDNoLTQuMDAzdi00LjAwM3ptMTIuMDA4IDBoLTQuMDAzdjQuMDAzaDQuMDAzdi00LjAwM3ptMTIuMDA4IDB2NC4wMDNoLTguMDA1di00LjAwM2g4LjAwNXptLTMyLjAyMSA4LjAwNUg4LjAxdjQuMDAzaDQuMDAzdi00LjAwM3ptNC4wMDMgMGgyMC4wMTN2NC4wMDNIMTYuMDE2di00LjAwM3ptMjguMDE4IDBINDAuMDN2NC4wMDNoNC4wMDN2LTQuMDAzeiIgZmlsbD0iI0M1QzVDNSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUzdjM2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+") 50% no-repeat; + border: 4px solid #252526 +} + +.monaco-editor .tokens-inspect-widget { + z-index: 50; + -moz-user-select: text; + user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + padding: 10px +} + +.tokens-inspect-separator { + height: 1px; + border: 0 +} + +.monaco-editor .tokens-inspect-widget .tm-token { + font-family: monospace +} + +.monaco-editor .tokens-inspect-widget .tm-token-length { + font-weight: 400; + font-size: 60%; + float: right +} + +.monaco-editor .tokens-inspect-widget .tm-metadata-table { + width: 100% +} + +.monaco-editor .tokens-inspect-widget .tm-metadata-value { + font-family: monospace; + text-align: right +} + +.monaco-editor .tokens-inspect-widget .tm-token-type { + font-family: monospace +} + +.monaco-editor .detected-link, .monaco-editor .detected-link-active { + text-decoration: underline; + text-underline-position: under +} + +.monaco-editor .detected-link-active { + cursor: pointer +} + +.monaco-editor .parameter-hints-widget { + z-index: 10; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + line-height: 1.5em +} + +.monaco-editor .parameter-hints-widget > .wrapper { + max-width: 440px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row +} + +.monaco-editor .parameter-hints-widget.multiple { + min-height: 3.3em; + padding: 0 +} + +.monaco-editor .parameter-hints-widget.visible { + -webkit-transition: left .05s ease-in-out; + transition: left .05s ease-in-out +} + +.monaco-editor .parameter-hints-widget p, .monaco-editor .parameter-hints-widget ul { + margin: 8px 0 +} + +.monaco-editor .parameter-hints-widget .body, .monaco-editor .parameter-hints-widget .monaco-scrollable-element { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100% +} + +.monaco-editor .parameter-hints-widget .signature { + padding: 4px 5px +} + +.monaco-editor .parameter-hints-widget .docs { + padding: 0 10px 0 5px; + white-space: pre-wrap +} + +.monaco-editor .parameter-hints-widget .docs.empty { + display: none +} + +.monaco-editor .parameter-hints-widget .docs .markdown-docs { + white-space: normal +} + +.monaco-editor .parameter-hints-widget .docs .markdown-docs code { + font-family: var(--monaco-monospace-font) +} + +.monaco-editor .parameter-hints-widget .docs .code { + white-space: pre-wrap +} + +.monaco-editor .parameter-hints-widget .docs code { + border-radius: 3px; + padding: 0 .4em +} + +.monaco-editor .parameter-hints-widget .controls { + display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-width: 22px; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end +} + +.monaco-editor .parameter-hints-widget.multiple .controls { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 0 2px +} + +.monaco-editor .parameter-hints-widget.multiple .button { + width: 16px; + height: 16px; + background-repeat: no-repeat; + cursor: pointer +} + +.monaco-editor .parameter-hints-widget .button.previous { + bottom: 24px +} + +.monaco-editor .parameter-hints-widget .overloads { + text-align: center; + height: 12px; + line-height: 12px; + opacity: .5; + font-family: var(--monaco-monospace-font) +} + +.monaco-editor .parameter-hints-widget .signature .parameter.active { + font-weight: 700; + text-decoration: underline +} + +.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter { + font-weight: 700; + margin-right: .5em +} + +.monaco-quick-open-widget { + font-size: 13px +} + +@font-face { + font-family: codicon; + src: url(/static/fonts/codicon.a609dc0.ttf) format("truetype") +} + +.codicon[class*=codicon-] { + font: normal normal normal 16px/1 codicon; + display: inline-block; + text-decoration: none; + text-rendering: auto; + text-align: center; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -moz-user-select: none; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none +} + +.codicon-add:before, .codicon-gist-new:before, .codicon-plus:before, .codicon-repo-create:before { + content: "\EA60" +} + +.codicon-light-bulb:before, .codicon-lightbulb:before { + content: "\EA61" +} + +.codicon-repo-delete:before, .codicon-repo:before { + content: "\EA62" +} + +.codicon-gist-fork:before, .codicon-repo-forked:before { + content: "\EA63" +} + +.codicon-git-pull-request-abandoned:before, .codicon-git-pull-request:before { + content: "\EA64" +} + +.codicon-keyboard:before, .codicon-record-keys:before { + content: "\EA65" +} + +.codicon-tag-add:before, .codicon-tag-remove:before, .codicon-tag:before { + content: "\EA66" +} + +.codicon-person-add:before, .codicon-person-filled:before, .codicon-person-follow:before, .codicon-person-outline:before, .codicon-person:before { + content: "\EA67" +} + +.codicon-git-branch-create:before, .codicon-git-branch-delete:before, .codicon-git-branch:before, .codicon-source-control:before { + content: "\EA68" +} + +.codicon-mirror-public:before, .codicon-mirror:before { + content: "\EA69" +} + +.codicon-star-add:before, .codicon-star-delete:before, .codicon-star-empty:before, .codicon-star:before { + content: "\EA6A" +} + +.codicon-comment-add:before, .codicon-comment:before { + content: "\EA6B" +} + +.codicon-alert:before, .codicon-warning:before { + content: "\EA6C" +} + +.codicon-search-save:before, .codicon-search:before { + content: "\EA6D" +} + +.codicon-log-out:before, .codicon-sign-out:before { + content: "\EA6E" +} + +.codicon-log-in:before, .codicon-sign-in:before { + content: "\EA6F" +} + +.codicon-eye-unwatch:before, .codicon-eye-watch:before, .codicon-eye:before { + content: "\EA70" +} + +.codicon-circle-filled:before, .codicon-close-dirty:before, .codicon-debug-breakpoint-disabled:before, .codicon-debug-breakpoint:before, .codicon-debug-hint:before, .codicon-primitive-dot:before { + content: "\EA71" +} + +.codicon-primitive-square:before { + content: "\EA72" +} + +.codicon-edit:before, .codicon-pencil:before { + content: "\EA73" +} + +.codicon-info:before, .codicon-issue-opened:before { + content: "\EA74" +} + +.codicon-gist-private:before, .codicon-git-fork-private:before, .codicon-lock:before, .codicon-mirror-private:before { + content: "\EA75" +} + +.codicon-close:before, .codicon-remove-close:before, .codicon-x:before { + content: "\EA76" +} + +.codicon-repo-sync:before, .codicon-sync:before { + content: "\EA77" +} + +.codicon-clone:before, .codicon-desktop-download:before { + content: "\EA78" +} + +.codicon-beaker:before, .codicon-microscope:before { + content: "\EA79" +} + +.codicon-device-desktop:before, .codicon-vm:before { + content: "\EA7A" +} + +.codicon-file-text:before, .codicon-file:before { + content: "\EA7B" +} + +.codicon-ellipsis:before, .codicon-kebab-horizontal:before, .codicon-more:before { + content: "\EA7C" +} + +.codicon-mail-reply:before, .codicon-reply:before { + content: "\EA7D" +} + +.codicon-organization-filled:before, .codicon-organization-outline:before, .codicon-organization:before { + content: "\EA7E" +} + +.codicon-file-add:before, .codicon-new-file:before { + content: "\EA7F" +} + +.codicon-file-directory-create:before, .codicon-new-folder:before { + content: "\EA80" +} + +.codicon-trash:before, .codicon-trashcan:before { + content: "\EA81" +} + +.codicon-clock:before, .codicon-history:before { + content: "\EA82" +} + +.codicon-file-directory:before, .codicon-folder:before, .codicon-symbol-folder:before { + content: "\EA83" +} + +.codicon-github:before, .codicon-logo-github:before, .codicon-mark-github:before { + content: "\EA84" +} + +.codicon-console:before, .codicon-repl:before, .codicon-terminal:before { + content: "\EA85" +} + +.codicon-symbol-event:before, .codicon-zap:before { + content: "\EA86" +} + +.codicon-error:before, .codicon-stop:before { + content: "\EA87" +} + +.codicon-symbol-variable:before, .codicon-variable:before { + content: "\EA88" +} + +.codicon-array:before, .codicon-symbol-array:before { + content: "\EA8A" +} + +.codicon-symbol-module:before, .codicon-symbol-namespace:before, .codicon-symbol-object:before, .codicon-symbol-package:before { + content: "\EA8B" +} + +.codicon-symbol-constructor:before, .codicon-symbol-function:before, .codicon-symbol-method:before { + content: "\EA8C" +} + +.codicon-symbol-boolean:before, .codicon-symbol-null:before { + content: "\EA8F" +} + +.codicon-symbol-number:before, .codicon-symbol-numeric:before { + content: "\EA90" +} + +.codicon-symbol-struct:before, .codicon-symbol-structure:before { + content: "\EA91" +} + +.codicon-symbol-parameter:before, .codicon-symbol-type-parameter:before { + content: "\EA92" +} + +.codicon-symbol-key:before, .codicon-symbol-text:before { + content: "\EA93" +} + +.codicon-go-to-file:before, .codicon-symbol-reference:before { + content: "\EA94" +} + +.codicon-symbol-enum:before, .codicon-symbol-value:before { + content: "\EA95" +} + +.codicon-symbol-ruler:before, .codicon-symbol-unit:before { + content: "\EA96" +} + +.codicon-activate-breakpoints:before { + content: "\EA97" +} + +.codicon-archive:before { + content: "\EA98" +} + +.codicon-arrow-both:before { + content: "\EA99" +} + +.codicon-arrow-down:before { + content: "\EA9A" +} + +.codicon-arrow-left:before { + content: "\EA9B" +} + +.codicon-arrow-right:before { + content: "\EA9C" +} + +.codicon-arrow-small-down:before { + content: "\EA9D" +} + +.codicon-arrow-small-left:before { + content: "\EA9E" +} + +.codicon-arrow-small-right:before { + content: "\EA9F" +} + +.codicon-arrow-small-up:before { + content: "\EAA0" +} + +.codicon-arrow-up:before { + content: "\EAA1" +} + +.codicon-bell:before { + content: "\EAA2" +} + +.codicon-bold:before { + content: "\EAA3" +} + +.codicon-book:before { + content: "\EAA4" +} + +.codicon-bookmark:before { + content: "\EAA5" +} + +.codicon-debug-breakpoint-conditional-unverified:before { + content: "\EAA6" +} + +.codicon-debug-breakpoint-conditional-disabled:before, .codicon-debug-breakpoint-conditional:before { + content: "\EAA7" +} + +.codicon-debug-breakpoint-data-unverified:before { + content: "\EAA8" +} + +.codicon-debug-breakpoint-data-disabled:before, .codicon-debug-breakpoint-data:before { + content: "\EAA9" +} + +.codicon-debug-breakpoint-log-unverified:before { + content: "\EAAA" +} + +.codicon-debug-breakpoint-log-disabled:before, .codicon-debug-breakpoint-log:before { + content: "\EAAB" +} + +.codicon-briefcase:before { + content: "\EAAC" +} + +.codicon-broadcast:before { + content: "\EAAD" +} + +.codicon-browser:before { + content: "\EAAE" +} + +.codicon-bug:before { + content: "\EAAF" +} + +.codicon-calendar:before { + content: "\EAB0" +} + +.codicon-case-sensitive:before { + content: "\EAB1" +} + +.codicon-check:before { + content: "\EAB2" +} + +.codicon-checklist:before { + content: "\EAB3" +} + +.codicon-chevron-down:before { + content: "\EAB4" +} + +.codicon-chevron-left:before { + content: "\EAB5" +} + +.codicon-chevron-right:before { + content: "\EAB6" +} + +.codicon-chevron-up:before { + content: "\EAB7" +} + +.codicon-chrome-close:before { + content: "\EAB8" +} + +.codicon-chrome-maximize:before { + content: "\EAB9" +} + +.codicon-chrome-minimize:before { + content: "\EABA" +} + +.codicon-chrome-restore:before { + content: "\EABB" +} + +.codicon-circle-outline:before, .codicon-debug-breakpoint-unverified:before { + content: "\EABC" +} + +.codicon-circle-slash:before { + content: "\EABD" +} + +.codicon-circuit-board:before { + content: "\EABE" +} + +.codicon-clear-all:before { + content: "\EABF" +} + +.codicon-clippy:before { + content: "\EAC0" +} + +.codicon-close-all:before { + content: "\EAC1" +} + +.codicon-cloud-download:before { + content: "\EAC2" +} + +.codicon-cloud-upload:before { + content: "\EAC3" +} + +.codicon-code:before { + content: "\EAC4" +} + +.codicon-collapse-all:before { + content: "\EAC5" +} + +.codicon-color-mode:before { + content: "\EAC6" +} + +.codicon-comment-discussion:before { + content: "\EAC7" +} + +.codicon-compare-changes:before { + content: "\EAC8" +} + +.codicon-credit-card:before { + content: "\EAC9" +} + +.codicon-dash:before { + content: "\EACC" +} + +.codicon-dashboard:before { + content: "\EACD" +} + +.codicon-database:before { + content: "\EACE" +} + +.codicon-debug-continue:before { + content: "\EACF" +} + +.codicon-debug-disconnect:before { + content: "\EAD0" +} + +.codicon-debug-pause:before { + content: "\EAD1" +} + +.codicon-debug-restart:before { + content: "\EAD2" +} + +.codicon-debug-start:before { + content: "\EAD3" +} + +.codicon-debug-step-into:before { + content: "\EAD4" +} + +.codicon-debug-step-out:before { + content: "\EAD5" +} + +.codicon-debug-step-over:before { + content: "\EAD6" +} + +.codicon-debug-stop:before { + content: "\EAD7" +} + +.codicon-debug:before { + content: "\EAD8" +} + +.codicon-device-camera-video:before { + content: "\EAD9" +} + +.codicon-device-camera:before { + content: "\EADA" +} + +.codicon-device-mobile:before { + content: "\EADB" +} + +.codicon-diff-added:before { + content: "\EADC" +} + +.codicon-diff-ignored:before { + content: "\EADD" +} + +.codicon-diff-modified:before { + content: "\EADE" +} + +.codicon-diff-removed:before { + content: "\EADF" +} + +.codicon-diff-renamed:before { + content: "\EAE0" +} + +.codicon-diff:before { + content: "\EAE1" +} + +.codicon-discard:before { + content: "\EAE2" +} + +.codicon-editor-layout:before { + content: "\EAE3" +} + +.codicon-empty-window:before { + content: "\EAE4" +} + +.codicon-exclude:before { + content: "\EAE5" +} + +.codicon-extensions:before { + content: "\EAE6" +} + +.codicon-eye-closed:before { + content: "\EAE7" +} + +.codicon-file-binary:before { + content: "\EAE8" +} + +.codicon-file-code:before { + content: "\EAE9" +} + +.codicon-file-media:before { + content: "\EAEA" +} + +.codicon-file-pdf:before { + content: "\EAEB" +} + +.codicon-file-submodule:before { + content: "\EAEC" +} + +.codicon-file-symlink-directory:before { + content: "\EAED" +} + +.codicon-file-symlink-file:before { + content: "\EAEE" +} + +.codicon-file-zip:before { + content: "\EAEF" +} + +.codicon-files:before { + content: "\EAF0" +} + +.codicon-filter:before { + content: "\EAF1" +} + +.codicon-flame:before { + content: "\EAF2" +} + +.codicon-fold-down:before { + content: "\EAF3" +} + +.codicon-fold-up:before { + content: "\EAF4" +} + +.codicon-fold:before { + content: "\EAF5" +} + +.codicon-folder-active:before { + content: "\EAF6" +} + +.codicon-folder-opened:before { + content: "\EAF7" +} + +.codicon-gear:before { + content: "\EAF8" +} + +.codicon-gift:before { + content: "\EAF9" +} + +.codicon-gist-secret:before { + content: "\EAFA" +} + +.codicon-gist:before { + content: "\EAFB" +} + +.codicon-git-commit:before { + content: "\EAFC" +} + +.codicon-git-compare:before { + content: "\EAFD" +} + +.codicon-git-merge:before { + content: "\EAFE" +} + +.codicon-github-action:before { + content: "\EAFF" +} + +.codicon-github-alt:before { + content: "\EB00" +} + +.codicon-globe:before { + content: "\EB01" +} + +.codicon-grabber:before { + content: "\EB02" +} + +.codicon-graph:before { + content: "\EB03" +} + +.codicon-gripper:before { + content: "\EB04" +} + +.codicon-heart:before { + content: "\EB05" +} + +.codicon-home:before { + content: "\EB06" +} + +.codicon-horizontal-rule:before { + content: "\EB07" +} + +.codicon-hubot:before { + content: "\EB08" +} + +.codicon-inbox:before { + content: "\EB09" +} + +.codicon-issue-closed:before { + content: "\EB0A" +} + +.codicon-issue-reopened:before { + content: "\EB0B" +} + +.codicon-issues:before { + content: "\EB0C" +} + +.codicon-italic:before { + content: "\EB0D" +} + +.codicon-jersey:before { + content: "\EB0E" +} + +.codicon-json:before { + content: "\EB0F" +} + +.codicon-kebab-vertical:before { + content: "\EB10" +} + +.codicon-key:before { + content: "\EB11" +} + +.codicon-law:before { + content: "\EB12" +} + +.codicon-lightbulb-autofix:before { + content: "\EB13" +} + +.codicon-link-external:before { + content: "\EB14" +} + +.codicon-link:before { + content: "\EB15" +} + +.codicon-list-ordered:before { + content: "\EB16" +} + +.codicon-list-unordered:before { + content: "\EB17" +} + +.codicon-live-share:before { + content: "\EB18" +} + +.codicon-loading:before { + content: "\EB19" +} + +.codicon-location:before { + content: "\EB1A" +} + +.codicon-mail-read:before { + content: "\EB1B" +} + +.codicon-mail:before { + content: "\EB1C" +} + +.codicon-markdown:before { + content: "\EB1D" +} + +.codicon-megaphone:before { + content: "\EB1E" +} + +.codicon-mention:before { + content: "\EB1F" +} + +.codicon-milestone:before { + content: "\EB20" +} + +.codicon-mortar-board:before { + content: "\EB21" +} + +.codicon-move:before { + content: "\EB22" +} + +.codicon-multiple-windows:before { + content: "\EB23" +} + +.codicon-mute:before { + content: "\EB24" +} + +.codicon-no-newline:before { + content: "\EB25" +} + +.codicon-note:before { + content: "\EB26" +} + +.codicon-octoface:before { + content: "\EB27" +} + +.codicon-open-preview:before { + content: "\EB28" +} + +.codicon-package:before { + content: "\EB29" +} + +.codicon-paintcan:before { + content: "\EB2A" +} + +.codicon-pin:before { + content: "\EB2B" +} + +.codicon-play:before { + content: "\EB2C" +} + +.codicon-plug:before { + content: "\EB2D" +} + +.codicon-preserve-case:before { + content: "\EB2E" +} + +.codicon-preview:before { + content: "\EB2F" +} + +.codicon-project:before { + content: "\EB30" +} + +.codicon-pulse:before { + content: "\EB31" +} + +.codicon-question:before { + content: "\EB32" +} + +.codicon-quote:before { + content: "\EB33" +} + +.codicon-radio-tower:before { + content: "\EB34" +} + +.codicon-reactions:before { + content: "\EB35" +} + +.codicon-references:before { + content: "\EB36" +} + +.codicon-refresh:before { + content: "\EB37" +} + +.codicon-regex:before { + content: "\EB38" +} + +.codicon-remote-explorer:before { + content: "\EB39" +} + +.codicon-remote:before { + content: "\EB3A" +} + +.codicon-remove:before { + content: "\EB3B" +} + +.codicon-replace-all:before { + content: "\EB3C" +} + +.codicon-replace:before { + content: "\EB3D" +} + +.codicon-repo-clone:before { + content: "\EB3E" +} + +.codicon-repo-force-push:before { + content: "\EB3F" +} + +.codicon-repo-pull:before { + content: "\EB40" +} + +.codicon-repo-push:before { + content: "\EB41" +} + +.codicon-report:before { + content: "\EB42" +} + +.codicon-request-changes:before { + content: "\EB43" +} + +.codicon-rocket:before { + content: "\EB44" +} + +.codicon-root-folder-opened:before { + content: "\EB45" +} + +.codicon-root-folder:before { + content: "\EB46" +} + +.codicon-rss:before { + content: "\EB47" +} + +.codicon-ruby:before { + content: "\EB48" +} + +.codicon-save-all:before { + content: "\EB49" +} + +.codicon-save-as:before { + content: "\EB4A" +} + +.codicon-save:before { + content: "\EB4B" +} + +.codicon-screen-full:before { + content: "\EB4C" +} + +.codicon-screen-normal:before { + content: "\EB4D" +} + +.codicon-search-stop:before { + content: "\EB4E" +} + +.codicon-server:before { + content: "\EB50" +} + +.codicon-settings-gear:before { + content: "\EB51" +} + +.codicon-settings:before { + content: "\EB52" +} + +.codicon-shield:before { + content: "\EB53" +} + +.codicon-smiley:before { + content: "\EB54" +} + +.codicon-sort-precedence:before { + content: "\EB55" +} + +.codicon-split-horizontal:before { + content: "\EB56" +} + +.codicon-split-vertical:before { + content: "\EB57" +} + +.codicon-squirrel:before { + content: "\EB58" +} + +.codicon-star-full:before { + content: "\EB59" +} + +.codicon-star-half:before { + content: "\EB5A" +} + +.codicon-symbol-class:before { + content: "\EB5B" +} + +.codicon-symbol-color:before { + content: "\EB5C" +} + +.codicon-symbol-constant:before { + content: "\EB5D" +} + +.codicon-symbol-enum-member:before { + content: "\EB5E" +} + +.codicon-symbol-field:before { + content: "\EB5F" +} + +.codicon-symbol-file:before { + content: "\EB60" +} + +.codicon-symbol-interface:before { + content: "\EB61" +} + +.codicon-symbol-keyword:before { + content: "\EB62" +} + +.codicon-symbol-misc:before { + content: "\EB63" +} + +.codicon-symbol-operator:before { + content: "\EB64" +} + +.codicon-symbol-property:before { + content: "\EB65" +} + +.codicon-symbol-snippet:before { + content: "\EB66" +} + +.codicon-tasklist:before { + content: "\EB67" +} + +.codicon-telescope:before { + content: "\EB68" +} + +.codicon-text-size:before { + content: "\EB69" +} + +.codicon-three-bars:before { + content: "\EB6A" +} + +.codicon-thumbsdown:before { + content: "\EB6B" +} + +.codicon-thumbsup:before { + content: "\EB6C" +} + +.codicon-tools:before { + content: "\EB6D" +} + +.codicon-triangle-down:before { + content: "\EB6E" +} + +.codicon-triangle-left:before { + content: "\EB6F" +} + +.codicon-triangle-right:before { + content: "\EB70" +} + +.codicon-triangle-up:before { + content: "\EB71" +} + +.codicon-twitter:before { + content: "\EB72" +} + +.codicon-unfold:before { + content: "\EB73" +} + +.codicon-unlock:before { + content: "\EB74" +} + +.codicon-unmute:before { + content: "\EB75" +} + +.codicon-unverified:before { + content: "\EB76" +} + +.codicon-verified:before { + content: "\EB77" +} + +.codicon-versions:before { + content: "\EB78" +} + +.codicon-vm-active:before { + content: "\EB79" +} + +.codicon-vm-outline:before { + content: "\EB7A" +} + +.codicon-vm-running:before { + content: "\EB7B" +} + +.codicon-watch:before { + content: "\EB7C" +} + +.codicon-whitespace:before { + content: "\EB7D" +} + +.codicon-whole-word:before { + content: "\EB7E" +} + +.codicon-window:before { + content: "\EB7F" +} + +.codicon-word-wrap:before { + content: "\EB80" +} + +.codicon-zoom-in:before { + content: "\EB81" +} + +.codicon-zoom-out:before { + content: "\EB82" +} + +.codicon-list-filter:before { + content: "\EB83" +} + +.codicon-list-flat:before { + content: "\EB84" +} + +.codicon-list-selection:before, .codicon-selection:before { + content: "\EB85" +} + +.codicon-list-tree:before { + content: "\EB86" +} + +.codicon-debug-breakpoint-function-unverified:before { + content: "\EB87" +} + +.codicon-debug-breakpoint-function-disabled:before, .codicon-debug-breakpoint-function:before { + content: "\EB88" +} + +.codicon-debug-stackframe-active:before { + content: "\EB89" +} + +.codicon-debug-stackframe-dot:before { + content: "\EB8A" +} + +.codicon-debug-stackframe-focused:before, .codicon-debug-stackframe:before { + content: "\EB8B" +} + +.codicon-debug-breakpoint-unsupported:before { + content: "\EB8C" +} + +.codicon-symbol-string:before { + content: "\EB8D" +} + +.codicon-debug-reverse-continue:before { + content: "\EB8E" +} + +.codicon-debug-step-back:before { + content: "\EB8F" +} + +.codicon-debug-restart-frame:before { + content: "\EB90" +} + +.codicon-debug-alternate:before { + content: "\EB91" +} + +.codicon-call-incoming:before { + content: "\EB92" +} + +.codicon-call-outgoing:before { + content: "\EB93" +} + +.codicon-menu:before { + content: "\EB94" +} + +.codicon-expand-all:before { + content: "\EB95" +} + +.codicon-feedback:before { + content: "\EB96" +} + +.codicon-group-by-ref-type:before { + content: "\EB97" +} + +.codicon-ungroup-by-ref-type:before { + content: "\EB98" +} + +.codicon-debug-alt:before { + content: "\F101" +} + +@-webkit-keyframes codicon-spin { + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +@keyframes codicon-spin { + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +.codicon-animation-spin { + -webkit-animation: codicon-spin 1.5s linear infinite; + animation: codicon-spin 1.5s linear infinite +} + +.monaco-list .monaco-list-row.focused.selected .outline-element-decoration, .monaco-list .monaco-list-row.focused.selected .outline-element .monaco-highlighted-label { + color: inherit !important +} + +.monaco-list .outline-element { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.monaco-list .outline-element .monaco-highlighted-label { + color: var(--outline-element-color) +} + +.monaco-tree .monaco-tree-row.focused .outline-element .outline-element-detail { + visibility: inherit +} + +.monaco-list .outline-element .outline-element-decoration { + opacity: .75; + font-size: 90%; + font-weight: 600; + padding: 0 12px 0 5px; + margin-left: auto; + text-align: center; + color: var(--outline-element-color) +} + +.monaco-list .outline-element .outline-element-decoration.bubble { + font-family: codicon; + font-size: 14px; + opacity: .4 +} + +.monaco-list .outline-element .outline-element-icon { + margin-right: 4px +} + +.monaco-icon-label.deprecated { + text-decoration: line-through; + opacity: .66 +} + +.monaco-editor .rename-box { + z-index: 100; + color: inherit +} + +.monaco-editor .rename-box.preview { + padding: 3px 3px 0 +} + +.monaco-editor .rename-box .rename-input { + padding: 3px; + width: calc(100% - 6px) +} + +.monaco-editor .rename-box .rename-label { + display: none; + opacity: .8 +} + +.monaco-editor .rename-box.preview .rename-label { + display: inherit +} + +.monaco-editor .snippet-placeholder { + min-width: 2px +} + +.monaco-editor .finish-snippet-placeholder, .monaco-editor .snippet-placeholder { + outline-style: solid; + outline-width: 1px +} + +.monaco-editor .suggest-widget { + z-index: 40; + width: 430px +} + +.monaco-editor .suggest-widget > .details, .monaco-editor .suggest-widget > .message, .monaco-editor .suggest-widget > .tree { + width: 100%; + border-style: solid; + border-width: 1px; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.monaco-editor.hc-black .suggest-widget > .details, .monaco-editor.hc-black .suggest-widget > .message, .monaco-editor.hc-black .suggest-widget > .tree { + border-width: 2px +} + +.monaco-editor .suggest-widget.docs-side { + width: 660px +} + +.monaco-editor .suggest-widget.docs-side > .details, .monaco-editor .suggest-widget.docs-side > .tree { + width: 50%; + float: left +} + +.monaco-editor .suggest-widget.docs-side.list-right > .details, .monaco-editor .suggest-widget.docs-side.list-right > .tree { + float: right +} + +.monaco-editor .suggest-widget > .details ol, .monaco-editor .suggest-widget > .details ul { + padding-left: 20px +} + +.monaco-editor .suggest-widget > .details p code { + font-family: var(--monaco-monospace-font) +} + +.monaco-editor .suggest-widget > .message { + padding-left: 22px +} + +.monaco-editor .suggest-widget > .tree { + height: 100% +} + +.monaco-editor .suggest-widget .monaco-list { + -moz-user-select: none; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -mox-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-right: 10px; + background-repeat: no-repeat; + background-position: 2px 2px; + white-space: nowrap; + cursor: pointer; + -ms-touch-action: none; + touch-action: none +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + height: 100%; + overflow: hidden; + padding-left: 2px +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + overflow: hidden; + text-overflow: ellipsis; + white-space: pre; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left, .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right { + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight { + font-weight: 700 +} + +.monaco-editor .suggest-widget > .suggest-status-bar { + visibility: hidden; + position: absolute; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + font-size: 80%; + border-left-width: 1px; + border-left-style: solid; + border-right-width: 1px; + border-right-style: solid; + border-bottom-width: 1px; + border-bottom-style: solid; + padding: 1px 8px 1px 4px; + -webkit-box-shadow: 0 -.5px 3px #ddd; + box-shadow: 0 -.5px 3px #ddd +} + +.monaco-editor .suggest-widget > .suggest-status-bar span { + opacity: .7 +} + +.monaco-editor .suggest-widget.list-right.docs-side > .suggest-status-bar { + left: auto; + right: 0 +} + +.monaco-editor .suggest-widget.docs-side > .suggest-status-bar { + width: 50% +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close, .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:before { + color: inherit; + opacity: 1; + font-size: 14px; + cursor: pointer +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close { + position: absolute; + top: 2px; + right: 2px +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close:hover, .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover { + opacity: 1 +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label, .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label, .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label { + opacity: .7 +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label { + margin-left: 4px; + opacity: .4; + font-size: 90%; + text-overflow: ellipsis; + overflow: hidden; + line-height: 17px; + -ms-flex-item-align: center; + align-self: center +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label { + margin-left: .8em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.monaco-editor .suggest-widget .monaco-list /**/.monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source { + display: inline +} + +.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label, .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label { + display: none +} + +.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused > .contents > .main > .right.always-show-details > .details-label, .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label, .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right.always-show-details > .details-label { + display: inline +} + +.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label { + width: calc(100% - 26px) +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left { + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: hidden +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label { + -ms-flex-negative: 1; + flex-shrink: 1 +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right { + overflow: hidden; + -ms-flex-negative: 0; + flex-shrink: 0; + max-width: 45% +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { + display: inline-block; + position: absolute; + right: 10px; + width: 18px; + height: 18px; + visibility: hidden +} + +.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, .monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { + display: none !important +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right:not(.always-show-details) > .readMore { + display: none +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main > .right:not(.always-show-details) > .readMore { + display: inline-block +} + +.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .right > .readMore, .monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { + display: none +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row:hover > .contents > .main > .right > .readMore { + visibility: visible +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated { + opacity: .66; + text-decoration: unset +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container { + text-decoration: line-through +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label:before { + height: 100% +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon { + display: block; + height: 16px; + width: 16px; + margin-left: 2px; + background-repeat: no-repeat; + background-size: 80%; + background-position: 50% +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide { + display: none +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-right: 4px +} + +.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon, .monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon:before { + display: none +} + +.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan { + margin: 0 0 0 .3em; + border: .1em solid #000; + width: .7em; + height: .7em; + display: inline-block +} + +.monaco-editor .suggest-widget .details { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + cursor: default +} + +.monaco-editor .suggest-widget .details.no-docs { + display: none +} + +.monaco-editor .suggest-widget.docs-below .details { + border-top-width: 0 +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1 +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body { + position: absolute; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + width: 100% +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .type { + -webkit-box-flex: 2; + -ms-flex: 2; + flex: 2; + overflow: hidden; + text-overflow: ellipsis; + opacity: .7; + word-break: break-all; + margin: 0 24px 0 0; + padding: 4px 0 12px 5px +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs { + margin: 0; + padding: 4px 5px; + white-space: pre-wrap +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs { + padding: 0; + white-space: normal; + min-height: calc(1rem + 8px) +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div, .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) { + padding: 4px 5px +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child { + margin-top: 0 +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child { + margin-bottom: 0 +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs .code { + white-space: pre-wrap; + word-wrap: break-word +} + +.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > p:empty { + display: none +} + +.monaco-editor .suggest-widget .details code { + border-radius: 3px; + padding: 0 .4em +} + +.monaco-editor .suggest-insert-unexpected { + font-style: italic +} + +.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar { + visibility: visible +} + +.monaco-editor .suggest-widget.with-status-bar > .tree { + margin-bottom: 18px +} + +.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar span { + min-height: 18px +} + +.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused > .contents > .main > .right:not(.always-show-details) > .readMore, .monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore { + display: none +} + +.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label { + width: 100% +} + +.monaco-editor { + font-family: -apple-system, BlinkMacSystemFont, Segoe WPC, Segoe UI, HelveticaNeue-Light, Ubuntu, Droid Sans, sans-serif +} + +.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, .monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label { + stroke-width: 1.2px +} + +.monaco-editor-hover p { + margin: 0 +} + +.monaco-editor.hc-black { + -ms-high-contrast-adjust: none +} + +@media screen and (-ms-high-contrast: active) { + .monaco-editor.vs-dark .view-overlays .current-line, .monaco-editor.vs .view-overlays .current-line { + border-color: windowtext !important; + border-left: 0; + border-right: 0 + } + + .monaco-editor.vs-dark .cursor, .monaco-editor.vs .cursor { + background-color: windowtext !important + } + + .monaco-editor.vs-dark .dnd-target, .monaco-editor.vs .dnd-target { + border-color: windowtext !important + } + + .monaco-editor.vs-dark .selected-text, .monaco-editor.vs .selected-text { + background-color: highlight !important + } + + .monaco-editor.vs-dark .view-line, .monaco-editor.vs .view-line { + -ms-high-contrast-adjust: none + } + + .monaco-editor.vs-dark .view-line span, .monaco-editor.vs .view-line span { + color: windowtext !important + } + + .monaco-editor.vs-dark .view-line span.inline-selected-text, .monaco-editor.vs .view-line span.inline-selected-text { + color: highlighttext !important + } + + .monaco-editor.vs-dark .view-overlays, .monaco-editor.vs .view-overlays { + -ms-high-contrast-adjust: none + } + + .monaco-editor.vs-dark .reference-decoration, .monaco-editor.vs-dark .selectionHighlight, .monaco-editor.vs-dark .wordHighlight, .monaco-editor.vs-dark .wordHighlightStrong, .monaco-editor.vs .reference-decoration, .monaco-editor.vs .selectionHighlight, .monaco-editor.vs .wordHighlight, .monaco-editor.vs .wordHighlightStrong { + border: 2px dotted highlight !important; + background: transparent !important; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .monaco-editor.vs-dark .rangeHighlight, .monaco-editor.vs .rangeHighlight { + background: transparent !important; + border: 1px dotted activeborder !important; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .monaco-editor.vs-dark .bracket-match, .monaco-editor.vs .bracket-match { + border-color: windowtext !important; + background: transparent !important + } + + .monaco-editor.vs-dark .currentFindMatch, .monaco-editor.vs-dark .findMatch, .monaco-editor.vs .currentFindMatch, .monaco-editor.vs .findMatch { + border: 2px dotted activeborder !important; + background: transparent !important; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .monaco-editor.vs-dark .find-widget, .monaco-editor.vs .find-widget { + border: 1px solid windowtext + } + + .monaco-editor.vs-dark .monaco-list .monaco-list-row, .monaco-editor.vs .monaco-list .monaco-list-row { + -ms-high-contrast-adjust: none; + color: windowtext !important + } + + .monaco-editor.vs-dark .monaco-list .monaco-list-row.focused, .monaco-editor.vs .monaco-list .monaco-list-row.focused { + color: highlighttext !important; + background-color: highlight !important + } + + .monaco-editor.vs-dark .monaco-list .monaco-list-row:hover, .monaco-editor.vs .monaco-list .monaco-list-row:hover { + background: transparent !important; + border: 1px solid highlight; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .monaco-editor.vs-dark .monaco-tree .monaco-tree-row, .monaco-editor.vs .monaco-tree .monaco-tree-row { + -ms-high-contrast-adjust: none; + color: windowtext !important + } + + .monaco-editor.vs-dark .monaco-tree .monaco-tree-row.focused, .monaco-editor.vs-dark .monaco-tree .monaco-tree-row.selected, .monaco-editor.vs .monaco-tree .monaco-tree-row.focused, .monaco-editor.vs .monaco-tree .monaco-tree-row.selected { + color: highlighttext !important; + background-color: highlight !important + } + + .monaco-editor.vs-dark .monaco-tree .monaco-tree-row:hover, .monaco-editor.vs .monaco-tree .monaco-tree-row:hover { + background: transparent !important; + border: 1px solid highlight; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar, .monaco-editor.vs .monaco-scrollable-element > .scrollbar { + -ms-high-contrast-adjust: none; + background: background !important; + border: 1px solid windowtext; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider, .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider { + background: windowtext !important + } + + .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active, .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider:hover, .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider.active, .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider:hover { + background: highlight !important + } + + .monaco-editor.vs-dark .decorationsOverviewRuler, .monaco-editor.vs .decorationsOverviewRuler { + opacity: 0 + } + + .monaco-editor.vs-dark .minimap, .monaco-editor.vs .minimap { + display: none + } + + .monaco-editor.vs-dark .squiggly-d-error, .monaco-editor.vs .squiggly-d-error { + background: transparent !important; + border-bottom: 4px double #e47777 + } + + .monaco-editor.vs-dark .squiggly-b-info, .monaco-editor.vs-dark .squiggly-c-warning, .monaco-editor.vs .squiggly-b-info, .monaco-editor.vs .squiggly-c-warning { + border-bottom: 4px double #0f84bb + } + + .monaco-editor.vs-dark .squiggly-a-hint, .monaco-editor.vs .squiggly-a-hint { + border-bottom: 4px double #6c6c6c + } + + .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label { + -ms-high-contrast-adjust: none; + color: highlighttext !important; + background-color: highlight !important + } + + .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label, .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label { + -ms-high-contrast-adjust: none; + background: transparent !important; + border: 1px solid highlight; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .monaco-diff-editor.vs-dark .diffOverviewRuler, .monaco-diff-editor.vs .diffOverviewRuler { + display: none + } + + .monaco-editor.vs-dark .line-delete, .monaco-editor.vs-dark .line-insert, .monaco-editor.vs .line-delete, .monaco-editor.vs .line-insert { + background: transparent !important; + border: 1px solid highlight !important; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .monaco-editor.vs-dark .char-delete, .monaco-editor.vs-dark .char-insert, .monaco-editor.vs .char-delete, .monaco-editor.vs .char-insert { + background: transparent !important + } +} + +.monaco-diff-editor .diffOverview { + z-index: 9 +} + +.monaco-diff-editor.vs .diffOverview { + background: rgba(0, 0, 0, .03) +} + +.monaco-diff-editor.vs-dark .diffOverview { + background: hsla(0, 0%, 100%, .01) +} + +.monaco-diff-editor .diffViewport { + -webkit-box-shadow: inset 0 0 1px 0 #b9b9b9; + box-shadow: inset 0 0 1px 0 #b9b9b9; + background: rgba(0, 0, 0, .1) +} + +.monaco-diff-editor.hc-black .diffViewport, .monaco-diff-editor.vs-dark .diffViewport { + background: hsla(0, 0%, 100%, .1) +} + +.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar, .monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar { + background: transparent +} + +.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar { + background: none +} + +.monaco-scrollable-element.modified-in-monaco-diff-editor .slider { + z-index: 10 +} + +.modified-in-monaco-diff-editor .slider.active { + background: hsla(0, 0%, 67.1%, .4) +} + +.modified-in-monaco-diff-editor.hc-black .slider.active { + background: none +} + +.monaco-diff-editor .delete-sign, .monaco-diff-editor .insert-sign, .monaco-editor .delete-sign, .monaco-editor .insert-sign { + font-size: 11px !important; + opacity: .7 !important; + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.monaco-diff-editor.hc-black .delete-sign, .monaco-diff-editor.hc-black .insert-sign, .monaco-editor.hc-black .delete-sign, .monaco-editor.hc-black .insert-sign { + opacity: 1 +} + +.monaco-editor .inline-added-margin-view-zone, .monaco-editor .inline-deleted-margin-view-zone { + text-align: right +} + +.monaco-editor .diagonal-fill { + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAChJREFUKFNjOH/+fAMDDgCSu3Dhwn9c8gwwBTgNGR4KQP4HhQOhsAIAZCBTkhtqePcAAAAASUVORK5CYII=") +} + +.monaco-editor.vs-dark .diagonal-fill { + opacity: .2 +} + +.monaco-editor.hc-black .diagonal-fill { + background: none +} + +.monaco-editor .view-zones .view-lines .view-line span { + display: inline-block +} + +.monaco-editor .margin-view-zones .lightbulb-glyph:hover { + cursor: pointer +} + +.monaco-diff-editor .diff-review-line-number { + text-align: right; + display: inline-block +} + +.monaco-diff-editor .diff-review { + position: absolute; + -moz-user-select: none; + user-select: none; + -webkit-user-select: none; + -ms-user-select: none +} + +.monaco-diff-editor .diff-review-summary { + padding-left: 10px +} + +.monaco-diff-editor .diff-review-shadow { + position: absolute +} + +.monaco-diff-editor .diff-review-row { + white-space: pre +} + +.monaco-diff-editor .diff-review-table { + display: table; + min-width: 100% +} + +.monaco-diff-editor .diff-review-row { + display: table-row; + width: 100% +} + +.monaco-diff-editor .diff-review-cell { + display: table-cell +} + +.monaco-diff-editor .diff-review-spacer { + display: inline-block; + width: 10px +} + +.monaco-diff-editor .diff-review-actions { + display: inline-block; + position: absolute; + right: 10px; + top: 2px +} + +.monaco-diff-editor .diff-review-actions .action-label { + width: 16px; + height: 16px; + margin: 2px 0 +} + +.context-view .monaco-menu { + min-width: 130px +} + +.context-view-block { + position: fixed; + left: 0; + top: 0; + z-index: -1; + width: 100%; + height: 100% +} + +.context-view { + position: absolute; + z-index: 2500 +} + +.rule-view .el-card { + margin-top: 24px; + min-height: 150px +} + +.rule-view .page-title .el-breadcrumb { + text-transform: none +} + +.rule-view .metrics-hd { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +.resources-view .el-table { + margin-top: 24px +} + +.resources-view .resource-id { + color: #0f84bb; + cursor: pointer +} + +.resources-view .status-wrapper { + padding: 0; + list-style-type: none +} + +.resources-view .status-wrapper .status-item { + padding: 2px 6px +} + +.resources-view .status-wrapper .status-item > span { + margin-right: 12px +} + +.resources-view .el-form-item__content { + clear: both +} + +.resources-view .expand-column .cell { + opacity: 0 +} + +.topic-metrics .sub-tip { + font-size: 14px; + color: #9e9e9f; + text-transform: none; + margin-right: 10px +} + +.topic-metrics .el-table { + margin-top: 24px +} + +.topic-metrics .el-table .expand-header { + height: 32px; + line-height: 32px; + margin-bottom: 20px +} + +.topic-metrics .el-table .topic-qos-radio { + float: right +} + +.topic-metrics .el-table .message-card { + height: 112px; + border-radius: 4px; + padding: 6px 12px +} + +.topic-metrics .el-table .message-card .message-card--body { + font-size: 28px; + height: 80px; + line-height: 80px; + text-align: center +} + +.topic-metrics .el-table .message-card .message-rate { + float: right +} + +.slow-sub .page-title { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +.slow-sub .sub-tip { + font-size: 14px; + color: #9e9e9f; + text-transform: none; + margin-right: 10px; + margin-left: 8px +} + +.slow-sub .select-node { + float: none; + margin-right: 24px +} + +.slow-sub .el-table { + margin-top: 24px +} + +.log-trace .page-title { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +.log-trace .sub-tip { + font-size: 14px; + color: #9e9e9f; + text-transform: none; + margin-right: 10px +} + +.log-trace .select-node { + float: none; + margin-right: 24px +} + +.log-trace .el-table { + margin-top: 24px +} + +.log-trace .el-badge { + padding-top: 5px; + line-height: 1; + margin-right: 4px +} + +.create-log-trace .range-datepicker, .create-log-trace .type-select { + width: 100% +} + +.log-dialog .handler-bar { + margin-top: 16px +} + +.log-dialog .el-row { + margin-bottom: 28px +} + +.dark-themes .log-dialog { + background-color: #161616 +} + +.dark-themes .log-dialog .el-dialog__headerbtn .el-dialog__close, .dark-themes .log-dialog .el-dialog__title { + color: #fff +} + +.alarms-view .table-title { + margin: 24px 0 20px; + font-size: 16px +} + +.alarms-view .table-title .table-oper { + float: right +} + +.alarms-view .el-table { + margin-bottom: 32px +} + +.alarms-view .details { + margin-right: 5px; + color: #a7a7a7; + cursor: pointer +} + +.plugins-view .el-card.plugin-config, .plugins-view .el-table { + margin-top: 24px +} + +.plugins-view .el-row { + margin-top: 20px +} + +.plugins-view .oper { + min-width: 50px; + font-size: 14px; + margin-bottom: 4px +} + +.plugins-view .tutorial { + margin-left: 5px; + color: #a7a7a7 +} + +.plugins-view .tutorial:hover { + color: #0f84bb +} + +.plugin-manage .page-title { + text-transform: none +} + +.plugin-manage .el-card { + margin-top: 24px; + min-height: 150px +} + +.plugin-manage .el-card .config-null { + text-align: center; + margin: 20px auto +} + +.plugin-manage .el-input.input-radius, .plugin-manage .el-textarea.input-radius { + width: 100% +} + +.auth-clientid-table .el-form-item__error, .auth-username-table .el-form-item__error { + display: none +} + +.generate-jwt .monaco-container { + height: 200px +} + +.generate-jwt .el-date-editor.el-input, .generate-jwt .el-date-editor.el-input__inner, .generate-jwt .el-select { + width: 100% +} + +.generate-jwt .el-table { + margin-top: 40px +} + +.generate-jwt .jwt-payload-desc { + font-size: 14px; + padding: 6px; + border-radius: 4px; + line-height: 1.4; + margin: 16px 0 +} + +.modules-view .el-table { + margin-top: 24px +} + +.modules-view .oper { + min-width: 50px; + font-size: 14px; + margin-bottom: 4px +} + +.listeners-view .el-table { + margin-top: 24px +} + +.websocket-view .el-form-item--small.el-form-item { + margin-bottom: 2px +} + +.websocket-view .check-area .el-form-item__content { + line-height: 20px !important +} + +.websocket-view .operation-area { + margin-top: 10px !important +} + +.websocket-view .el-input .el-input--medium { + margin-bottom: 10px !important +} + +.websocket-view .el-select { + width: 100% +} + +.websocket-view .refresh-btn { + font-size: 12px; + margin-left: 8px; + cursor: pointer +} + +.websocket-view .connect-state { + display: inline-block; + margin-left: 20px; + font-size: 14px; + color: #a7a7a7 +} + +.websocket-view .connect-state span { + margin-left: 4px +} + +.websocket-view .el-table { + margin-top: 5px; + border-width: 0 !important +} + +.websocket-view .el-card { + margin-top: 24px +} + +.websocket-view .el-checkbox, .websocket-view .el-input { + margin: 5px 0 20px +} + +.http-api { + margin-top: 0 !important +} + +.http-api .link-disabled { + cursor: not-allowed +} + +.http-api .el-card { + margin-top: 24px +} + +.http-api .el-table { + border-width: 0 !important +} + +.http-api .refresh-btn { + cursor: pointer; + font-size: 16px; + padding: 0 !important +} + +.http-api .response-container { + line-height: 1.5 +} + +.http-api .response-container h3 { + font-size: 14px !important +} + +.http-api .response-container a { + margin-left: 12px +} + +.applications-view .el-date-editor, .applications-view .el-select { + width: 100% +} + +.applications-view .el-table { + margin-top: 24px +} + +.applications-view .el-row { + margin-top: 20px +} + +.applications-view .search-btn { + margin-left: 8px +} + +.applications-view .el-breadcrumb { + margin-top: 10px; + margin-bottom: 20px +} + +.applications-view .el-date-picker { + max-width: 600px !important +} + +.applications-view .el-form-item--medium .el-form-item__content { + line-height: 38px +} + +.app-info .el-input.is-disabled .el-input__inner { + cursor: text +} + +.users-view .el-table { + margin-top: 24px +} + +.users-view .change-password { + text-align: left +} + +.settings-view .el-card { + margin-top: 24px +} + +.settings-view .el-switch.is-checked .el-switch__core { + background-color: #0f84bb; + border-color: #0f84bb +} + +.settings-view .confirm-btn .el-form-item { + margin-bottom: 4px !important +} + +.help-view { + width: 80% +} + +.help-view .help-item h3 { + font-size: 16px +} + +.help-view .help-item p { + color: #b0b0b0; + line-height: 1.8 +} + +.help-view .help-item a { + margin-right: 16px +} + +.help-view .help-item .follow-link { + display: inline-block; + width: 64px; + height: 52px; + text-align: center; + line-height: 52px; + background: #232429; + color: #9ea3b1; + margin-bottom: 20px +} + +.help-view .help-item .follow-link .iconfont { + font-size: 24px +} + +.help-view .el-divider { + margin: 30px 0; + background-color: #2b2c30 +} + +@media (max-width: 996px) { + .help-view { + width: 100% + } +} + +.not-found { + text-align: center; + padding: 50px +} + +.not-found p { + margin-top: 30px; + font-size: 20px +} + +.not-found a { + margin-right: 20px +} + +.not-found a:hover { + text-decoration: underline +} + +@font-face { + font-family: element-icons; + src: url(/static/fonts/element-icons.535877f.woff) format("woff"), url(/static/fonts/element-icons.732389d.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; + 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(0deg); + transform: rotate(0deg) + } + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +@keyframes rotating { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + 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: transparent +} + +.el-pagination button:focus { + outline: none +} + +.el-pagination button:hover { + color: #0f84bb +} + +.el-pagination button:disabled { + color: #c0c4cc; + background-color: #fff; + cursor: not-allowed +} + +.el-pagination .btn-next, .el-pagination .btn-prev { + background: 50% no-repeat; + background-size: 16px; + background-color: #fff; + 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-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 .arrow.disabled { + visibility: hidden +} + +.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: rgb(15, 132, 187) +} + +.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-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-prev.disabled, .el-pagination.is-background .el-pager li.disabled { + color: #c0c4cc +} + +.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev { + padding: 0 +} + +.el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev:disabled { + color: #c0c4cc +} + +.el-pagination.is-background .el-pager li:not(.disabled):hover { + color: #0f84bb +} + +.el-pagination.is-background .el-pager li:not(.disabled).active { + background-color: #0f84bb; + color: #fff +} + +.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 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + list-style: none; + display: inline-block; + vertical-align: top; + font-size: 0; + padding: 0; + margin: 0 +} + +.el-pager .more:before { + line-height: 30px +} + +.el-pager li { + padding: 0 4px; + background: #fff; + vertical-align: top; + display: inline-block; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + margin: 0 +} + +.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.btn-quicknext:hover, .el-pager li.btn-quickprev:hover { + cursor: pointer +} + +.el-pager li.active + li { + border-left: 0 +} + +.el-pager li:hover { + color: #0f84bb +} + +.el-pager li.active { + color: #0f84bb; + cursor: default +} + +@-webkit-keyframes v-modal-in { + 0% { + opacity: 0 + } +} + +@-webkit-keyframes v-modal-out { + to { + opacity: 0 + } +} + +.el-dialog { + position: relative; + margin: 0 auto 50px; + background: #fff; + 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: transparent; + border: none; + outline: none; + 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: #0f84bb +} + +.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: 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-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 .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) { + outline-width: 0 +} + +.el-dropdown-menu { + position: absolute; + top: 0; + left: 0; + z-index: 10; + 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: none +} + +.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { + background-color: #ecfbf3; + color: #0f84bb +} + +.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; + 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-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover { + background-color: #fff +} + +.el-menu--horizontal > .el-submenu { + float: left +} + +.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover { + outline: none +} + +.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 #0f84bb; + 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__title:hover { + background-color: #fff +} + +.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: none; + color: #303133 +} + +.el-menu--horizontal > .el-menu-item.is-active { + border-bottom: 2px solid #0f84bb; + 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-menu .el-submenu { + min-width: 200px +} + +.el-menu--collapse .el-submenu { + position: relative +} + +.el-menu--collapse .el-submenu .el-menu { + position: absolute; + margin-left: 5px; + top: 0; + left: 100%; + z-index: 10; + 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--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: none; + transform: none +} + +.el-menu--popup { + z-index: 100; + min-width: 200px; + 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 { + height: 56px; + line-height: 56px; + font-size: 14px; + color: #303133; + padding: 0 20px; + list-style: none; + cursor: pointer; + position: relative; + -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; + white-space: nowrap +} + +.el-menu-item * { + vertical-align: middle +} + +.el-menu-item i { + color: #909399 +} + +.el-menu-item:focus, .el-menu-item:hover { + outline: none; + background-color: #ecfbf3 +} + +.el-menu-item.is-disabled { + opacity: .25; + cursor: not-allowed; + background: none !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: #0f84bb +} + +.el-menu-item.is-active i { + color: inherit +} + +.el-submenu { + list-style: none; + margin: 0; + padding-left: 0 +} + +.el-submenu__title { + height: 56px; + line-height: 56px; + font-size: 14px; + color: #303133; + padding: 0 20px; + list-style: none; + cursor: pointer; + position: relative; + -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; + white-space: nowrap +} + +.el-submenu__title * { + vertical-align: middle +} + +.el-submenu__title i { + color: #909399 +} + +.el-submenu__title:focus, .el-submenu__title:hover { + outline: none; + background-color: #ecfbf3 +} + +.el-submenu__title.is-disabled { + opacity: .25; + cursor: not-allowed; + background: none !important +} + +.el-submenu__title:hover { + background-color: #ecfbf3 +} + +.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: #0f84bb +} + +.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: none !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 +} + +.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { + -webkit-transition: .2s; + transition: .2s; + opacity: 0 +} + +.el-radio-group { + display: inline-block; + line-height: 1; + vertical-align: middle; + font-size: 0 +} + +.el-radio-button, .el-radio-button__inner { + position: relative; + display: inline-block; + outline: none +} + +.el-radio-button__inner { + line-height: 1; + white-space: nowrap; + vertical-align: middle; + 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; + margin: 0; + 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: #0f84bb +} + +.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: none; + position: absolute; + z-index: -1 +} + +.el-radio-button__orig-radio:checked + .el-radio-button__inner { + color: #fff; + background-color: #0f84bb; + border-color: #0f84bb; + -webkit-box-shadow: -1px 0 0 0 #0f84bb; + box-shadow: -1px 0 0 0 #0f84bb +} + +.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-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 #0f84bb; + box-shadow: 0 0 2px 2px #0f84bb +} + +.el-switch { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + font-size: 14px; + line-height: 20px; + height: 20px; + vertical-align: middle +} + +.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; + display: inline-block; + font-size: 14px; + font-weight: 500; + cursor: pointer; + vertical-align: middle; + color: #303133 +} + +.el-switch__label.is-active { + color: #0f84bb +} + +.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; + display: inline-block; + position: relative; + width: 40px; + height: 20px; + border: 1px solid #dcdfe6; + outline: none; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #dcdfe6; + cursor: pointer; + -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: #0f84bb; + background-color: #0f84bb +} + +.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: #0f84bb; + 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: #0f84bb; + 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: #0f84bb +} + +.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(0deg); + transform: rotate(0deg) +} + +.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: #0f84bb +} + +.el-select > .el-input { + display: block +} + +.el-select__input { + border: none; + outline: none; + 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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -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-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; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + max-width: 100%; + background-color: #fff; + font-size: 14px; + color: #606266 +} + +.el-table__empty-block { + min-height: 60px; + text-align: center; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: 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; + font-size: 12px; + -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 { + background-color: #fff +} + +.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 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 td.is-hidden > *, .el-table th.is-hidden > * { + visibility: hidden +} + +.el-table--medium td, .el-table--medium th { + padding: 10px 0 +} + +.el-table--small { + font-size: 12px +} + +.el-table--small td, .el-table--small th { + padding: 8px 0 +} + +.el-table--mini { + font-size: 12px +} + +.el-table--mini td, .el-table--mini th { + padding: 6px 0 +} + +.el-table tr { + background-color: #fff +} + +.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; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #fff +} + +.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: #0f84bb +} + +.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-left: 10px; + 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 { + border-right: 1px solid #ebeef5 +} + +.el-table--border td:first-child .cell, .el-table--border th:first-child .cell { + padding-left: 10px +} + +.el-table--border th, .el-table--border th.gutter:last-of-type { + border-bottom: 1px solid #ebeef5 +} + +.el-table--hidden { + visibility: hidden +} + +.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; + border-bottom: 1px solid #ebeef5 +} + +.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-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right { + border-left: 1px solid #ebeef5 +} + +.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { + border-right: 1px solid #ebeef5 +} + +.el-table .caret-wrapper { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + width: 24px; + vertical-align: middle; + cursor: pointer; + 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: #0f84bb +} + +.el-table .descending .sort-caret.descending { + border-top-color: #0f84bb +} + +.el-table .hidden-columns { + visibility: hidden; + 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: #ecfbf3 +} + +.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: #ecfbf3 +} + +.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-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: #ecfbf3; + color: #0f84bb +} + +.el-table-filter__list-item.is-active { + background-color: #0f84bb; + 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: transparent; + border: none; + color: #606266; + cursor: pointer; + font-size: 13px; + padding: 0 3px +} + +.el-table-filter__bottom button:hover { + color: #0f84bb +} + +.el-table-filter__bottom button:focus { + outline: none +} + +.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; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.el-date-table.is-week-mode .el-date-table__row:hover div { + background-color: #f2f6fc +} + +.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.is-week-mode .el-date-table__row.current div { + background-color: #f2f6fc +} + +.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 { + height: 30px; + -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: #0f84bb; + 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: #0f84bb +} + +.el-date-table td.in-range div, .el-date-table td.in-range div:hover { + background-color: #f2f6fc +} + +.el-date-table td.current:not(.disabled) span { + color: #fff; + background-color: #0f84bb +} + +.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: #0f84bb +} + +.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: #0f84bb; + color: #fff; + border-radius: 15px +} + +.el-date-table td.week { + font-size: 80%; + color: #606266 +} + +.el-date-table th { + padding: 5px; + color: #606266; + font-weight: 400; + border-bottom: 1px solid #ebeef5 +} + +.el-month-table { + font-size: 12px; + margin: -1px; + border-collapse: collapse +} + +.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: #0f84bb; + 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: #0f84bb +} + +.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: #0f84bb +} + +.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: #0f84bb +} + +.el-year-table { + font-size: 12px; + margin: -1px; + border-collapse: collapse +} + +.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: #0f84bb; + 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: #0f84bb +} + +.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: #0f84bb +} + +.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: #0f84bb; + 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 { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: none; + display: inline-block; + height: 100%; + margin: 0; + padding: 0; + width: 39%; + text-align: center; + font-size: 14px; + color: #606266 +} + +.el-date-editor .el-range-input::-webkit-input-placeholder { + color: #c0c4cc +} + +.el-date-editor .el-range-input::-moz-placeholder { + color: #c0c4cc +} + +.el-date-editor .el-range-input::-ms-input-placeholder { + color: #c0c4cc +} + +.el-date-editor .el-range-input::placeholder { + color: #c0c4cc +} + +.el-date-editor .el-range-separator { + display: inline-block; + height: 100%; + padding: 0 5px; + margin: 0; + text-align: center; + line-height: 32px; + font-size: 14px; + 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: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -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: #0f84bb +} + +.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::-moz-placeholder { + color: #c0c4cc +} + +.el-range-editor.is-disabled input::-ms-input-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; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + 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__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: none; + cursor: pointer +} + +.el-picker-panel__shortcut:hover { + color: #0f84bb +} + +.el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: #0f84bb +} + +.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: none; + 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: transparent; + cursor: pointer; + outline: none; + margin-top: 8px +} + +.el-picker-panel__icon-btn:hover { + color: #0f84bb +} + +.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__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: #0f84bb +} + +.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__input.el-input .el-input__inner, .el-time-spinner__list { + padding: 0; + text-align: center +} + +.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; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: content-box; + box-sizing: content-box +} + +.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: none; + font-size: 12px; + color: #303133 +} + +.el-time-panel__btn.confirm { + font-weight: 800; + color: #0f84bb +} + +.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-radius: 4px; + 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 +} + +.el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing) { + outline-width: 0 +} + +.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: none; + background: transparent; + font-size: 16px; + cursor: pointer +} + +.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: #0f84bb +} + +.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__input input.invalid, .el-message-box__input input.invalid:focus { + border-color: #ff6d6d +} + +.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: #0f84bb +} + +.el-message-box__status.el-icon-info { + color: #909399 +} + +.el-message-box__status.el-icon-warning { + color: #f9c855 +} + +.el-message-box__status.el-icon-error { + color: #ff6d6d +} + +.el-message-box__message { + margin: 0 +} + +.el-message-box__message p { + margin: 0; + line-height: 24px +} + +.el-message-box__errormsg { + color: #ff6d6d; + 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 { + -webkit-box-orient: horizontal; + -webkit-box-direction: 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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: 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: #0f84bb; + 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 .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 { + margin-bottom: 18px +} + +.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 { + margin-bottom: 18px +} + +.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: #ff6d6d; + 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: #ff6d6d; + margin-right: 4px +} + +.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 { + border-color: #ff6d6d +} + +.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: #ff6d6d +} + +.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: #0f84bb; + 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-tabs__new-tab .el-icon-plus { + -webkit-transform: scale(.8); + transform: scale(.8) +} + +.el-tabs__new-tab:hover { + color: #0f84bb +} + +.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__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; + -webkit-transition: -webkit-transform .3s; + 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: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.el-tabs__nav.is-stretch > * { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 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: none +} + +.el-tabs__item:focus.is-active.is-focus:not(:active) { + -webkit-box-shadow: 0 0 2px 2px #0f84bb inset; + box-shadow: inset 0 0 2px 2px #0f84bb; + 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: #0f84bb +} + +.el-tabs__item:hover { + color: #0f84bb; + 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-wrap:after { + content: none +} + +.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 { + 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-closable:hover .el-icon-close { + width: 14px +} + +.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--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close { + width: 14px +} + +.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__nav-wrap:after { + content: none +} + +.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: #0f84bb; + 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: #0f84bb +} + +.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__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__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__active-bar.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left:after { + left: auto; + right: 0 +} + +.el-tabs--left .el-tabs__item.is-left { + text-align: right +} + +.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left { + display: none +} + +.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__active-bar.is-right { + display: none +} + +.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: #0f84bb +} + +.el-tree-node { + white-space: nowrap; + outline: none +} + +.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: #0f84bb; + color: #fff +} + +.el-tree-node__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -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 .el-tree-node__content * { + pointer-events: none +} + +.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(0deg); + transform: rotate(0deg); + -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: #f0fcf5 +} + +.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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -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 { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.el-alert--success.is-light { + background-color: #ecfbf3; + color: #0f84bb +} + +.el-alert--success.is-light .el-alert__description { + color: #0f84bb +} + +.el-alert--success.is-dark { + background-color: #0f84bb; + 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: #fefaee; + color: #f9c855 +} + +.el-alert--warning.is-light .el-alert__description { + color: #f9c855 +} + +.el-alert--warning.is-dark { + background-color: #f9c855; + color: #fff +} + +.el-alert--error.is-light { + background-color: #fff0f0; + color: #ff6d6d +} + +.el-alert--error.is-light .el-alert__description { + color: #ff6d6d +} + +.el-alert--error.is-dark { + background-color: #ff6d6d; + 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__closebtn.is-customed { + font-style: normal; + font-size: 13px; + top: 9px +} + +.el-alert-fade-enter, .el-alert-fade-leave-active { + opacity: 0 +} + +.el-notification { + display: -webkit-box; + 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: #0f84bb +} + +.el-notification .el-icon-error { + color: #ff6d6d +} + +.el-notification .el-icon-info { + color: #909399 +} + +.el-notification .el-icon-warning { + color: #f9c855 +} + +.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-notification-fade-leave-active { + opacity: 0 +} + +.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: #0f84bb +} + +.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: #0f84bb +} + +.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 0 +} + +.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:focus:hover, .el-tooltip:focus:not(.focusing) { + outline-width: 0 +} + +.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-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; + content: "" +} + +.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) +} + +.el-slider__runway.disabled .el-slider__button.dragging, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button:hover { + cursor: not-allowed +} + +.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: #0f84bb; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + position: absolute +} + +.el-slider__button-wrapper { + height: 36px; + width: 36px; + position: absolute; + 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 { + content: ""; + height: 100% +} + +.el-slider__button-wrapper .el-tooltip, .el-slider__button-wrapper:after { + display: inline-block; + vertical-align: middle +} + +.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 #0f84bb; + background-color: #fff; + border-radius: 50%; + -webkit-transition: .2s; + transition: .2s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + 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 { + position: absolute; + 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: #0f84bb +} + +.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-loading-spinner .el-loading-text { + color: #0f84bb; + 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: #0f84bb; + stroke-linecap: round +} + +.el-loading-spinner i { + color: #0f84bb +} + +.el-loading-fade-enter, .el-loading-fade-leave-active { + opacity: 0 +} + +@-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 { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.el-row:after, .el-row:before { + display: table; + content: "" +} + +.el-row:after { + clear: both +} + +.el-row--flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.el-row--flex:after, .el-row--flex:before { + display: none +} + +.el-row--flex.is-justify-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.el-row--flex.is-justify-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end +} + +.el-row--flex.is-justify-space-between { + -webkit-box-pack: justify; + -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-top { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start +} + +.el-row--flex.is-align-middle { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.el-row--flex.is-align-bottom { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end +} + +[class*=el-col-] { + float: left; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.el-col-0 { + display: none; + width: 0 +} + +.el-col-offset-0 { + margin-left: 0 +} + +.el-col-pull-0 { + position: relative; + right: 0 +} + +.el-col-push-0 { + position: relative; + left: 0 +} + +.el-col-1 { + width: 4.16667% +} + +.el-col-offset-1 { + margin-left: 4.16667% +} + +.el-col-pull-1 { + position: relative; + right: 4.16667% +} + +.el-col-push-1 { + position: relative; + left: 4.16667% +} + +.el-col-2 { + width: 8.33333% +} + +.el-col-offset-2 { + margin-left: 8.33333% +} + +.el-col-pull-2 { + position: relative; + right: 8.33333% +} + +.el-col-push-2 { + position: relative; + left: 8.33333% +} + +.el-col-3 { + width: 12.5% +} + +.el-col-offset-3 { + margin-left: 12.5% +} + +.el-col-pull-3 { + position: relative; + right: 12.5% +} + +.el-col-push-3 { + position: relative; + left: 12.5% +} + +.el-col-4 { + width: 16.66667% +} + +.el-col-offset-4 { + margin-left: 16.66667% +} + +.el-col-pull-4 { + position: relative; + right: 16.66667% +} + +.el-col-push-4 { + position: relative; + left: 16.66667% +} + +.el-col-5 { + width: 20.83333% +} + +.el-col-offset-5 { + margin-left: 20.83333% +} + +.el-col-pull-5 { + position: relative; + right: 20.83333% +} + +.el-col-push-5 { + position: relative; + left: 20.83333% +} + +.el-col-6 { + width: 25% +} + +.el-col-offset-6 { + margin-left: 25% +} + +.el-col-pull-6 { + position: relative; + right: 25% +} + +.el-col-push-6 { + position: relative; + left: 25% +} + +.el-col-7 { + width: 29.16667% +} + +.el-col-offset-7 { + margin-left: 29.16667% +} + +.el-col-pull-7 { + position: relative; + right: 29.16667% +} + +.el-col-push-7 { + position: relative; + left: 29.16667% +} + +.el-col-8 { + width: 33.33333% +} + +.el-col-offset-8 { + margin-left: 33.33333% +} + +.el-col-pull-8 { + position: relative; + right: 33.33333% +} + +.el-col-push-8 { + position: relative; + left: 33.33333% +} + +.el-col-9 { + width: 37.5% +} + +.el-col-offset-9 { + margin-left: 37.5% +} + +.el-col-pull-9 { + position: relative; + right: 37.5% +} + +.el-col-push-9 { + position: relative; + left: 37.5% +} + +.el-col-10 { + width: 41.66667% +} + +.el-col-offset-10 { + margin-left: 41.66667% +} + +.el-col-pull-10 { + position: relative; + right: 41.66667% +} + +.el-col-push-10 { + position: relative; + left: 41.66667% +} + +.el-col-11 { + width: 45.83333% +} + +.el-col-offset-11 { + margin-left: 45.83333% +} + +.el-col-pull-11 { + position: relative; + right: 45.83333% +} + +.el-col-push-11 { + position: relative; + 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 { + position: relative; + left: 50% +} + +.el-col-13 { + width: 54.16667% +} + +.el-col-offset-13 { + margin-left: 54.16667% +} + +.el-col-pull-13 { + position: relative; + right: 54.16667% +} + +.el-col-push-13 { + position: relative; + left: 54.16667% +} + +.el-col-14 { + width: 58.33333% +} + +.el-col-offset-14 { + margin-left: 58.33333% +} + +.el-col-pull-14 { + position: relative; + right: 58.33333% +} + +.el-col-push-14 { + position: relative; + left: 58.33333% +} + +.el-col-15 { + width: 62.5% +} + +.el-col-offset-15 { + margin-left: 62.5% +} + +.el-col-pull-15 { + position: relative; + right: 62.5% +} + +.el-col-push-15 { + position: relative; + left: 62.5% +} + +.el-col-16 { + width: 66.66667% +} + +.el-col-offset-16 { + margin-left: 66.66667% +} + +.el-col-pull-16 { + position: relative; + right: 66.66667% +} + +.el-col-push-16 { + position: relative; + left: 66.66667% +} + +.el-col-17 { + width: 70.83333% +} + +.el-col-offset-17 { + margin-left: 70.83333% +} + +.el-col-pull-17 { + position: relative; + right: 70.83333% +} + +.el-col-push-17 { + position: relative; + left: 70.83333% +} + +.el-col-18 { + width: 75% +} + +.el-col-offset-18 { + margin-left: 75% +} + +.el-col-pull-18 { + position: relative; + right: 75% +} + +.el-col-push-18 { + position: relative; + left: 75% +} + +.el-col-19 { + width: 79.16667% +} + +.el-col-offset-19 { + margin-left: 79.16667% +} + +.el-col-pull-19 { + position: relative; + right: 79.16667% +} + +.el-col-push-19 { + position: relative; + left: 79.16667% +} + +.el-col-20 { + width: 83.33333% +} + +.el-col-offset-20 { + margin-left: 83.33333% +} + +.el-col-pull-20 { + position: relative; + right: 83.33333% +} + +.el-col-push-20 { + position: relative; + left: 83.33333% +} + +.el-col-21 { + width: 87.5% +} + +.el-col-offset-21 { + margin-left: 87.5% +} + +.el-col-pull-21 { + position: relative; + right: 87.5% +} + +.el-col-push-21 { + position: relative; + left: 87.5% +} + +.el-col-22 { + width: 91.66667% +} + +.el-col-offset-22 { + margin-left: 91.66667% +} + +.el-col-pull-22 { + position: relative; + right: 91.66667% +} + +.el-col-push-22 { + position: relative; + left: 91.66667% +} + +.el-col-23 { + width: 95.83333% +} + +.el-col-offset-23 { + margin-left: 95.83333% +} + +.el-col-pull-23 { + position: relative; + right: 95.83333% +} + +.el-col-push-23 { + position: relative; + left: 95.83333% +} + +.el-col-24 { + width: 100% +} + +.el-col-offset-24 { + margin-left: 100% +} + +.el-col-pull-24 { + position: relative; + right: 100% +} + +.el-col-push-24 { + position: relative; + 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: none +} + +.el-upload__input { + display: none +} + +.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; + cursor: pointer; + 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: #0f84bb; + color: #0f84bb +} + +.el-upload:focus .el-upload-dragger { + border-color: #0f84bb +} + +.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; + cursor: pointer; + 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: #0f84bb; + font-style: normal +} + +.el-upload-dragger:hover { + border-color: #0f84bb +} + +.el-upload-dragger.is-dragover { + background-color: rgba(32, 159, 255, .06); + border: 2px dashed #0f84bb +} + +.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: #0f84bb +} + +.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: #0f84bb +} + +.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: #0f84bb; + 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-upload-list__item.is-success:not(.focusing):focus { + outline-width: 0 +} + +.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: #0f84bb +} + +.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: transparent; + -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; + content: ""; + 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 i { + margin-top: 0 +} + +.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--text-inside .el-progress-bar { + padding-right: 0; + margin-right: 0 +} + +.el-progress.is-success .el-progress-bar__inner { + background-color: #0f84bb +} + +.el-progress.is-success .el-progress__text { + color: #0f84bb +} + +.el-progress.is-warning .el-progress-bar__inner { + background-color: #f9c855 +} + +.el-progress.is-warning .el-progress__text { + color: #f9c855 +} + +.el-progress.is-exception .el-progress-bar__inner { + background-color: #ff6d6d +} + +.el-progress.is-exception .el-progress__text { + color: #ff6d6d +} + +.el-progress-bar { + padding-right: 50px; + display: inline-block; + vertical-align: middle; + 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: #0f84bb; + text-align: right; + border-radius: 100px; + line-height: 1; + white-space: nowrap; + -webkit-transition: width .6s ease; + transition: width .6s ease +} + +.el-progress-bar__inner:after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle +} + +.el-progress-bar__innerText { + display: inline-block; + vertical-align: middle; + 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 { + display: inline-block; + vertical-align: middle +} + +.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-radius: 4px; + 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; + overflow: hidden; + padding: 15px 15px 15px 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.el-message.is-center { + -webkit-box-pack: 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: #ecfbf3; + border-color: #d9f7e7 +} + +.el-message--success .el-message__content { + color: #0f84bb +} + +.el-message--warning { + background-color: #fefaee; + border-color: #fef4dd +} + +.el-message--warning .el-message__content { + color: #f9c855 +} + +.el-message--error { + background-color: #fff0f0; + border-color: #ffe2e2 +} + +.el-message--error .el-message__content { + color: #ff6d6d +} + +.el-message__icon { + margin-right: 10px +} + +.el-message__content { + padding: 0; + font-size: 14px; + line-height: 1 +} + +.el-message__content:focus { + outline-width: 0 +} + +.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:focus { + outline-width: 0 +} + +.el-message__closeBtn:hover { + color: #909399 +} + +.el-message .el-icon-success { + color: #0f84bb +} + +.el-message .el-icon-error { + color: #ff6d6d +} + +.el-message .el-icon-info { + color: #909399 +} + +.el-message .el-icon-warning { + color: #f9c855 +} + +.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: #ff6d6d; + 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-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, .el-badge__content--success { + background-color: #0f84bb +} + +.el-badge__content--warning { + background-color: #f9c855 +} + +.el-badge__content--info { + background-color: #909399 +} + +.el-badge__content--danger { + background-color: #ff6d6d +} + +.el-card { + border-radius: 4px; + border: 1px solid #ebeef5; + background-color: #fff; + overflow: hidden; + 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:active, .el-rate:focus { + outline-width: 0 +} + +.el-rate__item { + font-size: 0; + vertical-align: middle +} + +.el-rate__icon, .el-rate__item { + display: inline-block; + position: relative +} + +.el-rate__icon { + font-size: 18px; + margin-right: 6px; + color: #c0c4cc; + -webkit-transition: .3s; + transition: .3s +} + +.el-rate__icon.hover { + -webkit-transform: scale(1.15); + transform: scale(1.15) +} + +.el-rate__decimal, .el-rate__icon .path2 { + position: absolute; + left: 0; + top: 0 +} + +.el-rate__decimal { + display: inline-block; + overflow: hidden +} + +.el-rate__text { + font-size: 14px; + vertical-align: middle +} + +.el-steps { + display: -webkit-box; + 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%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -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; + -webkit-box-flex: 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: #0f84bb; + border-color: #0f84bb +} + +.el-step__head.is-error { + color: #ff6d6d; + border-color: #ff6d6d +} + +.el-step__head.is-finish { + color: #0f84bb; + border-color: #0f84bb +} + +.el-step__icon { + position: relative; + z-index: 1; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: 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: #0f84bb +} + +.el-step__title.is-error { + color: #ff6d6d +} + +.el-step__title.is-finish { + color: #0f84bb +} + +.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: #0f84bb +} + +.el-step__description.is-error { + color: #ff6d6d +} + +.el-step__description.is-finish { + color: #0f84bb +} + +.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: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.el-step.is-vertical .el-step__head { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + width: 24px +} + +.el-step.is-vertical .el-step__main { + padding-left: 10px; + -webkit-box-flex: 1; + -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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -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: transparent; + 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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + -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 { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: 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: none; + 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: none; + padding: 0; + margin: 0; + cursor: pointer; + -webkit-transition: .3s; + transition: .3s +} + +.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 { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 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 { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + opacity: .24; + -webkit-transition: .2s; + transition: .2s +} + +.fade-in-linear-enter-active, .fade-in-linear-leave-active { + -webkit-transition: opacity .2s linear; + transition: opacity .2s linear +} + +.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 { + -webkit-transition: opacity .2s linear; + transition: opacity .2s linear +} + +.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { + opacity: 0 +} + +.el-fade-in-enter-active, .el-fade-in-leave-active { + -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1); + transition: all .3s cubic-bezier(.55, 0, .1, 1) +} + +.el-fade-in-enter, .el-fade-in-leave-active { + opacity: 0 +} + +.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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -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: none +} + +.el-collapse-item__arrow { + margin: 0 8px 0 auto; + -webkit-transition: -webkit-transform .3s; + 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: #0f84bb +} + +.el-collapse-item__header.is-active { + border-bottom-color: transparent +} + +.el-collapse-item__wrap { + will-change: height; + background-color: #fff; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid #ebeef5 +} + +.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: #ecfbf3; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #0f84bb; + border: 1px solid #d9f7e7; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap +} + +.el-tag.is-hit { + border-color: #0f84bb +} + +.el-tag .el-tag__close { + color: #0f84bb +} + +.el-tag .el-tag__close:hover { + color: #fff; + background-color: #0f84bb +} + +.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: #ecfbf3; + border-color: #d9f7e7; + color: #0f84bb +} + +.el-tag.el-tag--success.is-hit { + border-color: #0f84bb +} + +.el-tag.el-tag--success .el-tag__close { + color: #0f84bb +} + +.el-tag.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #0f84bb +} + +.el-tag.el-tag--warning { + background-color: #fefaee; + border-color: #fef4dd; + color: #f9c855 +} + +.el-tag.el-tag--warning.is-hit { + border-color: #f9c855 +} + +.el-tag.el-tag--warning .el-tag__close { + color: #f9c855 +} + +.el-tag.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #f9c855 +} + +.el-tag.el-tag--danger { + background-color: #fff0f0; + border-color: #ffe2e2; + color: #ff6d6d +} + +.el-tag.el-tag--danger.is-hit { + border-color: #ff6d6d +} + +.el-tag.el-tag--danger .el-tag__close { + color: #ff6d6d +} + +.el-tag.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #ff6d6d +} + +.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: #0f84bb; + color: #fff +} + +.el-tag--dark, .el-tag--dark.is-hit { + border-color: #0f84bb +} + +.el-tag--dark .el-tag__close { + color: #fff +} + +.el-tag--dark .el-tag__close:hover { + color: #fff; + background-color: #0f84bb +} + +.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: #0f84bb; + border-color: #0f84bb; + color: #fff +} + +.el-tag--dark.el-tag--success.is-hit { + border-color: #0f84bb +} + +.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: #0f84bb +} + +.el-tag--dark.el-tag--warning { + background-color: #f9c855; + border-color: #f9c855; + color: #fff +} + +.el-tag--dark.el-tag--warning.is-hit { + border-color: #f9c855 +} + +.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: #fad377 +} + +.el-tag--dark.el-tag--danger { + background-color: #ff6d6d; + border-color: #ff6d6d; + color: #fff +} + +.el-tag--dark.el-tag--danger.is-hit { + border-color: #ff6d6d +} + +.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: #ff8a8a +} + +.el-tag--plain { + background-color: #fff; + border-color: #b3efce; + color: #0f84bb +} + +.el-tag--plain.is-hit { + border-color: #0f84bb +} + +.el-tag--plain .el-tag__close { + color: #0f84bb +} + +.el-tag--plain .el-tag__close:hover { + color: #fff; + background-color: #0f84bb +} + +.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: #b3efce; + color: #0f84bb +} + +.el-tag--plain.el-tag--success.is-hit { + border-color: #0f84bb +} + +.el-tag--plain.el-tag--success .el-tag__close { + color: #0f84bb +} + +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #0f84bb +} + +.el-tag--plain.el-tag--warning { + background-color: #fff; + border-color: #fde9bb; + color: #f9c855 +} + +.el-tag--plain.el-tag--warning.is-hit { + border-color: #f9c855 +} + +.el-tag--plain.el-tag--warning .el-tag__close { + color: #f9c855 +} + +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #f9c855 +} + +.el-tag--plain.el-tag--danger { + background-color: #fff; + border-color: #ffc5c5; + color: #ff6d6d +} + +.el-tag--plain.el-tag--danger.is-hit { + border-color: #ff6d6d +} + +.el-tag--plain.el-tag--danger .el-tag__close { + color: #ff6d6d +} + +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #ff6d6d +} + +.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 { + cursor: pointer +} + +.el-cascader .el-input .el-input__inner { + text-overflow: ellipsis +} + +.el-cascader .el-input .el-input__inner:focus { + border-color: #0f84bb +} + +.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 .el-input.is-focus .el-input__inner { + border-color: #0f84bb +} + +.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: -webkit-box; + 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: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -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 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden; + text-overflow: ellipsis +} + +.el-cascader__tags .el-tag .el-icon-close { + -webkit-box-flex: 0; + -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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 15px; + text-align: left; + outline: none; + cursor: pointer +} + +.el-cascader__suggestion-item:focus, .el-cascader__suggestion-item:hover { + background: #f5f7fa +} + +.el-cascader__suggestion-item.is-checked { + color: #0f84bb; + font-weight: 700 +} + +.el-cascader__suggestion-item > span { + margin-right: 10px +} + +.el-cascader__empty-text { + margin: 10px 0; + color: #c0c4cc +} + +.el-cascader__search-input { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + height: 24px; + min-width: 60px; + margin: 2px 0 2px 15px; + padding: 0; + color: #606266; + border: none; + outline: none; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.el-cascader__search-input::-webkit-input-placeholder { + color: #c0c4cc +} + +.el-cascader__search-input::-moz-placeholder { + color: #c0c4cc +} + +.el-cascader__search-input::-ms-input-placeholder { + color: #c0c4cc +} + +.el-cascader__search-input::placeholder { + color: #c0c4cc +} + +.el-color-predefine { + font-size: 12px; + margin-top: 8px; + width: 280px +} + +.el-color-predefine, .el-color-predefine__colors { + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.el-color-predefine__colors { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 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 #0f84bb; + box-shadow: 0 0 3px 2px #0f84bb +} + +.el-color-predefine__color-selector > div { + display: -webkit-box; + 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, from(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, from(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, from(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, from(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: none; + font-size: 12px +} + +.el-color-dropdown__btn[disabled] { + color: #ccc; + cursor: not-allowed +} + +.el-color-dropdown__btn:hover { + color: #0f84bb; + border-color: #0f84bb +} + +.el-color-dropdown__link-btn { + cursor: pointer; + color: #0f84bb; + text-decoration: none; + padding: 15px; + font-size: 12px +} + +.el-color-dropdown__link-btn:hover { + color: tint(#0f84bb, 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 { + color: #999 +} + +.el-color-picker__empty, .el-color-picker__icon { + font-size: 12px; + position: absolute; + top: 50%; + left: 50%; + -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::-moz-placeholder { + color: #c0c4cc +} + +.el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc +} + +.el-textarea__inner::placeholder { + color: #c0c4cc +} + +.el-textarea__inner:hover { + border-color: #c0c4cc +} + +.el-textarea__inner:focus { + outline: none; + border-color: #0f84bb +} + +.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::-moz-placeholder { + color: #c0c4cc +} + +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc +} + +.el-textarea.is-disabled .el-textarea__inner::placeholder { + color: #c0c4cc +} + +.el-textarea.is-exceed .el-textarea__inner { + border-color: #ff6d6d +} + +.el-textarea.is-exceed .el-input__count { + color: #ff6d6d +} + +.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: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -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: none; + 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__inner::-ms-reveal { + display: none +} + +.el-input__inner::-webkit-input-placeholder { + color: #c0c4cc +} + +.el-input__inner::-moz-placeholder { + color: #c0c4cc +} + +.el-input__inner::-ms-input-placeholder { + color: #c0c4cc +} + +.el-input__inner::placeholder { + color: #c0c4cc +} + +.el-input__inner:hover { + border-color: #c0c4cc +} + +.el-input__inner:focus { + outline: none; + border-color: #0f84bb +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #c0c4cc; + -webkit-transition: all .3s; + transition: all .3s; + pointer-events: none +} + +.el-input__suffix-inner { + pointer-events: all +} + +.el-input__prefix { + position: absolute; + left: 5px; + top: 0; + color: #c0c4cc +} + +.el-input__icon, .el-input__prefix { + height: 100%; + text-align: center; + -webkit-transition: all .3s; + transition: all .3s +} + +.el-input__icon { + width: 25px; + 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-active .el-input__inner { + outline: none; + border-color: #0f84bb +} + +.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::-moz-placeholder { + color: #c0c4cc +} + +.el-input.is-disabled .el-input__inner::-ms-input-placeholder { + color: #c0c4cc +} + +.el-input.is-disabled .el-input__inner::placeholder { + color: #c0c4cc +} + +.el-input.is-disabled .el-input__icon { + cursor: not-allowed +} + +.el-input.is-exceed .el-input__inner { + border-color: #ff6d6d +} + +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff6d6d +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none +} + +.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; + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} + +.el-input-group__append { + border-left: 0 +} + +.el-input-group--prepend .el-input__inner, .el-input-group__append { + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} + +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} + +.el-input-group--append .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: #0f84bb; + font-size: 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__button [class*=el-icon-] + span { + margin-left: 0 +} + +.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-transfer-panel__item { + margin-left: 0 +} + +.el-transfer-panel__item.el-checkbox { + color: #606266 +} + +.el-transfer-panel__item:hover { + color: #0f84bb +} + +.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__filter .el-icon-circle-close { + cursor: pointer +} + +.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-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-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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 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 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -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-main { + display: block; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.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, .el-timeline-item__node--success { + background-color: #0f84bb +} + +.el-timeline-item__node--warning { + background-color: #f9c855 +} + +.el-timeline-item__node--danger { + background-color: #ff6d6d +} + +.el-timeline-item__node--info { + background-color: #909399 +} + +.el-timeline-item__dot { + position: absolute; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: 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: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + vertical-align: middle; + position: relative; + text-decoration: none; + outline: none; + cursor: pointer; + padding: 0; + font-size: 14px; + font-weight: 500 +} + +.el-link.is-underline:hover:after { + content: ""; + position: absolute; + left: 0; + right: 0; + height: 0; + bottom: 0; + border-bottom: 1px solid #0f84bb +} + +.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: #0f84bb +} + +.el-link.el-link--default:after { + border-color: #0f84bb +} + +.el-link.el-link--default.is-disabled { + color: #c0c4cc +} + +.el-link.el-link--primary { + color: #0f84bb +} + +.el-link.el-link--primary:hover { + color: #0f84bb +} + +.el-link.el-link--primary:after { + border-color: #0f84bb +} + +.el-link.el-link--primary.is-disabled { + color: #19B3FDFF +} + +.el-link.el-link--primary.is-underline:hover:after { + border-color: #0f84bb +} + +.el-link.el-link--danger { + color: #ff6d6d +} + +.el-link.el-link--danger:hover { + color: #ff8a8a +} + +.el-link.el-link--danger:after { + border-color: #ff6d6d +} + +.el-link.el-link--danger.is-disabled { + color: #ffb6b6 +} + +.el-link.el-link--danger.is-underline:hover:after { + border-color: #ff6d6d +} + +.el-link.el-link--success { + color: #0f84bb +} + +.el-link.el-link--success:hover { + color: #0f84bb +} + +.el-link.el-link--success:after { + border-color: #0f84bb +} + +.el-link.el-link--success.is-disabled { + color: #19B3FDFF +} + +.el-link.el-link--success.is-underline:hover:after { + border-color: #0f84bb +} + +.el-link.el-link--warning { + color: #f9c855 +} + +.el-link.el-link--warning:hover { + color: #fad377 +} + +.el-link.el-link--warning:after { + border-color: #f9c855 +} + +.el-link.el-link--warning.is-disabled { + color: #fce4aa +} + +.el-link.el-link--warning.is-underline:hover:after { + border-color: #f9c855 +} + +.el-link.el-link--info { + color: #909399 +} + +.el-link.el-link--info:hover { + color: #a6a9ad +} + +.el-link.el-link--info:after { + border-color: #909399 +} + +.el-link.el-link--info.is-disabled { + color: #c8c9cc +} + +.el-link.el-link--info.is-underline:hover:after { + border-color: #909399 +} + +.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; + font-weight: 500; + color: #303133; + font-size: 14px +} + +.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, .el-image__placeholder { + background: #f5f7fa +} + +.el-image__error { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: 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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + opacity: .8; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.el-image-viewer__close { + top: 40px; + right: 40px; + width: 40px; + height: 40px; + font-size: 24px; + color: #fff; + background-color: #606266 +} + +.el-image-viewer__canvas { + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: 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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: distribute; + justify-content: space-around +} + +.el-image-viewer__prev { + left: 40px +} + +.el-image-viewer__next, .el-image-viewer__prev { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 44px; + height: 44px; + font-size: 24px; + color: #fff; + background-color: #606266; + border-color: #fff +} + +.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: none; + margin: 0; + -webkit-transition: .1s; + transition: .1s; + font-weight: 500; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + padding: 12px 20px; + font-size: 14px; + border-radius: 4px +} + +.el-button + .el-button { + margin-left: 10px +} + +.el-button.is-round { + padding: 12px 20px +} + +.el-button:focus, .el-button:hover { + color: #0f84bb; + border-color: #c6f3da; + background-color: #ecfbf3 +} + +.el-button:active { + color: #0f84bb; + border-color: #0f84bb; + outline: none +} + +.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: #0f84bb; + color: #0f84bb +} + +.el-button.is-plain:active { + background: #fff; + outline: none +} + +.el-button.is-active, .el-button.is-plain:active { + border-color: #0f84bb; + color: #0f84bb +} + +.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: #0f84bb; + border-color: #0f84bb +} + +.el-button--primary:focus, .el-button--primary:hover { + background: #0f84bb; + border-color: #0f84bb; + color: #fff +} + +.el-button--primary:active { + outline: none +} + +.el-button--primary.is-active, .el-button--primary:active { + background: #0f84bb; + border-color: #0f84bb; + color: #fff +} + +.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: #19B3FDFF; + border-color: #19B3FDFF +} + +.el-button--primary.is-plain { + color: #0f84bb; + background: #ecfbf3; + border-color: #b3efce +} + +.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover { + background: #0f84bb; + border-color: #0f84bb; + color: #fff +} + +.el-button--primary.is-plain:active { + background: #0f84bb; + border-color: #0f84bb; + color: #fff; + outline: none +} + +.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: #8ee8b6; + background-color: #ecfbf3; + border-color: #d9f7e7 +} + +.el-button--success { + color: #fff; + background-color: #0f84bb; + border-color: #0f84bb +} + +.el-button--success:focus, .el-button--success:hover { + background: #0f84bb; + border-color: #0f84bb; + color: #fff +} + +.el-button--success:active { + outline: none +} + +.el-button--success.is-active, .el-button--success:active { + background: #0f84bb; + border-color: #0f84bb; + color: #fff +} + +.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: #19B3FDFF; + border-color: #19B3FDFF +} + +.el-button--success.is-plain { + color: #0f84bb; + background: #ecfbf3; + border-color: #b3efce +} + +.el-button--success.is-plain:focus, .el-button--success.is-plain:hover { + background: #0f84bb; + border-color: #0f84bb; + color: #fff +} + +.el-button--success.is-plain:active { + background: #0f84bb; + border-color: #0f84bb; + color: #fff; + outline: none +} + +.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: #8ee8b6; + background-color: #ecfbf3; + border-color: #d9f7e7 +} + +.el-button--warning { + color: #fff; + background-color: #f9c855; + border-color: #f9c855 +} + +.el-button--warning:focus, .el-button--warning:hover { + background: #fad377; + border-color: #fad377; + color: #fff +} + +.el-button--warning:active { + outline: none +} + +.el-button--warning.is-active, .el-button--warning:active { + background: #e0b44d; + border-color: #e0b44d; + color: #fff +} + +.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: #fce4aa; + border-color: #fce4aa +} + +.el-button--warning.is-plain { + color: #f9c855; + background: #fefaee; + border-color: #fde9bb +} + +.el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover { + background: #f9c855; + border-color: #f9c855; + color: #fff +} + +.el-button--warning.is-plain:active { + background: #e0b44d; + border-color: #e0b44d; + color: #fff; + outline: none +} + +.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: #fbde99; + background-color: #fefaee; + border-color: #fef4dd +} + +.el-button--danger { + color: #fff; + background-color: #ff6d6d; + border-color: #ff6d6d +} + +.el-button--danger:focus, .el-button--danger:hover { + background: #ff8a8a; + border-color: #ff8a8a; + color: #fff +} + +.el-button--danger:active { + outline: none +} + +.el-button--danger.is-active, .el-button--danger:active { + background: #e66262; + border-color: #e66262; + color: #fff +} + +.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: #ffb6b6; + border-color: #ffb6b6 +} + +.el-button--danger.is-plain { + color: #ff6d6d; + background: #fff0f0; + border-color: #ffc5c5 +} + +.el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover { + background: #ff6d6d; + border-color: #ff6d6d; + color: #fff +} + +.el-button--danger.is-plain:active { + background: #e66262; + border-color: #e66262; + color: #fff; + outline: none +} + +.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: #ffa7a7; + background-color: #fff0f0; + border-color: #ffe2e2 +} + +.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:active { + outline: none +} + +.el-button--info.is-active, .el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #fff +} + +.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: none +} + +.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--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px +} + +.el-button--medium.is-round { + padding: 10px 20px +} + +.el-button--medium.is-circle { + padding: 10px +} + +.el-button--small { + padding: 9px 15px; + font-size: 12px; + border-radius: 3px +} + +.el-button--small.is-round { + padding: 9px 15px +} + +.el-button--small.is-circle { + padding: 9px +} + +.el-button--mini { + padding: 7px 15px; + font-size: 12px; + border-radius: 3px +} + +.el-button--mini.is-round { + padding: 7px 15px +} + +.el-button--mini.is-circle { + padding: 7px +} + +.el-button--text { + border-color: transparent; + color: #0f84bb; + background: transparent; + padding-left: 0; + padding-right: 0 +} + +.el-button--text:focus, .el-button--text:hover { + color: #0f84bb; + border-color: transparent; + background-color: transparent +} + +.el-button--text:active { + color: #0f84bb; + background-color: transparent +} + +.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-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-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-top-left-radius: 4px; + border-bottom-left-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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + border-bottom: 1px solid #ebeef5 +} + +.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-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 td.is-today { + color: #0f84bb +} + +.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%; + color: #0f84bb; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: 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 { + line-height: 24px +} + +.el-page-header, .el-page-header__left { + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.el-page-header__left { + 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-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-weight: 500; + font-size: 14px; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 30px +} + +.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: #0f84bb +} + +.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 { + white-space: nowrap; + cursor: pointer; + outline: none; + display: inline-block; + line-height: 1; + position: relative; + 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-disabled + span.el-checkbox__label { + color: #c0c4cc; + cursor: not-allowed +} + +.el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #0f84bb; + border-color: #0f84bb +} + +.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: #0f84bb +} + +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #0f84bb +} + +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #0f84bb; + border-color: #0f84bb +} + +.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: #0f84bb +} + +.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: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1 +} + +.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, .el-checkbox-button__inner { + position: relative; + display: inline-block +} + +.el-checkbox-button__inner { + line-height: 1; + font-weight: 500; + 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: none; + margin: 0; + -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); + transition: all .3s cubic-bezier(.645, .045, .355, 1); + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + padding: 12px 20px; + font-size: 14px; + border-radius: 0 +} + +.el-checkbox-button__inner.is-round { + padding: 12px 20px +} + +.el-checkbox-button__inner:hover { + color: #0f84bb +} + +.el-checkbox-button__inner [class*=el-icon-] { + line-height: .9 +} + +.el-checkbox-button__inner [class*=el-icon-] + span { + margin-left: 5px +} + +.el-checkbox-button__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + z-index: -1 +} + +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #fff; + background-color: #0f84bb; + border-color: #0f84bb; + -webkit-box-shadow: -1px 0 0 0 #8ee8b6; + box-shadow: -1px 0 0 0 #8ee8b6 +} + +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #0f84bb +} + +.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: #0f84bb +} + +.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 { + color: #606266; + font-weight: 500; + line-height: 1; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + outline: none; + font-size: 14px; + margin-right: 30px; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none +} + +.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: #0f84bb +} + +.el-radio.is-bordered.is-disabled { + cursor: not-allowed; + border-color: #ebeef5 +} + +.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--medium.is-bordered .el-radio__label { + font-size: 14px +} + +.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__label { + font-size: 12px +} + +.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__label { + font-size: 12px +} + +.el-radio--mini.is-bordered .el-radio__inner { + height: 12px; + width: 12px +} + +.el-radio:last-child { + margin-right: 0 +} + +.el-radio__input { + white-space: nowrap; + cursor: pointer; + outline: none; + display: inline-block; + line-height: 1; + position: relative; + vertical-align: middle +} + +.el-radio__input.is-disabled .el-radio__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + 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 { + background-color: #f5f7fa; + border-color: #e4e7ed +} + +.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: #0f84bb; + background: #0f84bb +} + +.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: #0f84bb +} + +.el-radio__input.is-focus .el-radio__inner { + border-color: #0f84bb +} + +.el-radio__inner { + border: 1px solid #dcdfe6; + border-radius: 100%; + width: 14px; + height: 14px; + background-color: #fff; + position: relative; + cursor: pointer; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.el-radio__inner:hover { + border-color: #0f84bb +} + +.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: none; + 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 #0f84bb; + box-shadow: 0 0 2px 2px #0f84bb +} + +.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: -webkit-box; + 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-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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 30px 0 20px; + height: 34px; + line-height: 34px; + outline: none +} + +.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: #0f84bb; + 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 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 10px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis +} + +.el-cascader-node > .el-radio { + margin-right: 0 +} + +.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; + overflow: hidden; + 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-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 +} + +@-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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -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); + overflow: hidden; + outline: 0 +} + +.el-drawer.rtl { + -webkit-animation: rtl-drawer-out .3s; + animation: rtl-drawer-out .3s +} + +.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 +} + +.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 +} + +.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 +} + +.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 { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #72767b; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-bottom: 32px; + padding: 20px 20px 0 +} + +.el-drawer__header > :first-child, .el-drawer__title { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 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 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: auto +} + +.el-drawer__body > * { + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.el-drawer.ltr, .el-drawer.rtl { + height: 100%; + top: 0; + bottom: 0 +} + +.el-drawer.btt, .el-drawer.ttb { + width: 100%; + left: 0; + right: 0 +} + +.el-drawer.ltr { + left: 0 +} + +.el-drawer.rtl { + right: 0 +} + +.el-drawer.ttb { + top: 0 +} + +.el-drawer.btt { + bottom: 0 +} + +.el-drawer__container { + position: relative; + left: 0; + right: 0; + top: 0; + bottom: 0; + height: 100%; + width: 100% +} + +.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: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.el-popconfirm__icon { + margin-right: 5px +} + +.el-popconfirm__action { + text-align: right; + margin: 0 +} + +@-webkit-keyframes el-skeleton-loading { + 0% { + background-position: 100% 50% + } + to { + background-position: 0 50% + } +} + +@keyframes el-skeleton-loading { + 0% { + background-position: 100% 50% + } + to { + background-position: 0 50% + } +} + +.el-skeleton { + width: 100% +} + +.el-skeleton__first-line, .el-skeleton__paragraph { + height: 16px; + margin-top: 16px; + background: #f2f2f2 +} + +.el-skeleton.is-animated .el-skeleton__item { + background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2)); + background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); + background-size: 400% 100%; + -webkit-animation: el-skeleton-loading 1.4s ease infinite; + animation: el-skeleton-loading 1.4s ease infinite +} + +.el-skeleton__item { + background: #f2f2f2; + display: inline-block; + height: 16px; + border-radius: 4px; + width: 100% +} + +.el-skeleton__circle { + border-radius: 50%; + width: 36px; + height: 36px; + line-height: 36px +} + +.el-skeleton__circle--lg { + width: 40px; + height: 40px; + line-height: 40px +} + +.el-skeleton__circle--md { + width: 28px; + height: 28px; + line-height: 28px +} + +.el-skeleton__button { + height: 40px; + width: 64px; + border-radius: 4px +} + +.el-skeleton__p { + width: 100% +} + +.el-skeleton__p.is-last { + width: 61% +} + +.el-skeleton__p.is-first { + width: 33% +} + +.el-skeleton__text { + width: 100%; + height: 13px +} + +.el-skeleton__caption { + height: 12px +} + +.el-skeleton__h1 { + height: 20px +} + +.el-skeleton__h3 { + height: 18px +} + +.el-skeleton__h5 { + height: 16px +} + +.el-skeleton__image { + width: unset; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 0 +} + +.el-skeleton__image svg { + fill: #dcdde0; + width: 22%; + height: 22% +} + +.el-empty { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 40px 0 +} + +.el-empty__image { + width: 160px +} + +.el-empty__image img { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; + height: 100%; + vertical-align: top; + -o-object-fit: contain; + object-fit: contain +} + +.el-empty__image svg { + fill: #dcdde0; + width: 100%; + height: 100%; + vertical-align: top +} + +.el-empty__description { + margin-top: 20px +} + +.el-empty__description p { + margin: 0; + font-size: 14px; + color: #909399 +} + +.el-empty__bottom { + margin-top: 20px +} + +.dark-themes #app, .dark-themes body, .dark-themeshtml { + background-color: #161616; + color: #a7a7a7 +} + +.dark-themes .h1, .dark-themes .h2, .dark-themes .h3, .dark-themes .h4, .dark-themes .h5, .dark-themes .h6, .dark-themes h1, .dark-themes h2, .dark-themes h3, .dark-themes h4, .dark-themes h5, .dark-themes h6, .dark-themes p { + color: #a7a7a7; + font-weight: 400 +} + +.dark-themes .el-table:not(.el-table--public) { + color: #a7a7a7 !important; + border: 1px solid #292929; + background-color: transparent !important +} + +.dark-themes .el-table:not(.el-table--public) .el-table__empty-block, .dark-themes .el-table:not(.el-table--public) th, .dark-themes .el-table:not(.el-table--public) tr { + background-color: #1f1d1d !important +} + +.dark-themes .el-table:not(.el-table--public) .el-table__header-wrapper, .dark-themes .el-table:not(.el-table--public) td, .dark-themes .el-table:not(.el-table--public) th.is-leaf { + border-bottom: 1px solid #161616 +} + +.dark-themes .el-table:not(.el-table--public) .el-table__header-wrapper .cell { + color: #ddd !important +} + +.dark-themes .el-table:not(.el-table--public) .el-table__expanded-cell { + background-color: #242327 +} + +.dark-themes .el-table:not(.el-table--public) .el-table__body-wrapper .el-table__body tr.current-row > td { + background-color: transparent +} + +.dark-themes .el-table:not(.el-table--public) .el-table__body-wrapper .el-table__body tr:hover td { + background-color: #393a3e !important; + color: #ddd !important +} + +.dark-themes .el-table:not(.el-table--public) .el-table__body-wrapper .el-table__body tr:last-child td { + border-bottom: none +} + +.dark-themes .el-table__body tr.hover-row.current-row > td, .dark-themes .el-table__body tr.hover-row.el-table__row--striped.current-row > td, .dark-themes .el-table__body tr.hover-row.el-table__row--striped > td, .dark-themes .el-table__body tr.hover-row > td, .dark-themes .el-table__body tr:hover > td { + background-color: #393a3e !important +} + +.dark-themes .el-table__fixed, .dark-themes .el-table__fixed-right { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .48); + box-shadow: 0 0 10px rgba(0, 0, 0, .48) +} + +.dark-themes .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label { + color: #606266 +} + +.dark-themes .el-select:not(.el-select--public) .el-input__inner { + background-color: transparent !important; + color: #a7a7a7 +} + +.dark-themes .el-select:not(.el-select--public) .el-input__inner:focus, .dark-themes .el-select:not(.el-select--public) .el-input__inner:hover { + border-color: #737373 +} + +.dark-themes .el-select:not(.el-select--public).select-radius .el-input__inner { + border-color: #37363d !important +} + +.dark-themes .el-select:not(.el-select--public):hover .el-input__inner { + border-color: #737373 !important +} + +.dark-themes .el-dialog:not(.el-dialog--private) .el-dialog__body { + padding: 10px 20px +} + +.dark-themes .el-select-dropdown:not(.el-select--public) { + border-color: #373737; + background-color: #373737; + border-left: none; + border-right: none +} + +.dark-themes .el-select-dropdown:not(.el-select--public) .el-select-dropdown__item { + color: #a7a7a7 !important +} + +.dark-themes .el-select-dropdown:not(.el-select--public) .el-select-dropdown__item.hover, .dark-themes .el-select-dropdown:not(.el-select--public) .el-select-dropdown__item.selected, .dark-themes .el-select-dropdown:not(.el-select--public) .el-select-dropdown__item:hover { + background-color: #282828 +} + +.dark-themes .el-select-dropdown:not(.el-select--public) .popper__arrow, .dark-themes .el-select-dropdown:not(.el-select--public) .popper__arrow:after { + border-bottom-color: #373737 +} + +.dark-themes .el-date-picker .el-popper[x-placement^=bottom] .popper__arrow, .dark-themes .el-date-picker .el-popper[x-placement^=bottom] .popper__arrow:after { + border-bottom-color: #fff !important +} + +.dark-themes .el-form:not(.el-form--public) .el-form-item .el-checkbox__label, .dark-themes .el-form:not(.el-form--public) .el-form-item .el-form-item__label, .dark-themes .page-title .el-form-item .el-checkbox__label, .dark-themes .page-title .el-form-item .el-form-item__label { + color: #a7a7a7 !important +} + +.dark-themes .el-form:not(.el-form--public) .el-input .el-input__inner, .dark-themes .el-form:not(.el-form--public) .el-input .el-textarea__inner, .dark-themes .el-form:not(.el-form--public) .el-textarea .el-input__inner, .dark-themes .el-form:not(.el-form--public) .el-textarea .el-textarea__inner, .dark-themes .page-title .el-input .el-input__inner, .dark-themes .page-title .el-input .el-textarea__inner, .dark-themes .page-title .el-textarea .el-input__inner, .dark-themes .page-title .el-textarea .el-textarea__inner { + background-color: transparent !important; + color: #a7a7a7 !important; + border-color: #37363d !important +} + +.dark-themes .el-form:not(.el-form--public) .el-input.is-disabled .el-input__inner, .dark-themes .el-form:not(.el-form--public) .el-input.is-disabled .el-textarea__inner, .dark-themes .el-form:not(.el-form--public) .el-textarea.is-disabled .el-input__inner, .dark-themes .el-form:not(.el-form--public) .el-textarea.is-disabled .el-textarea__inner, .dark-themes .page-title .el-input.is-disabled .el-input__inner, .dark-themes .page-title .el-input.is-disabled .el-textarea__inner, .dark-themes .page-title .el-textarea.is-disabled .el-input__inner, .dark-themes .page-title .el-textarea.is-disabled .el-textarea__inner { + background-color: #242325 !important; + border-color: #242325 !important +} + +.dark-themes .el-form:not(.el-form--public) .el-input.is-disabled:hover .el-input__inner, .dark-themes .el-form:not(.el-form--public) .el-input.is-disabled:hover .el-textarea__inner, .dark-themes .el-form:not(.el-form--public) .el-textarea.is-disabled:hover .el-input__inner, .dark-themes .el-form:not(.el-form--public) .el-textarea.is-disabled:hover .el-textarea__inner, .dark-themes .page-title .el-input.is-disabled:hover .el-input__inner, .dark-themes .page-title .el-input.is-disabled:hover .el-textarea__inner, .dark-themes .page-title .el-textarea.is-disabled:hover .el-input__inner, .dark-themes .page-title .el-textarea.is-disabled:hover .el-textarea__inner { + border-color: #242325 !important +} + +.dark-themes .el-form:not(.el-form--public) .el-input.input-radius .el-input__inner, .dark-themes .el-form:not(.el-form--public) .el-textarea.input-radius .el-input__inner, .dark-themes .page-title .el-input.input-radius .el-input__inner, .dark-themes .page-title .el-textarea.input-radius .el-input__inner { + border-color: #37363d !important; + border-radius: 40px +} + +.dark-themes .el-form:not(.el-form--public) .el-input:hover .el-input__inner, .dark-themes .el-form:not(.el-form--public) .el-input:hover .el-textarea__inner, .dark-themes .el-form:not(.el-form--public) .el-textarea:hover .el-input__inner, .dark-themes .el-form:not(.el-form--public) .el-textarea:hover .el-textarea__inner, .dark-themes .page-title .el-input:hover .el-input__inner, .dark-themes .page-title .el-input:hover .el-textarea__inner, .dark-themes .page-title .el-textarea:hover .el-input__inner, .dark-themes .page-title .el-textarea:hover .el-textarea__inner { + border-color: #737373 !important +} + +.dark-themes .el-form:not(.el-form--public) input::-webkit-input-placeholder, .dark-themes .el-form:not(.el-form--public) textarea::-webkit-input-placeholder, .dark-themes .page-title input::-webkit-input-placeholder, .dark-themes .page-title textarea::-webkit-input-placeholder { + color: hsla(0, 0%, 65.5%, .5) !important +} + +.dark-themes .el-form:not(.el-form--public) input:-moz-placeholder, .dark-themes .el-form:not(.el-form--public) input::-moz-placeholder, .dark-themes .el-form:not(.el-form--public) textarea:-moz-placeholder, .dark-themes .el-form:not(.el-form--public) textarea::-moz-placeholder, .dark-themes .page-title input:-moz-placeholder, .dark-themes .page-title input::-moz-placeholder, .dark-themes .page-title textarea:-moz-placeholder, .dark-themes .page-title textarea::-moz-placeholder { + color: hsla(0, 0%, 65.5%, .5) !important +} + +.dark-themes .el-form:not(.el-form--public) input:-ms-input-placeholder, .dark-themes .el-form:not(.el-form--public) textarea:-ms-input-placeholder, .dark-themes .page-title input:-ms-input-placeholder, .dark-themes .page-title textarea:-ms-input-placeholder { + color: hsla(0, 0%, 65.5%, .5) !important +} + +.dark-themes .el-form.el-form--public .el-input.is-disabled .el-input__inner, .dark-themes .el-form.el-form--public .el-input.is-disabled .el-textarea__inner, .dark-themes .el-form.el-form--public .el-input.is-disabled:hover .el-input__inner, .dark-themes .el-form.el-form--public .el-input.is-disabled:hover .el-textarea__inner { + border-color: #f5f7fa !important +} + +.dark-themes .el-loading-mask { + background-color: #232429 !important +} + +.dark-themes .el-button.is-plain { + color: #a7a7a7 !important; + background-color: transparent !important; + border-color: #44444c !important +} + +.dark-themes .el-button.is-plain.el-button--success:hover { + border-color: #0f84bb !important; + background-color: #0f84bb !important; + color: #fff !important +} + +.dark-themes .el-button.is-plain.el-button--warning:hover { + border-color: #f9c855 !important; + background-color: #f9c855 !important; + color: #fff !important +} + +.dark-themes .el-button.is-plain.el-button--danger:hover { + border-color: #ff6d6d !important; + background-color: #ff6d6d !important; + color: #fff !important +} + +.dark-themes .el-card.el-card--self { + color: #a7a7a7 !important; + background-color: #1f1d1d !important +} + +.dark-themes .el-card.el-card--self .el-card__header { + color: #fff !important +} + +.dark-themes .cache-btn { + color: #a7a7a7 !important +} + +.dark-themes .cache-btn:hover { + color: #0f84bb !important +} + +.dark-themes .refresh-btn { + color: #fff !important +} + +.dark-themes .page-title, .dark-themes .refresh-btn:hover { + color: #fff +} + +.dark-themes .page-title .el-breadcrumb .el-breadcrumb__inner { + color: #e8e8e8 !important +} + +.dark-themes .page-title .el-breadcrumb .el-breadcrumb__inner:hover { + color: #fff !important +} + +.dark-themes .page-title .el-breadcrumb .el-breadcrumb__item.breadcrumb-name .el-breadcrumb__inner, .dark-themes .page-title .el-breadcrumb .el-breadcrumb__item.breadcrumb-name:hover .el-breadcrumb__inner { + color: #929299 !important +} + +.dark-themes .overview-view .card-box .card-title { + color: #fff +} + +.dark-themes .overview-view .card-item { + background-color: #1f1d1d; + border: 1px solid #292929 +} + +.dark-themes .overview-view .card-item .icon { + color: #0f84bb; + border-color: #0f84bb; + background-color: #232d2e +} + +.dark-themes .overview-view .card-item .desc h3 { + color: #fff +} + +.dark-themes .overview-view .card-item .desc p { + color: #929299 +} + +.dark-themes .status:before { + background-color: #a7a7a7 !important +} + +.dark-themes .status.running { + color: #0f84bb !important +} + +.dark-themes .status.stopped.danger:before { + background-color: #f56c6c !important +} + +.dark-themes .status.running:before { + background-color: #0f84bb !important +} + +.dark-themes .el-pagination .el-select .el-input .el-input__inner { + border-color: #37363d +} + +.dark-themes .el-pagination.is-background { + color: #a7a7a7 !important +} + +.dark-themes .el-pagination.is-background button { + background-color: transparent !important +} + +.dark-themes .el-pagination.is-background button:hover { + color: #0f84bb +} + +.dark-themes .el-pagination.is-background .el-pager .number { + color: #a7a7a7 !important; + background-color: transparent !important +} + +.dark-themes .el-pagination.is-background .el-pager .number:hover { + color: #0f84bb !important +} + +.dark-themes .el-pagination.is-background .el-pager .number.active { + background-color: #0f84bb !important; + color: #fff !important +} + +.dark-themes .el-pagination.is-background .btn-next, .dark-themes .el-pagination.is-background .btn-prev, .dark-themes .el-pagination.is-background .el-pager li { + background-color: transparent; + color: #a7a7a7 +} + +.dark-themes .rule-create .form-block--wrapper { + border-bottom: 1px solid #37363d +} + +.dark-themes .rule-create .sql-tips { + border: 4px dashed #37363d; + color: #c0c4cc +} + +.dark-themes .rule-create .sql-tips .title { + color: #fff +} + +.dark-themes .rule-create .sql-tips p { + color: #c0c4cc +} + +.dark-themes .rule-create .code { + background-color: rgba(55, 54, 61, .5) +} + +.dark-themes .rule-create .code-sql__editor { + border: 1px solid #37363d; + background-color: #2b292d +} + +.dark-themes .rule-create .code-sql__editor .CodeMirror-gutters { + background-color: #2b292d !important; + border-right-color: #37363d !important +} + +.dark-themes .rule-create .code-sql__editor .CodeMirror-scroll { + background-color: #1e1c1c +} + +.dark-themes .rule-create .code-sql__editor .CodeMirror-line { + color: #606266 +} + +.dark-themes .rule-create .code-sql__editor .cm-keyword, .dark-themes .rule-create .code-sql__editor .cm-operator { + color: #f92371 +} + +.dark-themes .rule-create .payload-type { + background-color: rgba(55, 54, 61, .5019607843137255); + border: 1px solid #37363d; + border-top: none +} + +.dark-themes .rule-actions .action-card { + background: rgba(55, 54, 61, .5019607843137255) +} + +.dark-themes .rule-actions .action-card .action-footer { + border-top: 1px solid #37363d +} + +.dark-themes .rule-actions .action-card .filed-item .title { + color: #ddd +} + +.dark-themes .monaco-container { + height: 100%; + border: 1px solid #37363d +} + +.dark-themes .jwt-payload-desc { + background: rgba(55, 54, 61, .5) +} + +.dark-themes .clients-view .card-subtitle { + color: #f8f8f8 +} + +.dark-themes .custom-pagination a { + border: 1px solid #292929 +} + +.dark-themes .topic-qos-radio .el-radio-button__inner { + background: #1b1c20; + color: #9e9e9f; + border: 1px solid #35363b +} + +.dark-themes .topic-qos-radio .el-radio-button__orig-radio:checked + .el-radio-button__inner { + background-color: #0f84bb; + color: #fff; + -webkit-box-shadow: none; + box-shadow: none +} + +.dark-themes .topic-metrics .message-card.in { + background: -webkit-gradient(linear, left top, right top, from(#1d1e27), to(#272644)); + background: linear-gradient(90deg, #1d1e27, #272644) +} + +.dark-themes .topic-metrics .message-card.out { + background: -webkit-gradient(linear, left top, right top, from(#1c2023), to(#1e322d)); + background: linear-gradient(90deg, #1c2023, #1e322d) +} + +.dark-themes .topic-metrics .message-card.drop { + background: -webkit-gradient(linear, left top, right top, from(#1a1f27), to(#212d44)); + background: linear-gradient(90deg, #1a1f27, #212d44) +} + +.dark-themes .alarms-view .table-title { + color: #fff +} + +.light-themes #app, .light-themes body, .light-themeshtml { + background-color: #f6f7fb; + color: #71737d +} + +.light-themes .h1, .light-themes .h2, .light-themes .h3, .light-themes .h4, .light-themes .h5, .light-themes .h6, .light-themes h1, .light-themes h2, .light-themes h3, .light-themes h4, .light-themes h5, .light-themes h6, .light-themes p { + color: #71737d; + font-weight: 400 +} + +.light-themes .el-table:not(.el-table--public) { + color: #71737d; + border: 1px solid #f1f1f1; + background-color: transparent !important +} + +.light-themes .el-table:not(.el-table--public) .el-table__empty-block, .light-themes .el-table:not(.el-table--public) th, .light-themes .el-table:not(.el-table--public) tr { + background-color: #fff !important +} + +.light-themes .el-table:not(.el-table--public) .el-table__header-wrapper, .light-themes .el-table:not(.el-table--public) td, .light-themes .el-table:not(.el-table--public) th.is-leaf { + border-bottom: 1px solid #f1f1f1 +} + +.light-themes .el-table:not(.el-table--public) .el-table__header-wrapper .cell { + color: #606266 !important +} + +.light-themes .el-table:not(.el-table--public) .el-table__body-wrapper .el-table__body tr.current-row > td { + background-color: transparent +} + +.light-themes .el-table:not(.el-table--public) .el-table__body-wrapper .el-table__body tr:hover td { + background-color: #f5f5f5 !important; + color: #71737d !important +} + +.light-themes .el-table:not(.el-table--public) .el-table__body-wrapper .el-table__body tr:last-child td { + border-bottom: none +} + +.light-themes .el-table__body tr.hover-row.current-row > td, .light-themes .el-table__body tr.hover-row.el-table__row--striped.current-row > td, .light-themes .el-table__body tr.hover-row.el-table__row--striped > td, .light-themes .el-table__body tr.hover-row > td, .light-themes .el-table__body tr:hover > td { + background-color: #f5f5f5 !important +} + +.light-themes .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label { + color: #606266 +} + +.light-themes .el-select:not(.el-select--public) .el-input__inner { + background-color: transparent !important; + color: #71737d +} + +.light-themes .el-select:not(.el-select--public) .el-input__inner:focus, .light-themes .el-select:not(.el-select--public) .el-input__inner:hover { + border-color: #c0c4cc +} + +.light-themes .el-dialog:not(.el-dialog--private) .el-dialog__body { + padding: 10px 20px +} + +.light-themes .el-select-dropdown:not(.el-select--public) { + background-color: #fff +} + +.light-themes .el-select-dropdown:not(.el-select--public) .el-select-dropdown__item { + color: #71737d !important +} + +.light-themes .el-select-dropdown:not(.el-select--public) .el-select-dropdown__item.hover, .light-themes .el-select-dropdown:not(.el-select--public) .el-select-dropdown__item.selected, .light-themes .el-select-dropdown:not(.el-select--public) .el-select-dropdown__item:hover { + background-color: #f5f5f5 +} + +.light-themes .el-form:not(.el-form--public) .el-form-item .el-checkbox__label, .light-themes .el-form:not(.el-form--public) .el-form-item .el-form-item__label, .light-themes .page-title .el-form-item .el-checkbox__label, .light-themes .page-title .el-form-item .el-form-item__label { + color: #71737d !important +} + +.light-themes .el-form:not(.el-form--public) .el-input .el-input__inner, .light-themes .el-form:not(.el-form--public) .el-input .el-textarea__inner, .light-themes .el-form:not(.el-form--public) .el-textarea .el-input__inner, .light-themes .el-form:not(.el-form--public) .el-textarea .el-textarea__inner, .light-themes .page-title .el-input .el-input__inner, .light-themes .page-title .el-input .el-textarea__inner, .light-themes .page-title .el-textarea .el-input__inner, .light-themes .page-title .el-textarea .el-textarea__inner { + background-color: transparent !important +} + +.light-themes .el-form:not(.el-form--public) .el-input.is-disabled .el-input__inner, .light-themes .el-form:not(.el-form--public) .el-input.is-disabled .el-textarea__inner, .light-themes .el-form:not(.el-form--public) .el-textarea.is-disabled .el-input__inner, .light-themes .el-form:not(.el-form--public) .el-textarea.is-disabled .el-textarea__inner, .light-themes .page-title .el-input.is-disabled .el-input__inner, .light-themes .page-title .el-input.is-disabled .el-textarea__inner, .light-themes .page-title .el-textarea.is-disabled .el-input__inner, .light-themes .page-title .el-textarea.is-disabled .el-textarea__inner { + background-color: #f5f5f5 !important; + border-color: #f5f5f5 !important +} + +.light-themes .el-form:not(.el-form--public) .el-input.is-disabled:hover .el-input__inner, .light-themes .el-form:not(.el-form--public) .el-input.is-disabled:hover .el-textarea__inner, .light-themes .el-form:not(.el-form--public) .el-textarea.is-disabled:hover .el-input__inner, .light-themes .el-form:not(.el-form--public) .el-textarea.is-disabled:hover .el-textarea__inner, .light-themes .page-title .el-input.is-disabled:hover .el-input__inner, .light-themes .page-title .el-input.is-disabled:hover .el-textarea__inner, .light-themes .page-title .el-textarea.is-disabled:hover .el-input__inner, .light-themes .page-title .el-textarea.is-disabled:hover .el-textarea__inner { + border-color: #f5f5f5 !important +} + +.light-themes .el-form:not(.el-form--public) .el-input.input-radius .el-input__inner, .light-themes .el-form:not(.el-form--public) .el-textarea.input-radius .el-input__inner, .light-themes .page-title .el-input.input-radius .el-input__inner, .light-themes .page-title .el-textarea.input-radius .el-input__inner { + border-radius: 40px +} + +.light-themes .el-form:not(.el-form--public) .el-input.input-radius .el-input__inner:focus, .light-themes .el-form:not(.el-form--public) .el-input.input-radius .el-input__inner:hover, .light-themes .el-form:not(.el-form--public) .el-textarea.input-radius .el-input__inner:focus, .light-themes .el-form:not(.el-form--public) .el-textarea.input-radius .el-input__inner:hover, .light-themes .page-title .el-input.input-radius .el-input__inner:focus, .light-themes .page-title .el-input.input-radius .el-input__inner:hover, .light-themes .page-title .el-textarea.input-radius .el-input__inner:focus, .light-themes .page-title .el-textarea.input-radius .el-input__inner:hover { + border-color: #c0c4cc +} + +.light-themes .el-form.el-form--public .el-input.is-disabled .el-input__inner, .light-themes .el-form.el-form--public .el-input.is-disabled .el-textarea__inner, .light-themes .el-form.el-form--public .el-input.is-disabled:hover .el-input__inner, .light-themes .el-form.el-form--public .el-input.is-disabled:hover .el-textarea__inner { + border-color: #f5f7fa !important +} + +.light-themes .el-loading-mask { + background-color: #f5f5f5 !important +} + +.light-themes .el-button.is-plain { + color: #71737d !important; + background-color: transparent !important; + border-color: #d6d9e2 !important +} + +.light-themes .el-button.is-plain.el-button--success:hover { + border-color: #0f84bb !important; + background-color: #0f84bb !important; + color: #fff !important +} + +.light-themes .el-button.is-plain.el-button--warning:hover { + border-color: #f9c855 !important; + background-color: #f9c855 !important; + color: #fff !important +} + +.light-themes .el-button.is-plain.el-button--danger:hover { + border-color: #ff6d6d !important; + background-color: #ff6d6d !important; + color: #fff !important +} + +.light-themes .el-card.el-card--self { + color: #71737d !important; + background-color: #fff !important +} + +.light-themes .cache-btn, .light-themes .el-card.el-card--self .el-card__header { + color: #71737d !important +} + +.light-themes .cache-btn:hover { + color: #0f84bb !important +} + +.light-themes .refresh-btn { + color: #71737d !important +} + +.light-themes .refresh-btn:hover { + color: #444 !important +} + +.light-themes .page-title { + color: #444 +} + +.light-themes .page-title .el-breadcrumb .el-breadcrumb__inner { + color: #6e6e75 !important +} + +.light-themes .page-title .el-breadcrumb .el-breadcrumb__inner:hover { + color: #444 !important +} + +.light-themes .page-title .el-breadcrumb .el-breadcrumb__item.breadcrumb-name .el-breadcrumb__inner, .light-themes .page-title .el-breadcrumb .el-breadcrumb__item.breadcrumb-name:hover .el-breadcrumb__inner { + color: #929299 !important +} + +.light-themes .overview-view .card-box .card-title { + color: #606266 +} + +.light-themes .overview-view .card-item { + background-color: #fff !important; + border: 1px solid #f1f1f1 +} + +.light-themes .overview-view .card-item .icon { + color: #0f84bb; + border-color: #0f84bb; + background-color: #eaf9f3 +} + +.light-themes .overview-view .card-item .desc h3 { + color: #444 +} + +.light-themes .overview-view .card-item .desc p { + color: #71737d +} + +.light-themes .status:before { + background-color: #a7a7a7 !important +} + +.light-themes .status.running { + color: #0f84bb !important +} + +.light-themes .status.stopped.danger:before { + background-color: #f56c6c !important +} + +.light-themes .status.running:before { + background-color: #0f84bb !important +} + +.light-themes .el-pagination .el-select .el-input .el-input__inner { + border-color: #c0c4cc +} + +.light-themes .el-pagination.is-background { + color: #71737d !important +} + +.light-themes .el-pagination.is-background button { + background-color: transparent !important +} + +.light-themes .el-pagination.is-background button:hover { + color: #0f84bb +} + +.light-themes .el-pagination.is-background .el-pager .number { + color: #71737d !important; + background-color: transparent !important +} + +.light-themes .el-pagination.is-background .el-pager .number:hover { + color: #0f84bb !important +} + +.light-themes .el-pagination.is-background .el-pager .number.active { + background-color: #0f84bb !important; + color: #fff !important +} + +.light-themes .rule-create .form-block--wrapper { + border-bottom: 1px solid #dcdfe6 +} + +.light-themes .rule-create .sql-tips { + border: 4px dashed #d8d8d8; + color: #71737d +} + +.light-themes .rule-create .sql-tips .title { + color: #666 +} + +.light-themes .rule-create .sql-tips p { + color: #71737d +} + +.light-themes .rule-create .code { + background-color: hsla(0, 0%, 87.5%, .8) +} + +.light-themes .rule-create .code-sql__editor { + border: 1px solid #dcdfe6; + background-color: hsla(0, 0%, 87.5%, .8) +} + +.light-themes .rule-create .code-sql__editor .CodeMirror-gutters { + background-color: hsla(0, 0%, 87.5%, .8) !important; + border-right-color: hsla(0, 0%, 87.5%, .8) !important +} + +.light-themes .rule-create .code-sql__editor .CodeMirror-scroll { + background-color: #fff +} + +.light-themes .rule-create .code-sql__editor .CodeMirror-line { + color: #71737d +} + +.light-themes .rule-create .code-sql__editor .cm-keyword, .light-themes .rule-create .code-sql__editor .cm-operator { + color: #a11 +} + +.light-themes .rule-create .payload-type { + background-color: hsla(0, 0%, 87.5%, .8); + border: 1px solid #dcdfe6; + border-top: none +} + +.light-themes .rule-actions .action-card { + background: hsla(0, 0%, 87.5%, .8) +} + +.light-themes .rule-actions .action-card .action-footer { + border-top: 1px solid #dcdfe6 +} + +.light-themes .rule-actions .action-card .filed-item .title { + color: #6e6e75 +} + +.light-themes .left-bar { + -webkit-box-shadow: none; + box-shadow: none +} + +.light-themes .help-view { + width: 80% +} + +.light-themes .help-view .help-item h3 { + color: #444 +} + +.light-themes .help-view .help-item p { + color: #606266 +} + +.light-themes .help-view .help-item .follow-link { + background: #ececec; + color: #606266 +} + +.light-themes .help-view .el-divider { + background-color: #dcdfe6 +} + +.light-themes .el-tabs.normal-tabs > .el-tabs__header .el-tabs__item { + background: #fff; + border-bottom: 1px solid #fff +} + +.light-themes .el-tabs.normal-tabs > .el-tabs__header .el-tabs__item.is-active { + background: #fff; + border: 1px solid #fff; + border-left: 2px solid; + color: #0f84bb +} + +.light-themes .clients-basic .clients-basic-form .form-subtitle { + color: #343434; + font-size: 14px; + margin: 24px 0 +} + +.light-themes .clients-basic .clients-basic-form .el-form-item__content { + color: #343434 +} + +.light-themes .custom-pagination a { + border: 1px solid #e6e6e6 +} + +.light-themes .monaco-container { + height: 100%; + border: 1px solid #dcdfe6 +} + +.light-themes .jwt-payload-desc { + background: hsla(0, 0%, 87.5%, .8) +} + +.light-themes .clients-view .card-subtitle { + color: #6e6e75 +} + +.light-themes .topic-metrics .message-card { + color: #fff +} + +.light-themes .topic-metrics .message-card.in { + background: -webkit-gradient(linear, left top, right top, from(#3e3ab4), to(#4c5ae0)); + background: linear-gradient(90deg, #3e3ab4, #4c5ae0) +} + +.light-themes .topic-metrics .message-card.out { + background: -webkit-gradient(linear, left top, right top, from(#0c7cd1), to(#19bcc2)); + background: linear-gradient(90deg, #0c7cd1, #19bcc2) +} + +.light-themes .topic-metrics .message-card.drop { + background: -webkit-gradient(linear, left top, right top, from(#0a5275), to(#0f84bb)); + background: linear-gradient(90deg, #0a5275, #0f84bb) +} + +.light-themes .alarms-view .table-title { + color: #444 +} + +.el-form--label-top .el-form-item__label { + padding: 0 +} + +.el-table:not(.el-table--public) { + border-radius: 4px +} + +.el-table:not(.el-table--public).el-table--small { + font-size: 14px +} + +.el-table:not(.el-table--public):before { + height: 0 +} + +.el-table:not(.el-table--public).el-table--border:after, .el-table:not(.el-table--public).el-table--group:after { + width: 0 +} + +.el-table:not(.el-table--public) td, .el-table:not(.el-table--public) th { + border-right: none +} + +.el-table:not(.el-table--public) th { + border-bottom: none +} + +.el-table__fixed-right:before, .el-table__fixed:before { + display: none +} + +.el-checkbox .el-checkbox__inner { + width: 18px; + height: 18px; + border-radius: 4px +} + +.el-checkbox .el-checkbox__inner:after { + border-left: 0; + border-top: 0; + height: 8px; + left: 5px; + position: absolute; + top: 2px; + width: 4px +} + +.el-select.el-select--small .el-input__inner { + height: 40px !important +} + +.el-select.select-radius { + width: 240px +} + +.el-select.select-radius .el-input__inner { + border-radius: 40px +} + +.el-select-dropdown { + min-height: 40px +} + +.el-input.input-radius, .el-textarea.input-radius { + width: 240px +} + +.el-input.input-radius .el-input__inner, .el-textarea.input-radius .el-input__inner { + border-radius: 40px +} + +.el-input .el-input__suffix, .el-textarea .el-input__suffix { + width: 30px; + font-size: 16px; + cursor: pointer +} + +.el-input .el-input__suffix .el-input__suffix-inner, .el-textarea .el-input__suffix .el-input__suffix-inner { + font-weight: bolder +} + +.el-button.el-button--mini { + padding: 4px +} + +.el-button.is-plain { + font-weight: 400 !important +} + +.el-card { + border: none !important; + font-size: 16px; + font-weight: 600 +} + +.el-card .el-card__header { + border-bottom: 1px solid #f1f1f1 +} + +.el-card.el-card--self { + font-weight: 400 +} + +.el-card.el-card--self .el-card__header { + border-bottom: none !important +} + +.cache-btn { + cursor: pointer; + font-weight: 500 +} + +.el-switch__input:focus ~ .el-switch__core { + outline: none !important +} + +.el-dialog .el-dialog__header { + border-bottom: 1px solid #f1f1f1 !important +} + +.el-loading-mask { + opacity: .8 +} + +.el-tabs.normal-tabs { + margin-top: 24px +} + +.el-tabs.normal-tabs > .el-tabs__header { + border-bottom: 0; + margin-bottom: 0 +} + +.el-tabs.normal-tabs > .el-tabs__header .el-tabs__nav { + border: none +} + +.el-tabs.normal-tabs > .el-tabs__header .el-tabs__item { + min-width: 120px; + text-align: center; + background: #1d1e24; + border-radius: 4px 4px 0 0; + margin-right: 8px; + border: 1px solid transparent; + border-bottom-color: #1f1d1d; + line-height: 38px; + color: #adafb4; + -webkit-transition: all .5s; + transition: all .5s; + font-size: 16px +} + +.el-tabs.normal-tabs > .el-tabs__header .el-tabs__item.is-active { + background: #1f1d1d; + border: 1px solid #1f1d1d; + border-left: 2px solid; + color: #0f84bb +} + +.el-dropdown { + cursor: pointer +} + +.el-pagination { + float: none !important +} + +.el-popper { + word-break: normal; + text-align: left +} + +#app, body, html { + height: 100%; + margin: 0 +} + +@font-face { + font-family: Roboto; + font-style: normal; + font-weight: 300; + src: local("Roboto Light"), local("Roboto-Light"), url(/static/fonts/Roboto-Light.woff) format("woff"), url(/static/fonts/Roboto-Light.ttf) format("truetype") +} + +body { + font-family: Roboto, Helvetica Neue, Helvetica, Work sans, Arial, sans-serif; + -webkit-font-smoothing: subpixel-antialiased; + font-size: 14px; + font-weight: 400 +} + +body #nprogress .bar { + background: #0f84bb +} + +body #nprogress .peg { + -webkit-box-shadow: 0 0 10px #0f84bb, 0 0 5px #0f84bb; + box-shadow: 0 0 10px #0f84bb, 0 0 5px #0f84bb +} + +* { + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +a { + color: #0f84bb; + text-decoration: none !important +} + +.clear-fix { + clear: both +} + +::-ms-clear, ::-ms-reveal { + display: none +} + +.page-title { + font-size: 24px; + text-transform: capitalize; + padding: 30px 0 10px !important +} + +.page-title .el-select { + float: right +} + +.page-title .el-select input { + height: 40px !important +} + +.page-title .el-breadcrumb { + margin-top: 2px; + font-size: 24px +} + +.page-title .el-breadcrumb .uppercase { + text-transform: Capitalize +} + +.operation-area { + margin-top: 20px +} + +.operation-area .el-button.el-button--text { + padding-right: 20px +} + +.cache-btn, .confirm-btn { + min-width: 80px +} + +input { + line-height: normal !important +} + +.empty-content { + width: 100%; + height: 200px; + line-height: 200px; + margin-top: -20px; + text-align: center +} + +.desc--text { + font-size: 14px; + font-weight: 400; + line-height: 1.4 +} + +.el-pagination { + margin: 20px 0; + float: right +} + +.el-card.thin__body .el-card__body { + padding: 0 20px; + font-size: 16px +} + +.el-card .card-header--like { + padding: 18px 0; + color: #6e6e75 +} + +.status:before { + content: ""; + display: inline-block; + height: 8px; + width: 8px; + margin-right: 3px; + border-radius: 4px +} + +.btn { + cursor: pointer; + color: #34c388 +} + +.a-line:hover { + text-decoration: underline +} + +.blank { + max-width: 500px; + width: 100%; + margin: 100px auto; + text-align: center; + height: 200px +} + +.blank .icon { + width: 80px; + height: 80px; + margin: 4px auto; + border: 2px solid #0f84bb; + border-radius: 50%; + font-size: 36px; + color: #0f84bb; + line-height: 80px +} + +.guide-doc { + text-align: left +} + +.emq-link { + cursor: pointer; + color: #0f84bb +} + +.dialog-preview .option-item { + margin: 0 auto; + padding: 6px; + min-height: 32px; + line-height: 32px; + clear: both +} + +.dialog-preview .option-item .option-title { + width: 48%; + float: left; + color: #888 +} + +.dialog-preview .option-item .option-value { + width: 48%; + float: left; + color: #000 +} + +.dialog-preview .option-item .option-all { + clear: both; + width: 100% +} + +.dialog-preview .option-item .option-all .option-item { + padding: 6px 0 +} + +.status-circle { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 50%; + margin-right: 5px +} + +.connected { + color: #0f84bb +} + +.connected.status-circle { + background: #0f84bb +} + +.disconnected { + color: #ff6d6d +} + +.disconnected.status-circle { + background: #ff6d6d +} + +.center-align { + text-align: center +} + +.data-table .cell .el-input__inner { + border-color: transparent +} + +.data-table .cell .el-input__inner:focus { + border-color: #dcdfe6 +} + +.data-table .data-input { + position: relative +} + +.data-table .data-input .el-input-group__append { + background-color: #fff; + border: none; + font-size: 12px; + color: #ff6d6d +} + +.data-table .oper-icon { + width: 40px; + height: 26px; + line-height: 28px; + visibility: hidden; + cursor: pointer; + text-align: center +} + +.data-table td { + padding: 2px 0 !important +} + +.data-table .cell { + padding: 0 4px +} + +.data-table .el-table__row:hover .el-icon-close { + visibility: visible +} + +.data-table .el-input__inner { + border-radius: 0 +} + +.data-table .el-input.is-error .el-input__inner { + border-width: 2px; + border-color: #ff6d6d +} + +.data-table .data-value, .data-table.disable .el-input { + display: none +} + +.data-table.disable .data-value { + display: inline-block +} + +.data-table .value-column .cell { + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.data-table .value-column .cell .data-input { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1 +} + +.data-table th.is-leaf { + font-weight: 400 +} \ No newline at end of file diff --git a/static/img/emq_logo.b68cfef.png b/static/img/emq_logo.b68cfef.png new file mode 100644 index 0000000..b4cba1d Binary files /dev/null and b/static/img/emq_logo.b68cfef.png differ