.vue-map-container {
    position: relative;
}

.vue-map-container .vue-map {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.vue-map-hidden {
    display: none;
}

.vue-street-view-pano-container {
    position: relative;
}

.vue-street-view-pano-container .vue-street-view-pano {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.el-message__closeBtn:focus,
.el-message__content:focus {
    outline-width: 0;
}

.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 0.3s, top 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.3s, transform 0.4s, top 0.4s;
    transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.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: #f0f9eb;
    border-color: #e1f3d8;
}

.el-message--success .el-message__content {
    color: #67c23a;
}

.el-message--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
}

.el-message--warning .el-message__content {
    color: #e6a23c;
}

.el-message--error {
    background-color: #fef0f0;
    border-color: #fde2e2;
}

.el-message--error .el-message__content {
    color: #f56c6c;
}

.el-message__icon {
    margin-right: 10px;
}

.el-message__content {
    padding: 0;
    font-size: 14px;
    line-height: 1;
}

.el-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #c0c4cc;
    font-size: 16px;
}

.el-message__closeBtn:hover {
    color: #909399;
}

.el-message .el-icon-success {
    color: #67c23a;
}

.el-message .el-icon-error {
    color: #f56c6c;
}

.el-message .el-icon-info {
    color: #909399;
}

.el-message .el-icon-warning {
    color: #e6a23c;
}

.el-message-fade-enter,
.el-message-fade-leave-active {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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(0.45);
    transform: scale(0.45);
}

.collapse-transition {
    -webkit-transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
    transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
}

.horizontal-collapse-transition {
    -webkit-transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

@font-face {
    font-family: element-icons;
    src: url(/iPanek_files/element-icons.woff?535877f50039c0cb49a6196a5b7517cd) format("woff"),
    url(/iPanek_files/element-icons.tff?732389ded34cb9c52dd88271f1345af9) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal;
}

[class*=" el-icon-"],
[class^="el-icon-"] {
    font-family: element-icons !important;

    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(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.el-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, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s,
    -webkit-transform 0.3s;
    transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s,
    -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
    bottom 0.3s;
    transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
    bottom 0.3s, -webkit-transform 0.3s;
    overflow: hidden;
}

.el-notification.right {
    right: 16px;
}

.el-notification.left {
    left: 16px;
}

.el-notification__group {
    margin-left: 13px;
    margin-right: 8px;
}

.el-notification__title {
    font-weight: 700;
    font-size: 16px;
    color: #303133;
    margin: 0;
}

.el-notification__content {
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    color: #606266;
    text-align: justify;
}

.el-notification__content p {
    margin: 0;
}

.el-notification__icon {
    height: 24px;
    width: 24px;
    font-size: 24px;
}

.el-notification__closeBtn {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
    color: #909399;
    font-size: 16px;
}

.el-notification__closeBtn:hover {
    color: #606266;
}

.el-notification .el-icon-success {
    color: #67c23a;
}

.el-notification .el-icon-error {
    color: #f56c6c;
}

.el-notification .el-icon-info {
    color: #909399;
}

.el-notification .el-icon-warning {
    color: #e6a23c;
}

.el-notification-fade-enter.right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.el-notification-fade-enter.left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.el-notification-fade-leave-active {
    opacity: 0;
}

.el-button-group > .el-button.is-active,
.el-button-group > .el-button.is-disabled,
.el-button-group > .el-button:active,
.el-button-group > .el-button:focus,
.el-button-group > .el-button:hover {
    z-index: 1;
}

.el-button,
.el-input__inner {
    -webkit-appearance: none;
    outline: 0;
}

.el-message-box,
.el-popup-parent--hidden {
    overflow: hidden;
}

.v-modal-enter {
    -webkit-animation: v-modal-in 0.2s ease;
    animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
    -webkit-animation: v-modal-out 0.2s ease forwards;
    animation: v-modal-out 0.2s ease forwards;
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity: 0;
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0;
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    font-weight: 500;

    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}

.el-button + .el-button {
    margin-left: 10px;
}

.el-button:focus,
.el-button:hover {
    color: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff;
}

.el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    outline: 0;
}

.el-button::-moz-focus-inner {
    border: 0;
}

.el-button [class*="el-icon-"] + span {
    margin-left: 5px;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    background: #fff;
    border-color: #409eff;
    color: #409eff;
}

.el-button.is-active,
.el-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
}

.el-button.is-plain:active {
    background: #fff;
    outline: 0;
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
}

.el-button.is-disabled.el-button--text {
    background-color: transparent;
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: #fff;
    border-color: #ebeef5;
    color: #c0c4cc;
}

.el-button.is-loading {
    position: relative;
    pointer-events: none;
}

.el-button.is-loading:before {
    pointer-events: none;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background-color: hsla(0, 0%, 100%, 0.35);
}

.el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px;
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 12px;
}

.el-button--primary {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff;
}

.el-button--primary.is-active,
.el-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
}

.el-button--primary:active {
    outline: 0;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    color: #fff;
    background-color: #a0cfff;
    border-color: #a0cfff;
}

.el-button--primary.is-plain {
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff;
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
    outline: 0;
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
    color: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff;
}

.el-button--success {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a;
}

.el-button--success:focus,
.el-button--success:hover {
    background: #85ce61;
    border-color: #85ce61;
    color: #fff;
}

.el-button--success.is-active,
.el-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
}

.el-button--success:active {
    outline: 0;
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
    color: #fff;
    background-color: #b3e19d;
    border-color: #b3e19d;
}

.el-button--success.is-plain {
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0;
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
    background: #67c23a;
    border-color: #67c23a;
    color: #fff;
}

.el-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
    outline: 0;
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
    color: #a4da89;
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}

.el-button--warning {
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c;
}

.el-button--warning:focus,
.el-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563;
    color: #fff;
}

.el-button--warning.is-active,
.el-button--warning:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
}

.el-button--warning:active {
    outline: 0;
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
    color: #fff;
    background-color: #f3d19e;
    border-color: #f3d19e;
}

.el-button--warning.is-plain {
    color: #e6a23c;
    background: #fdf6ec;
    border-color: #f5dab1;
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
    background: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}

.el-button--warning.is-plain:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
    outline: 0;
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
    color: #f0c78a;
    background-color: #fdf6ec;
    border-color: #faecd8;
}

.el-button--danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}

.el-button--danger:focus,
.el-button--danger:hover {
    background: #f78989;
    border-color: #f78989;
    color: #fff;
}

.el-button--danger.is-active,
.el-button--danger:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
}

.el-button--danger:active {
    outline: 0;
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
    color: #fff;
    background-color: #fab6b6;
    border-color: #fab6b6;
}

.el-button--danger.is-plain {
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4;
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
    background: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}

.el-button--danger.is-plain:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
    outline: 0;
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
    color: #f9a7a7;
    background-color: #fef0f0;
    border-color: #fde2e2;
}

.el-button--info {
    color: #fff;
    background-color: #909399;
    border-color: #909399;
}

.el-button--info:focus,
.el-button--info:hover {
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #fff;
}

.el-button--info.is-active,
.el-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
}

.el-button--info:active {
    outline: 0;
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
    color: #fff;
    background-color: #c8c9cc;
    border-color: #c8c9cc;
}

.el-button--info.is-plain {
    color: #909399;
    background: #f4f4f5;
    border-color: #d3d4d6;
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
    background: #909399;
    border-color: #909399;
    color: #fff;
}

.el-button--info.is-plain:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
    outline: 0;
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
    color: #bcbec2;
    background-color: #f4f4f5;
    border-color: #e9e9eb;
}

.el-button--text,
.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    border-color: transparent;
}

.el-button--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px;
}

.el-button--mini,
.el-button--small {
    font-size: 12px;
    border-radius: 3px;
}

.el-button--medium.is-round {
    padding: 10px 20px;
}

.el-button--medium.is-circle {
    padding: 10px;
}

.el-button--small,
.el-button--small.is-round {
    padding: 9px 15px;
}

.el-button--small.is-circle {
    padding: 9px;
}

.el-button--mini,
.el-button--mini.is-round {
    padding: 7px 15px;
}

.el-button--mini.is-circle {
    padding: 7px;
}

.el-button--text {
    color: #409eff;
    background: 0 0;
    padding-left: 0;
    padding-right: 0;
}

.el-button--text:focus,
.el-button--text:hover {
    color: #66b1ff;
    border-color: transparent;
    background-color: transparent;
}

.el-button--text:active {
    color: #3a8ee6;
    background-color: transparent;
}

.el-button-group {
    display: inline-block;
    vertical-align: middle;
}

.el-button-group:after,
.el-button-group:before {
    display: table;
    content: "";
}

.el-button-group:after {
    clear: both;
}

.el-button-group > .el-button {
    float: left;
    position: relative;
}

.el-button-group > .el-button + .el-button {
    margin-left: 0;
}

.el-button-group > .el-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-button-group > .el-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-button-group > .el-button:first-child:last-child {
    border-radius: 4px;
}

.el-button-group > .el-button:first-child:last-child.is-round {
    border-radius: 20px;
}

.el-button-group > .el-button:first-child:last-child.is-circle {
    border-radius: 50%;
}

.el-button-group > .el-button:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.el-button-group > .el-button:not(:last-child) {
    margin-right: -1px;
}

.el-button-group > .el-dropdown > .el-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea__inner:-ms-input-placeholder,
.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: 0;
    border-color: #409eff;
}

.el-textarea .el-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c;
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px;
}

.el-input .el-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.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 {
    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;
    padding: 0 15px;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

.el-input__prefix,
.el-input__suffix {
    position: absolute;

    text-align: center;
    height: 100%;
    color: #c0c4cc;
    top: 0;
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner:-ms-input-placeholder,
.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner::placeholder {
    color: #c0c4cc;
}

.el-input__inner:hover {
    border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409eff;
    outline: 0;
}

.el-input__suffix {
    right: 5px;
    transition: all 0.3s;
    pointer-events: none;
}

.el-input__suffix-inner {
    pointer-events: all;
}

.el-input__prefix {
    left: 5px;
    transition: all 0.3s;
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;

    transition: all 0.3s;
    line-height: 40px;
}

.el-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.el-input__validateIcon {
    pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c;
}

.el-input--suffix .el-input__inner {
    padding-right: 30px;
}

.el-input--prefix .el-input__inner {
    padding-left: 30px;
}

.el-input--medium {
    font-size: 14px;
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px;
}

.el-input--medium .el-input__icon {
    line-height: 36px;
}

.el-input--small {
    font-size: 13px;
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px;
}

.el-input--small .el-input__icon {
    line-height: 32px;
}

.el-input--mini {
    font-size: 12px;
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px;
}

.el-input--mini .el-input__icon {
    line-height: 28px;
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.el-input-group > .el-input__inner {
    vertical-align: middle;
    display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit;
}

.el-input-group__prepend {
    border-right: 0;
}

.el-input-group__append {
    border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent;
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.el-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, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    text-align: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.el-message-box__wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.el-message-box__wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.el-message-box__header {
    position: relative;
    padding: 15px 15px 10px;
}

.el-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #303133;
}

.el-message-box__headerbtn {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    font-size: 16px;
    cursor: pointer;
}

.el-message-box__headerbtn .el-message-box__close {
    color: #909399;
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: #409eff;
}

.el-message-box__content {
    padding: 10px 15px;
    color: #606266;
    font-size: 14px;
}

.el-message-box__container {
    position: relative;
}

.el-message-box__input {
    padding-top: 15px;
}

.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: #f56c6c;
}

.el-message-box__status {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px !important;
}

.el-message-box__status:before {
    padding-left: 1px;
}

.el-message-box__status + .el-message-box__message {
    padding-left: 36px;
    padding-right: 12px;
}

.el-message-box__status.el-icon-success {
    color: #67c23a;
}

.el-message-box__status.el-icon-info {
    color: #909399;
}

.el-message-box__status.el-icon-warning {
    color: #e6a23c;
}

.el-message-box__status.el-icon-error {
    color: #f56c6c;
}

.el-message-box__message {
    margin: 0;
}

.el-message-box__message p {
    margin: 0;
    line-height: 24px;
}

.el-message-box__errormsg {
    color: #f56c6c;
    font-size: 12px;
    min-height: 18px;
    margin-top: 2px;
}

.el-message-box__btns {
    padding: 5px 15px 0;
    text-align: right;
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px;
}

.el-message-box__btns-reverse {
    -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 0.3s;
    animation: msgbox-fade-in 0.3s;
}

.msgbox-fade-leave-active {
    -webkit-animation: msgbox-fade-out 0.3s;
    animation: msgbox-fade-out 0.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-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%, 0.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.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: #409eff;
    margin: 3px 0;
    font-size: 14px;
}

.el-loading-spinner .circular {
    height: 42px;
    width: 42px;
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite;
}

.el-loading-spinner .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round;
}

.el-loading-spinner i {
    color: #409eff;
}

.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-button-group > .el-button.is-active,
.el-button-group > .el-button.is-disabled,
.el-button-group > .el-button:active,
.el-button-group > .el-button:focus,
.el-button-group > .el-button:hover {
    z-index: 1;
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    font-weight: 500;

    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}

.el-button + .el-button {
    margin-left: 10px;
}

.el-button:focus,
.el-button:hover {
    color: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff;
}

.el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    outline: 0;
}

.el-button::-moz-focus-inner {
    border: 0;
}

.el-button [class*="el-icon-"] + span {
    margin-left: 5px;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    background: #fff;
    border-color: #409eff;
    color: #409eff;
}

.el-button.is-active,
.el-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
}

.el-button.is-plain:active {
    background: #fff;
    outline: 0;
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
}

.el-button.is-disabled.el-button--text {
    background-color: transparent;
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: #fff;
    border-color: #ebeef5;
    color: #c0c4cc;
}

.el-button.is-loading {
    position: relative;
    pointer-events: none;
}

.el-button.is-loading:before {
    pointer-events: none;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background-color: hsla(0, 0%, 100%, 0.35);
}

.el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px;
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 12px;
}

.el-button--primary {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff;
}

.el-button--primary.is-active,
.el-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
}

.el-button--primary:active {
    outline: 0;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    color: #fff;
    background-color: #a0cfff;
    border-color: #a0cfff;
}

.el-button--primary.is-plain {
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff;
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
    outline: 0;
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
    color: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff;
}

.el-button--success {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a;
}

.el-button--success:focus,
.el-button--success:hover {
    background: #85ce61;
    border-color: #85ce61;
    color: #fff;
}

.el-button--success.is-active,
.el-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
}

.el-button--success:active {
    outline: 0;
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
    color: #fff;
    background-color: #b3e19d;
    border-color: #b3e19d;
}

.el-button--success.is-plain {
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0;
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
    background: #67c23a;
    border-color: #67c23a;
    color: #fff;
}

.el-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
    outline: 0;
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
    color: #a4da89;
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}

.el-button--warning {
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c;
}

.el-button--warning:focus,
.el-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563;
    color: #fff;
}

.el-button--warning.is-active,
.el-button--warning:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
}

.el-button--warning:active {
    outline: 0;
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
    color: #fff;
    background-color: #f3d19e;
    border-color: #f3d19e;
}

.el-button--warning.is-plain {
    color: #e6a23c;
    background: #fdf6ec;
    border-color: #f5dab1;
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
    background: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}

.el-button--warning.is-plain:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
    outline: 0;
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
    color: #f0c78a;
    background-color: #fdf6ec;
    border-color: #faecd8;
}

.el-button--danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}

.el-button--danger:focus,
.el-button--danger:hover {
    background: #f78989;
    border-color: #f78989;
    color: #fff;
}

.el-button--danger.is-active,
.el-button--danger:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
}

.el-button--danger:active {
    outline: 0;
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
    color: #fff;
    background-color: #fab6b6;
    border-color: #fab6b6;
}

.el-button--danger.is-plain {
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4;
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
    background: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}

.el-button--danger.is-plain:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
    outline: 0;
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
    color: #f9a7a7;
    background-color: #fef0f0;
    border-color: #fde2e2;
}

.el-button--info {
    color: #fff;
    background-color: #909399;
    border-color: #909399;
}

.el-button--info:focus,
.el-button--info:hover {
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #fff;
}

.el-button--info.is-active,
.el-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
}

.el-button--info:active {
    outline: 0;
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
    color: #fff;
    background-color: #c8c9cc;
    border-color: #c8c9cc;
}

.el-button--info.is-plain {
    color: #909399;
    background: #f4f4f5;
    border-color: #d3d4d6;
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
    background: #909399;
    border-color: #909399;
    color: #fff;
}

.el-button--info.is-plain:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
    outline: 0;
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
    color: #bcbec2;
    background-color: #f4f4f5;
    border-color: #e9e9eb;
}

.el-button--text,
.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    border-color: transparent;
}

.el-button--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px;
}

.el-button--mini,
.el-button--small {
    font-size: 12px;
    border-radius: 3px;
}

.el-button--medium.is-round {
    padding: 10px 20px;
}

.el-button--medium.is-circle {
    padding: 10px;
}

.el-button--small,
.el-button--small.is-round {
    padding: 9px 15px;
}

.el-button--small.is-circle {
    padding: 9px;
}

.el-button--mini,
.el-button--mini.is-round {
    padding: 7px 15px;
}

.el-button--mini.is-circle {
    padding: 7px;
}

.el-button--text {
    color: #409eff;
    background: 0 0;
    padding-left: 0;
    padding-right: 0;
}

.el-button--text:focus,
.el-button--text:hover {
    color: #66b1ff;
    border-color: transparent;
    background-color: transparent;
}

.el-button--text:active {
    color: #3a8ee6;
    background-color: transparent;
}

.el-button-group {
    display: inline-block;
    vertical-align: middle;
}

.el-button-group:after,
.el-button-group:before {
    display: table;
    content: "";
}

.el-button-group:after {
    clear: both;
}

.el-button-group > .el-button {
    float: left;
    position: relative;
}

.el-button-group > .el-button + .el-button {
    margin-left: 0;
}

.el-button-group > .el-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-button-group > .el-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-button-group > .el-button:first-child:last-child {
    border-radius: 4px;
}

.el-button-group > .el-button:first-child:last-child.is-round {
    border-radius: 20px;
}

.el-button-group > .el-button:first-child:last-child.is-circle {
    border-radius: 50%;
}

.el-button-group > .el-button:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.el-button-group > .el-button:not(:last-child) {
    margin-right: -1px;
}

.el-button-group > .el-dropdown > .el-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.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, 0.03));
    filter: drop-shadow(0 2px 12px rgba(0, 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-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%, 0.5);
}

.el-dropdown .el-dropdown__caret-button.el-button--default:before {
    background: rgba(220, 223, 230, 0.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, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-dropdown-menu__item {
    list-style: none;
    line-height: 36px;
    padding: 0 20px;
    margin: 0;
    font-size: 14px;
    color: #606266;
    cursor: pointer;
    outline: 0;
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: #66b1ff;
}

.el-dropdown-menu__item i {
    margin-right: 5px;
}

.el-dropdown-menu__item--divided {
    position: relative;
    margin-top: 6px;
    border-top: 1px solid #ebeef5;
}

.el-dropdown-menu__item--divided:before {
    content: "";
    height: 6px;
    display: block;
    margin: 0 -20px;
    background-color: #fff;
}

.el-dropdown-menu__item.is-disabled {
    cursor: default;
    color: #bbb;
    pointer-events: none;
}

.el-dropdown-menu--medium {
    padding: 6px 0;
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
    line-height: 30px;
    padding: 0 17px;
    font-size: 14px;
}

.el-dropdown-menu--medium
.el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 6px;
}

.el-dropdown-menu--medium
.el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 6px;
    margin: 0 -17px;
}

.el-dropdown-menu--small {
    padding: 6px 0;
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    line-height: 27px;
    padding: 0 15px;
    font-size: 13px;
}

.el-dropdown-menu--small
.el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 4px;
}

.el-dropdown-menu--small
.el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 4px;
    margin: 0 -15px;
}

.el-dropdown-menu--mini {
    padding: 3px 0;
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px;
}

.el-dropdown-menu--mini
.el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 3px;
}

.el-dropdown-menu--mini
.el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 3px;
    margin: 0 -10px;
}

.el-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-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 15px;
}

.el-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #409eff;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    list-style: none;
}

.el-tabs__new-tab {
    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 0.15s;
    transition: all 0.15s;
}

.el-tabs__new-tab .el-icon-plus {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tabs__new-tab:hover {
    color: #409eff;
}

.el-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -1px;
    position: relative;
}

.el-tabs__nav-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #e4e7ed;
    z-index: 1;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap:after,
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap:after {
    content: none;
}

.el-tabs__nav-wrap.is-scrollable {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-tabs__nav-scroll {
    overflow: hidden;
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    position: absolute;
    cursor: pointer;
    line-height: 44px;
    font-size: 12px;
    color: #909399;
}

.el-tabs__nav-next {
    right: 0;
}

.el-tabs__nav-prev {
    left: 0;
}

.el-tabs__nav {
    white-space: nowrap;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.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: 0;
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    -webkit-box-shadow: 0 0 2px 2px #409eff inset;
    box-shadow: inset 0 0 2px 2px #409eff;
    border-radius: 3px;
}

.el-tabs__item .el-icon-close {
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-left: 5px;
}

.el-tabs__item .el-icon-close:before {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    display: inline-block;
}

.el-tabs__item .el-icon-close:hover {
    background-color: #c0c4cc;
    color: #fff;
}

.el-tabs__item.is-active {
    color: #409eff;
}

.el-tabs__item:hover {
    color: #409eff;
    cursor: pointer;
}

.el-tabs__item.is-disabled {
    color: #c0c4cc;
    cursor: default;
}

.el-tabs__content {
    overflow: hidden;
    position: relative;
}

.el-tabs--card > .el-tabs__header {
    border-bottom: 1px solid #e4e7ed;
}

.el-tabs--card > .el-tabs__header .el-tabs__nav {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
    display: none;
}

.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
    position: relative;
    font-size: 12px;
    width: 0;
    height: 14px;
    vertical-align: middle;
    line-height: 15px;
    overflow: hidden;
    top: -1px;
    right: -2px;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.el-tabs--card
> .el-tabs__header
.el-tabs__item.is-active.is-closable
.el-icon-close,
.el-tabs--card
> .el-tabs__header
.el-tabs__item.is-closable:hover
.el-icon-close {
    width: 14px;
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left: 1px solid #e4e7ed;
    -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
    border-left: none;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: #fff;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px;
}

.el-tabs--border-card {
    background: #fff;
    border: 1px solid #dcdfe6;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
    0 0 6px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}

.el-tabs--border-card > .el-tabs__content {
    padding: 15px;
}

.el-tabs--border-card > .el-tabs__header {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4e7ed;
    margin: 0;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: 1px solid transparent;
    margin-top: -1px;
    color: #909399;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item,
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    color: #409eff;
    background-color: #fff;
    border-right-color: #dcdfe6;
    border-left-color: #dcdfe6;
}

.el-tabs--border-card
> .el-tabs__header
.el-tabs__item:not(.is-disabled):hover {
    color: #409eff;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
    color: #c0c4cc;
}

.el-tabs--border-card
> .el-tabs__header
.is-scrollable
.el-tabs__item:first-child {
    margin-left: 0;
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0;
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0;
}

.el-tabs--bottom.el-tabs--border-card
> .el-tabs__header
.el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card
> .el-tabs__header
.el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px;
}

.el-tabs--bottom.el-tabs--border-card
> .el-tabs__header
.el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px;
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid #dcdfe6;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-top: -1px;
    margin-bottom: 0;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px;
}

.el-tabs--left,
.el-tabs--right {
    overflow: hidden;
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%;
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
    top: 0;
    bottom: auto;
    width: 2px;
    height: auto;
}

.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
    left: auto;
    top: 0;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
    right: auto;
    bottom: 0;
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    right: 0;
    left: auto;
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0;
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after,
.el-tabs--left .el-tabs__nav-wrap.is-right:after,
.el-tabs--right .el-tabs__nav-wrap.is-left:after,
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    height: 100%;
    width: 2px;
    bottom: auto;
    top: 0;
}

.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
    float: none;
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
    display: block;
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none;
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px;
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border-left: none;
    border-right: 1px solid #e4e7ed;
    border-bottom: none;
    border-top: 1px solid #e4e7ed;
    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: 1px solid #e4e7ed;
    border-right-color: #fff;
    border-left: none;
    border-bottom: none;
}

.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 {
    margin-bottom: 0;
    margin-left: 10px;
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px;
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto;
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid #e4e7ed;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid #e4e7ed;
    border-top: none;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: 1px solid #e4e7ed;
    border-left-color: #fff;
    border-right: none;
    border-bottom: none;
}

.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 0.3s;
    animation: slideInRight-enter 0.3s;
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInRight-leave 0.3s;
    animation: slideInRight-leave 0.3s;
}

.slideInLeft-enter {
    -webkit-animation: slideInLeft-enter 0.3s;
    animation: slideInLeft-enter 0.3s;
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInLeft-leave 0.3s;
    animation: slideInLeft-leave 0.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-col-pull-0,
.el-col-pull-1,
.el-col-pull-2,
.el-col-pull-3,
.el-col-pull-4,
.el-col-pull-5,
.el-col-pull-6,
.el-col-pull-7,
.el-col-pull-8,
.el-col-pull-9,
.el-col-pull-10,
.el-col-pull-11,
.el-col-pull-13,
.el-col-pull-14,
.el-col-pull-15,
.el-col-pull-16,
.el-col-pull-17,
.el-col-pull-18,
.el-col-pull-19,
.el-col-pull-20,
.el-col-pull-21,
.el-col-pull-22,
.el-col-pull-23,
.el-col-pull-24,
.el-col-push-0,
.el-col-push-1,
.el-col-push-2,
.el-col-push-3,
.el-col-push-4,
.el-col-push-5,
.el-col-push-6,
.el-col-push-7,
.el-col-push-8,
.el-col-push-9,
.el-col-push-10,
.el-col-push-11,
.el-col-push-12,
.el-col-push-13,
.el-col-push-14,
.el-col-push-15,
.el-col-push-16,
.el-col-push-17,
.el-col-push-18,
.el-col-push-19,
.el-col-push-20,
.el-col-push-21,
.el-col-push-22,
.el-col-push-23,
.el-col-push-24 {
    position: relative;
}

[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 {
    right: 0;
}

.el-col-push-0 {
    left: 0;
}

.el-col-1 {
    width: 4.16667%;
}

.el-col-offset-1 {
    margin-left: 4.16667%;
}

.el-col-pull-1 {
    right: 4.16667%;
}

.el-col-push-1 {
    left: 4.16667%;
}

.el-col-2 {
    width: 8.33333%;
}

.el-col-offset-2 {
    margin-left: 8.33333%;
}

.el-col-pull-2 {
    right: 8.33333%;
}

.el-col-push-2 {
    left: 8.33333%;
}

.el-col-3 {
    width: 12.5%;
}

.el-col-offset-3 {
    margin-left: 12.5%;
}

.el-col-pull-3 {
    right: 12.5%;
}

.el-col-push-3 {
    left: 12.5%;
}

.el-col-4 {
    width: 16.66667%;
}

.el-col-offset-4 {
    margin-left: 16.66667%;
}

.el-col-pull-4 {
    right: 16.66667%;
}

.el-col-push-4 {
    left: 16.66667%;
}

.el-col-5 {
    width: 20.83333%;
}

.el-col-offset-5 {
    margin-left: 20.83333%;
}

.el-col-pull-5 {
    right: 20.83333%;
}

.el-col-push-5 {
    left: 20.83333%;
}

.el-col-6 {
    width: 25%;
}

.el-col-offset-6 {
    margin-left: 25%;
}

.el-col-pull-6 {
    right: 25%;
}

.el-col-push-6 {
    left: 25%;
}

.el-col-7 {
    width: 29.16667%;
}

.el-col-offset-7 {
    margin-left: 29.16667%;
}

.el-col-pull-7 {
    right: 29.16667%;
}

.el-col-push-7 {
    left: 29.16667%;
}

.el-col-8 {
    width: 33.33333%;
}

.el-col-offset-8 {
    margin-left: 33.33333%;
}

.el-col-pull-8 {
    right: 33.33333%;
}

.el-col-push-8 {
    left: 33.33333%;
}

.el-col-9 {
    width: 37.5%;
}

.el-col-offset-9 {
    margin-left: 37.5%;
}

.el-col-pull-9 {
    right: 37.5%;
}

.el-col-push-9 {
    left: 37.5%;
}

.el-col-10 {
    width: 41.66667%;
}

.el-col-offset-10 {
    margin-left: 41.66667%;
}

.el-col-pull-10 {
    right: 41.66667%;
}

.el-col-push-10 {
    left: 41.66667%;
}

.el-col-11 {
    width: 45.83333%;
}

.el-col-offset-11 {
    margin-left: 45.83333%;
}

.el-col-pull-11 {
    right: 45.83333%;
}

.el-col-push-11 {
    left: 45.83333%;
}

.el-col-12 {
    width: 50%;
}

.el-col-offset-12 {
    margin-left: 50%;
}

.el-col-pull-12 {
    position: relative;
    right: 50%;
}

.el-col-push-12 {
    left: 50%;
}

.el-col-13 {
    width: 54.16667%;
}

.el-col-offset-13 {
    margin-left: 54.16667%;
}

.el-col-pull-13 {
    right: 54.16667%;
}

.el-col-push-13 {
    left: 54.16667%;
}

.el-col-14 {
    width: 58.33333%;
}

.el-col-offset-14 {
    margin-left: 58.33333%;
}

.el-col-pull-14 {
    right: 58.33333%;
}

.el-col-push-14 {
    left: 58.33333%;
}

.el-col-15 {
    width: 62.5%;
}

.el-col-offset-15 {
    margin-left: 62.5%;
}

.el-col-pull-15 {
    right: 62.5%;
}

.el-col-push-15 {
    left: 62.5%;
}

.el-col-16 {
    width: 66.66667%;
}

.el-col-offset-16 {
    margin-left: 66.66667%;
}

.el-col-pull-16 {
    right: 66.66667%;
}

.el-col-push-16 {
    left: 66.66667%;
}

.el-col-17 {
    width: 70.83333%;
}

.el-col-offset-17 {
    margin-left: 70.83333%;
}

.el-col-pull-17 {
    right: 70.83333%;
}

.el-col-push-17 {
    left: 70.83333%;
}

.el-col-18 {
    width: 75%;
}

.el-col-offset-18 {
    margin-left: 75%;
}

.el-col-pull-18 {
    right: 75%;
}

.el-col-push-18 {
    left: 75%;
}

.el-col-19 {
    width: 79.16667%;
}

.el-col-offset-19 {
    margin-left: 79.16667%;
}

.el-col-pull-19 {
    right: 79.16667%;
}

.el-col-push-19 {
    left: 79.16667%;
}

.el-col-20 {
    width: 83.33333%;
}

.el-col-offset-20 {
    margin-left: 83.33333%;
}

.el-col-pull-20 {
    right: 83.33333%;
}

.el-col-push-20 {
    left: 83.33333%;
}

.el-col-21 {
    width: 87.5%;
}

.el-col-offset-21 {
    margin-left: 87.5%;
}

.el-col-pull-21 {
    right: 87.5%;
}

.el-col-push-21 {
    left: 87.5%;
}

.el-col-22 {
    width: 91.66667%;
}

.el-col-offset-22 {
    margin-left: 91.66667%;
}

.el-col-pull-22 {
    right: 91.66667%;
}

.el-col-push-22 {
    left: 91.66667%;
}

.el-col-23 {
    width: 95.83333%;
}

.el-col-offset-23 {
    margin-left: 95.83333%;
}

.el-col-pull-23 {
    right: 95.83333%;
}

.el-col-push-23 {
    left: 95.83333%;
}

.el-col-24 {
    width: 100%;
}

.el-col-offset-24 {
    margin-left: 100%;
}

.el-col-pull-24 {
    right: 100%;
}

.el-col-push-24 {
    left: 100%;
}

@media only screen and (max-width: 767px) {
    .el-col-xs-0 {
        display: none;
        width: 0;
    }

    .el-col-xs-offset-0 {
        margin-left: 0;
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0;
    }

    .el-col-xs-push-0 {
        position: relative;
        left: 0;
    }

    .el-col-xs-1 {
        width: 4.16667%;
    }

    .el-col-xs-offset-1 {
        margin-left: 4.16667%;
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.16667%;
    }

    .el-col-xs-push-1 {
        position: relative;
        left: 4.16667%;
    }

    .el-col-xs-2 {
        width: 8.33333%;
    }

    .el-col-xs-offset-2 {
        margin-left: 8.33333%;
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.33333%;
    }

    .el-col-xs-push-2 {
        position: relative;
        left: 8.33333%;
    }

    .el-col-xs-3 {
        width: 12.5%;
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%;
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%;
    }

    .el-col-xs-push-3 {
        position: relative;
        left: 12.5%;
    }

    .el-col-xs-4 {
        width: 16.66667%;
    }

    .el-col-xs-offset-4 {
        margin-left: 16.66667%;
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.66667%;
    }

    .el-col-xs-push-4 {
        position: relative;
        left: 16.66667%;
    }

    .el-col-xs-5 {
        width: 20.83333%;
    }

    .el-col-xs-offset-5 {
        margin-left: 20.83333%;
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.83333%;
    }

    .el-col-xs-push-5 {
        position: relative;
        left: 20.83333%;
    }

    .el-col-xs-6 {
        width: 25%;
    }

    .el-col-xs-offset-6 {
        margin-left: 25%;
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%;
    }

    .el-col-xs-push-6 {
        position: relative;
        left: 25%;
    }

    .el-col-xs-7 {
        width: 29.16667%;
    }

    .el-col-xs-offset-7 {
        margin-left: 29.16667%;
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.16667%;
    }

    .el-col-xs-push-7 {
        position: relative;
        left: 29.16667%;
    }

    .el-col-xs-8 {
        width: 33.33333%;
    }

    .el-col-xs-offset-8 {
        margin-left: 33.33333%;
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.33333%;
    }

    .el-col-xs-push-8 {
        position: relative;
        left: 33.33333%;
    }

    .el-col-xs-9 {
        width: 37.5%;
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%;
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%;
    }

    .el-col-xs-push-9 {
        position: relative;
        left: 37.5%;
    }

    .el-col-xs-10 {
        width: 41.66667%;
    }

    .el-col-xs-offset-10 {
        margin-left: 41.66667%;
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.66667%;
    }

    .el-col-xs-push-10 {
        position: relative;
        left: 41.66667%;
    }

    .el-col-xs-11 {
        width: 45.83333%;
    }

    .el-col-xs-offset-11 {
        margin-left: 45.83333%;
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.83333%;
    }

    .el-col-xs-push-11 {
        position: relative;
        left: 45.83333%;
    }

    .el-col-xs-12 {
        width: 50%;
    }

    .el-col-xs-offset-12 {
        margin-left: 50%;
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%;
    }

    .el-col-xs-push-12 {
        position: relative;
        left: 50%;
    }

    .el-col-xs-13 {
        width: 54.16667%;
    }

    .el-col-xs-offset-13 {
        margin-left: 54.16667%;
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.16667%;
    }

    .el-col-xs-push-13 {
        position: relative;
        left: 54.16667%;
    }

    .el-col-xs-14 {
        width: 58.33333%;
    }

    .el-col-xs-offset-14 {
        margin-left: 58.33333%;
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.33333%;
    }

    .el-col-xs-push-14 {
        position: relative;
        left: 58.33333%;
    }

    .el-col-xs-15 {
        width: 62.5%;
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%;
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%;
    }

    .el-col-xs-push-15 {
        position: relative;
        left: 62.5%;
    }

    .el-col-xs-16 {
        width: 66.66667%;
    }

    .el-col-xs-offset-16 {
        margin-left: 66.66667%;
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.66667%;
    }

    .el-col-xs-push-16 {
        position: relative;
        left: 66.66667%;
    }

    .el-col-xs-17 {
        width: 70.83333%;
    }

    .el-col-xs-offset-17 {
        margin-left: 70.83333%;
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.83333%;
    }

    .el-col-xs-push-17 {
        position: relative;
        left: 70.83333%;
    }

    .el-col-xs-18 {
        width: 75%;
    }

    .el-col-xs-offset-18 {
        margin-left: 75%;
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%;
    }

    .el-col-xs-push-18 {
        position: relative;
        left: 75%;
    }

    .el-col-xs-19 {
        width: 79.16667%;
    }

    .el-col-xs-offset-19 {
        margin-left: 79.16667%;
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.16667%;
    }

    .el-col-xs-push-19 {
        position: relative;
        left: 79.16667%;
    }

    .el-col-xs-20 {
        width: 83.33333%;
    }

    .el-col-xs-offset-20 {
        margin-left: 83.33333%;
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.33333%;
    }

    .el-col-xs-push-20 {
        position: relative;
        left: 83.33333%;
    }

    .el-col-xs-21 {
        width: 87.5%;
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%;
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%;
    }

    .el-col-xs-push-21 {
        position: relative;
        left: 87.5%;
    }

    .el-col-xs-22 {
        width: 91.66667%;
    }

    .el-col-xs-offset-22 {
        margin-left: 91.66667%;
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.66667%;
    }

    .el-col-xs-push-22 {
        position: relative;
        left: 91.66667%;
    }

    .el-col-xs-23 {
        width: 95.83333%;
    }

    .el-col-xs-offset-23 {
        margin-left: 95.83333%;
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.83333%;
    }

    .el-col-xs-push-23 {
        position: relative;
        left: 95.83333%;
    }

    .el-col-xs-24 {
        width: 100%;
    }

    .el-col-xs-offset-24 {
        margin-left: 100%;
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%;
    }

    .el-col-xs-push-24 {
        position: relative;
        left: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .el-col-sm-0 {
        display: none;
        width: 0;
    }

    .el-col-sm-offset-0 {
        margin-left: 0;
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0;
    }

    .el-col-sm-push-0 {
        position: relative;
        left: 0;
    }

    .el-col-sm-1 {
        width: 4.16667%;
    }

    .el-col-sm-offset-1 {
        margin-left: 4.16667%;
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.16667%;
    }

    .el-col-sm-push-1 {
        position: relative;
        left: 4.16667%;
    }

    .el-col-sm-2 {
        width: 8.33333%;
    }

    .el-col-sm-offset-2 {
        margin-left: 8.33333%;
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.33333%;
    }

    .el-col-sm-push-2 {
        position: relative;
        left: 8.33333%;
    }

    .el-col-sm-3 {
        width: 12.5%;
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%;
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%;
    }

    .el-col-sm-push-3 {
        position: relative;
        left: 12.5%;
    }

    .el-col-sm-4 {
        width: 16.66667%;
    }

    .el-col-sm-offset-4 {
        margin-left: 16.66667%;
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.66667%;
    }

    .el-col-sm-push-4 {
        position: relative;
        left: 16.66667%;
    }

    .el-col-sm-5 {
        width: 20.83333%;
    }

    .el-col-sm-offset-5 {
        margin-left: 20.83333%;
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.83333%;
    }

    .el-col-sm-push-5 {
        position: relative;
        left: 20.83333%;
    }

    .el-col-sm-6 {
        width: 25%;
    }

    .el-col-sm-offset-6 {
        margin-left: 25%;
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%;
    }

    .el-col-sm-push-6 {
        position: relative;
        left: 25%;
    }

    .el-col-sm-7 {
        width: 29.16667%;
    }

    .el-col-sm-offset-7 {
        margin-left: 29.16667%;
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.16667%;
    }

    .el-col-sm-push-7 {
        position: relative;
        left: 29.16667%;
    }

    .el-col-sm-8 {
        width: 33.33333%;
    }

    .el-col-sm-offset-8 {
        margin-left: 33.33333%;
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.33333%;
    }

    .el-col-sm-push-8 {
        position: relative;
        left: 33.33333%;
    }

    .el-col-sm-9 {
        width: 37.5%;
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%;
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%;
    }

    .el-col-sm-push-9 {
        position: relative;
        left: 37.5%;
    }

    .el-col-sm-10 {
        width: 41.66667%;
    }

    .el-col-sm-offset-10 {
        margin-left: 41.66667%;
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.66667%;
    }

    .el-col-sm-push-10 {
        position: relative;
        left: 41.66667%;
    }

    .el-col-sm-11 {
        width: 45.83333%;
    }

    .el-col-sm-offset-11 {
        margin-left: 45.83333%;
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.83333%;
    }

    .el-col-sm-push-11 {
        position: relative;
        left: 45.83333%;
    }

    .el-col-sm-12 {
        width: 50%;
    }

    .el-col-sm-offset-12 {
        margin-left: 50%;
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%;
    }

    .el-col-sm-push-12 {
        position: relative;
        left: 50%;
    }

    .el-col-sm-13 {
        width: 54.16667%;
    }

    .el-col-sm-offset-13 {
        margin-left: 54.16667%;
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.16667%;
    }

    .el-col-sm-push-13 {
        position: relative;
        left: 54.16667%;
    }

    .el-col-sm-14 {
        width: 58.33333%;
    }

    .el-col-sm-offset-14 {
        margin-left: 58.33333%;
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.33333%;
    }

    .el-col-sm-push-14 {
        position: relative;
        left: 58.33333%;
    }

    .el-col-sm-15 {
        width: 62.5%;
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%;
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%;
    }

    .el-col-sm-push-15 {
        position: relative;
        left: 62.5%;
    }

    .el-col-sm-16 {
        width: 66.66667%;
    }

    .el-col-sm-offset-16 {
        margin-left: 66.66667%;
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.66667%;
    }

    .el-col-sm-push-16 {
        position: relative;
        left: 66.66667%;
    }

    .el-col-sm-17 {
        width: 70.83333%;
    }

    .el-col-sm-offset-17 {
        margin-left: 70.83333%;
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.83333%;
    }

    .el-col-sm-push-17 {
        position: relative;
        left: 70.83333%;
    }

    .el-col-sm-18 {
        width: 75%;
    }

    .el-col-sm-offset-18 {
        margin-left: 75%;
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%;
    }

    .el-col-sm-push-18 {
        position: relative;
        left: 75%;
    }

    .el-col-sm-19 {
        width: 79.16667%;
    }

    .el-col-sm-offset-19 {
        margin-left: 79.16667%;
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.16667%;
    }

    .el-col-sm-push-19 {
        position: relative;
        left: 79.16667%;
    }

    .el-col-sm-20 {
        width: 83.33333%;
    }

    .el-col-sm-offset-20 {
        margin-left: 83.33333%;
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.33333%;
    }

    .el-col-sm-push-20 {
        position: relative;
        left: 83.33333%;
    }

    .el-col-sm-21 {
        width: 87.5%;
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%;
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%;
    }

    .el-col-sm-push-21 {
        position: relative;
        left: 87.5%;
    }

    .el-col-sm-22 {
        width: 91.66667%;
    }

    .el-col-sm-offset-22 {
        margin-left: 91.66667%;
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.66667%;
    }

    .el-col-sm-push-22 {
        position: relative;
        left: 91.66667%;
    }

    .el-col-sm-23 {
        width: 95.83333%;
    }

    .el-col-sm-offset-23 {
        margin-left: 95.83333%;
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.83333%;
    }

    .el-col-sm-push-23 {
        position: relative;
        left: 95.83333%;
    }

    .el-col-sm-24 {
        width: 100%;
    }

    .el-col-sm-offset-24 {
        margin-left: 100%;
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%;
    }

    .el-col-sm-push-24 {
        position: relative;
        left: 100%;
    }
}

@media only screen and (min-width: 992px) {
    .el-col-md-0 {
        display: none;
        width: 0;
    }

    .el-col-md-offset-0 {
        margin-left: 0;
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0;
    }

    .el-col-md-push-0 {
        position: relative;
        left: 0;
    }

    .el-col-md-1 {
        width: 4.16667%;
    }

    .el-col-md-offset-1 {
        margin-left: 4.16667%;
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.16667%;
    }

    .el-col-md-push-1 {
        position: relative;
        left: 4.16667%;
    }

    .el-col-md-2 {
        width: 8.33333%;
    }

    .el-col-md-offset-2 {
        margin-left: 8.33333%;
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.33333%;
    }

    .el-col-md-push-2 {
        position: relative;
        left: 8.33333%;
    }

    .el-col-md-3 {
        width: 12.5%;
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%;
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%;
    }

    .el-col-md-push-3 {
        position: relative;
        left: 12.5%;
    }

    .el-col-md-4 {
        width: 16.66667%;
    }

    .el-col-md-offset-4 {
        margin-left: 16.66667%;
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.66667%;
    }

    .el-col-md-push-4 {
        position: relative;
        left: 16.66667%;
    }

    .el-col-md-5 {
        width: 20.83333%;
    }

    .el-col-md-offset-5 {
        margin-left: 20.83333%;
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.83333%;
    }

    .el-col-md-push-5 {
        position: relative;
        left: 20.83333%;
    }

    .el-col-md-6 {
        width: 25%;
    }

    .el-col-md-offset-6 {
        margin-left: 25%;
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%;
    }

    .el-col-md-push-6 {
        position: relative;
        left: 25%;
    }

    .el-col-md-7 {
        width: 29.16667%;
    }

    .el-col-md-offset-7 {
        margin-left: 29.16667%;
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.16667%;
    }

    .el-col-md-push-7 {
        position: relative;
        left: 29.16667%;
    }

    .el-col-md-8 {
        width: 33.33333%;
    }

    .el-col-md-offset-8 {
        margin-left: 33.33333%;
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.33333%;
    }

    .el-col-md-push-8 {
        position: relative;
        left: 33.33333%;
    }

    .el-col-md-9 {
        width: 37.5%;
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%;
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%;
    }

    .el-col-md-push-9 {
        position: relative;
        left: 37.5%;
    }

    .el-col-md-10 {
        width: 41.66667%;
    }

    .el-col-md-offset-10 {
        margin-left: 41.66667%;
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.66667%;
    }

    .el-col-md-push-10 {
        position: relative;
        left: 41.66667%;
    }

    .el-col-md-11 {
        width: 45.83333%;
    }

    .el-col-md-offset-11 {
        margin-left: 45.83333%;
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.83333%;
    }

    .el-col-md-push-11 {
        position: relative;
        left: 45.83333%;
    }

    .el-col-md-12 {
        width: 50%;
    }

    .el-col-md-offset-12 {
        margin-left: 50%;
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%;
    }

    .el-col-md-push-12 {
        position: relative;
        left: 50%;
    }

    .el-col-md-13 {
        width: 54.16667%;
    }

    .el-col-md-offset-13 {
        margin-left: 54.16667%;
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.16667%;
    }

    .el-col-md-push-13 {
        position: relative;
        left: 54.16667%;
    }

    .el-col-md-14 {
        width: 58.33333%;
    }

    .el-col-md-offset-14 {
        margin-left: 58.33333%;
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.33333%;
    }

    .el-col-md-push-14 {
        position: relative;
        left: 58.33333%;
    }

    .el-col-md-15 {
        width: 62.5%;
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%;
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%;
    }

    .el-col-md-push-15 {
        position: relative;
        left: 62.5%;
    }

    .el-col-md-16 {
        width: 66.66667%;
    }

    .el-col-md-offset-16 {
        margin-left: 66.66667%;
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.66667%;
    }

    .el-col-md-push-16 {
        position: relative;
        left: 66.66667%;
    }

    .el-col-md-17 {
        width: 70.83333%;
    }

    .el-col-md-offset-17 {
        margin-left: 70.83333%;
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.83333%;
    }

    .el-col-md-push-17 {
        position: relative;
        left: 70.83333%;
    }

    .el-col-md-18 {
        width: 75%;
    }

    .el-col-md-offset-18 {
        margin-left: 75%;
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%;
    }

    .el-col-md-push-18 {
        position: relative;
        left: 75%;
    }

    .el-col-md-19 {
        width: 79.16667%;
    }

    .el-col-md-offset-19 {
        margin-left: 79.16667%;
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.16667%;
    }

    .el-col-md-push-19 {
        position: relative;
        left: 79.16667%;
    }

    .el-col-md-20 {
        width: 83.33333%;
    }

    .el-col-md-offset-20 {
        margin-left: 83.33333%;
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.33333%;
    }

    .el-col-md-push-20 {
        position: relative;
        left: 83.33333%;
    }

    .el-col-md-21 {
        width: 87.5%;
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%;
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%;
    }

    .el-col-md-push-21 {
        position: relative;
        left: 87.5%;
    }

    .el-col-md-22 {
        width: 91.66667%;
    }

    .el-col-md-offset-22 {
        margin-left: 91.66667%;
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.66667%;
    }

    .el-col-md-push-22 {
        position: relative;
        left: 91.66667%;
    }

    .el-col-md-23 {
        width: 95.83333%;
    }

    .el-col-md-offset-23 {
        margin-left: 95.83333%;
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.83333%;
    }

    .el-col-md-push-23 {
        position: relative;
        left: 95.83333%;
    }

    .el-col-md-24 {
        width: 100%;
    }

    .el-col-md-offset-24 {
        margin-left: 100%;
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%;
    }

    .el-col-md-push-24 {
        position: relative;
        left: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .el-col-lg-0 {
        display: none;
        width: 0;
    }

    .el-col-lg-offset-0 {
        margin-left: 0;
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0;
    }

    .el-col-lg-push-0 {
        position: relative;
        left: 0;
    }

    .el-col-lg-1 {
        width: 4.16667%;
    }

    .el-col-lg-offset-1 {
        margin-left: 4.16667%;
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.16667%;
    }

    .el-col-lg-push-1 {
        position: relative;
        left: 4.16667%;
    }

    .el-col-lg-2 {
        width: 8.33333%;
    }

    .el-col-lg-offset-2 {
        margin-left: 8.33333%;
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.33333%;
    }

    .el-col-lg-push-2 {
        position: relative;
        left: 8.33333%;
    }

    .el-col-lg-3 {
        width: 12.5%;
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%;
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%;
    }

    .el-col-lg-push-3 {
        position: relative;
        left: 12.5%;
    }

    .el-col-lg-4 {
        width: 16.66667%;
    }

    .el-col-lg-offset-4 {
        margin-left: 16.66667%;
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.66667%;
    }

    .el-col-lg-push-4 {
        position: relative;
        left: 16.66667%;
    }

    .el-col-lg-5 {
        width: 20.83333%;
    }

    .el-col-lg-offset-5 {
        margin-left: 20.83333%;
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.83333%;
    }

    .el-col-lg-push-5 {
        position: relative;
        left: 20.83333%;
    }

    .el-col-lg-6 {
        width: 25%;
    }

    .el-col-lg-offset-6 {
        margin-left: 25%;
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%;
    }

    .el-col-lg-push-6 {
        position: relative;
        left: 25%;
    }

    .el-col-lg-7 {
        width: 29.16667%;
    }

    .el-col-lg-offset-7 {
        margin-left: 29.16667%;
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.16667%;
    }

    .el-col-lg-push-7 {
        position: relative;
        left: 29.16667%;
    }

    .el-col-lg-8 {
        width: 33.33333%;
    }

    .el-col-lg-offset-8 {
        margin-left: 33.33333%;
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.33333%;
    }

    .el-col-lg-push-8 {
        position: relative;
        left: 33.33333%;
    }

    .el-col-lg-9 {
        width: 37.5%;
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%;
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%;
    }

    .el-col-lg-push-9 {
        position: relative;
        left: 37.5%;
    }

    .el-col-lg-10 {
        width: 41.66667%;
    }

    .el-col-lg-offset-10 {
        margin-left: 41.66667%;
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.66667%;
    }

    .el-col-lg-push-10 {
        position: relative;
        left: 41.66667%;
    }

    .el-col-lg-11 {
        width: 45.83333%;
    }

    .el-col-lg-offset-11 {
        margin-left: 45.83333%;
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.83333%;
    }

    .el-col-lg-push-11 {
        position: relative;
        left: 45.83333%;
    }

    .el-col-lg-12 {
        width: 50%;
    }

    .el-col-lg-offset-12 {
        margin-left: 50%;
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%;
    }

    .el-col-lg-push-12 {
        position: relative;
        left: 50%;
    }

    .el-col-lg-13 {
        width: 54.16667%;
    }

    .el-col-lg-offset-13 {
        margin-left: 54.16667%;
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.16667%;
    }

    .el-col-lg-push-13 {
        position: relative;
        left: 54.16667%;
    }

    .el-col-lg-14 {
        width: 58.33333%;
    }

    .el-col-lg-offset-14 {
        margin-left: 58.33333%;
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.33333%;
    }

    .el-col-lg-push-14 {
        position: relative;
        left: 58.33333%;
    }

    .el-col-lg-15 {
        width: 62.5%;
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%;
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%;
    }

    .el-col-lg-push-15 {
        position: relative;
        left: 62.5%;
    }

    .el-col-lg-16 {
        width: 66.66667%;
    }

    .el-col-lg-offset-16 {
        margin-left: 66.66667%;
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.66667%;
    }

    .el-col-lg-push-16 {
        position: relative;
        left: 66.66667%;
    }

    .el-col-lg-17 {
        width: 70.83333%;
    }

    .el-col-lg-offset-17 {
        margin-left: 70.83333%;
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.83333%;
    }

    .el-col-lg-push-17 {
        position: relative;
        left: 70.83333%;
    }

    .el-col-lg-18 {
        width: 75%;
    }

    .el-col-lg-offset-18 {
        margin-left: 75%;
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%;
    }

    .el-col-lg-push-18 {
        position: relative;
        left: 75%;
    }

    .el-col-lg-19 {
        width: 79.16667%;
    }

    .el-col-lg-offset-19 {
        margin-left: 79.16667%;
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.16667%;
    }

    .el-col-lg-push-19 {
        position: relative;
        left: 79.16667%;
    }

    .el-col-lg-20 {
        width: 83.33333%;
    }

    .el-col-lg-offset-20 {
        margin-left: 83.33333%;
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.33333%;
    }

    .el-col-lg-push-20 {
        position: relative;
        left: 83.33333%;
    }

    .el-col-lg-21 {
        width: 87.5%;
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%;
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%;
    }

    .el-col-lg-push-21 {
        position: relative;
        left: 87.5%;
    }

    .el-col-lg-22 {
        width: 91.66667%;
    }

    .el-col-lg-offset-22 {
        margin-left: 91.66667%;
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.66667%;
    }

    .el-col-lg-push-22 {
        position: relative;
        left: 91.66667%;
    }

    .el-col-lg-23 {
        width: 95.83333%;
    }

    .el-col-lg-offset-23 {
        margin-left: 95.83333%;
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.83333%;
    }

    .el-col-lg-push-23 {
        position: relative;
        left: 95.83333%;
    }

    .el-col-lg-24 {
        width: 100%;
    }

    .el-col-lg-offset-24 {
        margin-left: 100%;
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%;
    }

    .el-col-lg-push-24 {
        position: relative;
        left: 100%;
    }
}

@media only screen and (min-width: 1920px) {
    .el-col-xl-0 {
        display: none;
        width: 0;
    }

    .el-col-xl-offset-0 {
        margin-left: 0;
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0;
    }

    .el-col-xl-push-0 {
        position: relative;
        left: 0;
    }

    .el-col-xl-1 {
        width: 4.16667%;
    }

    .el-col-xl-offset-1 {
        margin-left: 4.16667%;
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.16667%;
    }

    .el-col-xl-push-1 {
        position: relative;
        left: 4.16667%;
    }

    .el-col-xl-2 {
        width: 8.33333%;
    }

    .el-col-xl-offset-2 {
        margin-left: 8.33333%;
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.33333%;
    }

    .el-col-xl-push-2 {
        position: relative;
        left: 8.33333%;
    }

    .el-col-xl-3 {
        width: 12.5%;
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%;
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%;
    }

    .el-col-xl-push-3 {
        position: relative;
        left: 12.5%;
    }

    .el-col-xl-4 {
        width: 16.66667%;
    }

    .el-col-xl-offset-4 {
        margin-left: 16.66667%;
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.66667%;
    }

    .el-col-xl-push-4 {
        position: relative;
        left: 16.66667%;
    }

    .el-col-xl-5 {
        width: 20.83333%;
    }

    .el-col-xl-offset-5 {
        margin-left: 20.83333%;
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.83333%;
    }

    .el-col-xl-push-5 {
        position: relative;
        left: 20.83333%;
    }

    .el-col-xl-6 {
        width: 25%;
    }

    .el-col-xl-offset-6 {
        margin-left: 25%;
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%;
    }

    .el-col-xl-push-6 {
        position: relative;
        left: 25%;
    }

    .el-col-xl-7 {
        width: 29.16667%;
    }

    .el-col-xl-offset-7 {
        margin-left: 29.16667%;
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.16667%;
    }

    .el-col-xl-push-7 {
        position: relative;
        left: 29.16667%;
    }

    .el-col-xl-8 {
        width: 33.33333%;
    }

    .el-col-xl-offset-8 {
        margin-left: 33.33333%;
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.33333%;
    }

    .el-col-xl-push-8 {
        position: relative;
        left: 33.33333%;
    }

    .el-col-xl-9 {
        width: 37.5%;
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%;
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%;
    }

    .el-col-xl-push-9 {
        position: relative;
        left: 37.5%;
    }

    .el-col-xl-10 {
        width: 41.66667%;
    }

    .el-col-xl-offset-10 {
        margin-left: 41.66667%;
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.66667%;
    }

    .el-col-xl-push-10 {
        position: relative;
        left: 41.66667%;
    }

    .el-col-xl-11 {
        width: 45.83333%;
    }

    .el-col-xl-offset-11 {
        margin-left: 45.83333%;
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.83333%;
    }

    .el-col-xl-push-11 {
        position: relative;
        left: 45.83333%;
    }

    .el-col-xl-12 {
        width: 50%;
    }

    .el-col-xl-offset-12 {
        margin-left: 50%;
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%;
    }

    .el-col-xl-push-12 {
        position: relative;
        left: 50%;
    }

    .el-col-xl-13 {
        width: 54.16667%;
    }

    .el-col-xl-offset-13 {
        margin-left: 54.16667%;
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.16667%;
    }

    .el-col-xl-push-13 {
        position: relative;
        left: 54.16667%;
    }

    .el-col-xl-14 {
        width: 58.33333%;
    }

    .el-col-xl-offset-14 {
        margin-left: 58.33333%;
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.33333%;
    }

    .el-col-xl-push-14 {
        position: relative;
        left: 58.33333%;
    }

    .el-col-xl-15 {
        width: 62.5%;
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%;
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%;
    }

    .el-col-xl-push-15 {
        position: relative;
        left: 62.5%;
    }

    .el-col-xl-16 {
        width: 66.66667%;
    }

    .el-col-xl-offset-16 {
        margin-left: 66.66667%;
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.66667%;
    }

    .el-col-xl-push-16 {
        position: relative;
        left: 66.66667%;
    }

    .el-col-xl-17 {
        width: 70.83333%;
    }

    .el-col-xl-offset-17 {
        margin-left: 70.83333%;
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.83333%;
    }

    .el-col-xl-push-17 {
        position: relative;
        left: 70.83333%;
    }

    .el-col-xl-18 {
        width: 75%;
    }

    .el-col-xl-offset-18 {
        margin-left: 75%;
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%;
    }

    .el-col-xl-push-18 {
        position: relative;
        left: 75%;
    }

    .el-col-xl-19 {
        width: 79.16667%;
    }

    .el-col-xl-offset-19 {
        margin-left: 79.16667%;
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.16667%;
    }

    .el-col-xl-push-19 {
        position: relative;
        left: 79.16667%;
    }

    .el-col-xl-20 {
        width: 83.33333%;
    }

    .el-col-xl-offset-20 {
        margin-left: 83.33333%;
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.33333%;
    }

    .el-col-xl-push-20 {
        position: relative;
        left: 83.33333%;
    }

    .el-col-xl-21 {
        width: 87.5%;
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%;
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%;
    }

    .el-col-xl-push-21 {
        position: relative;
        left: 87.5%;
    }

    .el-col-xl-22 {
        width: 91.66667%;
    }

    .el-col-xl-offset-22 {
        margin-left: 91.66667%;
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.66667%;
    }

    .el-col-xl-push-22 {
        position: relative;
        left: 91.66667%;
    }

    .el-col-xl-23 {
        width: 95.83333%;
    }

    .el-col-xl-offset-23 {
        margin-left: 95.83333%;
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.83333%;
    }

    .el-col-xl-push-23 {
        position: relative;
        left: 95.83333%;
    }

    .el-col-xl-24 {
        width: 100%;
    }

    .el-col-xl-offset-24 {
        margin-left: 100%;
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%;
    }

    .el-col-xl-push-24 {
        position: relative;
        left: 100%;
    }
}

.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-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;
}

.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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(0.45);
    transform: scale(0.45);
}

.collapse-transition {
    -webkit-transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
    transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
}

.horizontal-collapse-transition {
    -webkit-transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-date-editor {
    position: relative;
    display: inline-block;
    text-align: left;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 220px;
}

.el-date-editor--monthrange.el-input,
.el-date-editor--monthrange.el-input__inner {
    width: 300px;
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
    width: 350px;
}

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
    width: 400px;
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer;
}

.el-date-editor .el-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: #c0c4cc;
    float: left;
    line-height: 32px;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
    height: 100%;
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    padding: 0;
    width: 39%;
    color: #606266;
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-date-editor .el-range-input:-ms-input-placeholder,
.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 {
    padding: 0 5px;
    line-height: 32px;
    width: 5%;
    color: #303133;
}

.el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: #c0c4cc;
    width: 25px;
    display: inline-block;

    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: #409eff;
}

.el-range-editor--medium.el-input__inner {
    height: 36px;
}

.el-range-editor--medium .el-range-separator {
    line-height: 28px;
    font-size: 14px;
}

.el-range-editor--medium .el-range-input {
    font-size: 14px;
}

.el-range-editor--medium .el-range__close-icon,
.el-range-editor--medium .el-range__icon {
    line-height: 28px;
}

.el-range-editor--small.el-input__inner {
    height: 32px;
}

.el-range-editor--small .el-range-separator {
    line-height: 24px;
    font-size: 13px;
}

.el-range-editor--small .el-range-input {
    font-size: 13px;
}

.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
    line-height: 24px;
}

.el-range-editor--mini.el-input__inner {
    height: 28px;
}

.el-range-editor--mini .el-range-separator {
    line-height: 20px;
    font-size: 12px;
}

.el-range-editor--mini .el-range-input {
    font-size: 12px;
}

.el-range-editor--mini .el-range__close-icon,
.el-range-editor--mini .el-range__icon {
    line-height: 20px;
}

.el-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: #e4e7ed;
}

.el-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-range-editor.is-disabled input:-ms-input-placeholder,
.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, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 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: 0;
    cursor: pointer;
}

.el-picker-panel__shortcut:hover {
    color: #409eff;
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409eff;
}

.el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px;
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed;
}

.el-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 8px;
}

.el-picker-panel__icon-btn:hover {
    color: #409eff;
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb;
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed;
}

.el-picker-panel__link-btn {
    vertical-align: middle;
}

.el-picker-panel [slot="sidebar"],
.el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    background-color: #fff;
    overflow: auto;
}

.el-picker-panel [slot="sidebar"] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
    margin-left: 110px;
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%;
}

.el-time-spinner__wrapper {
    max-height: 190px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative;
}

.el-time-spinner__wrapper
.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px;
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center;
}

.el-time-spinner__wrapper.is-arrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px);
}

.el-time-spinner__wrapper.is-arrow
.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #fff;
    cursor: default;
}

.el-time-spinner__arrow {
    font-size: 12px;
    color: #909399;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.el-time-spinner__arrow:hover {
    color: #409eff;
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px;
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px;
}

.el-time-spinner__input.el-input {
    width: 70%;
}

.el-time-spinner__list {
    margin: 0;
    list-style: none;
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
    content: "";
    display: block;
    width: 100%;
    height: 80px;
}

.el-time-spinner__item {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #606266;
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #f5f7fa;
    cursor: pointer;
}

.el-time-spinner__item.active:not(.disabled) {
    color: #303133;
    font-weight: 700;
}

.el-time-spinner__item.disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-time-panel {
    margin: 5px 0;
    border: 1px solid #e4e7ed;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;

    user-select: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.el-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden;
}

.el-time-panel__content:after,
.el-time-panel__content:before {
    content: "";
    top: 50%;
    position: absolute;
    margin-top: -15px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    text-align: left;
    border-top: 1px solid #e4e7ed;
    border-bottom: 1px solid #e4e7ed;
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%;
}

.el-time-panel__content:before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%;
}

.el-time-panel__content.has-seconds:after {
    left: 66.66667%;
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.33333%;
}

.el-time-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    height: 36px;
    line-height: 25px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-time-panel__btn {
    border: none;
    line-height: 28px;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px;
    color: #303133;
}

.el-time-panel__btn.confirm {
    font-weight: 800;
    color: #409eff;
}

.el-time-range-picker {
    width: 354px;
    overflow: visible;
}

.el-time-range-picker__content {
    position: relative;
    text-align: center;
    padding: 10px;
}

.el-time-range-picker__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
    display: inline-block;
}

.el-time-range-picker__header {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px;
}

.el-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid #e4e7ed;
}

.el-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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea__inner:-ms-input-placeholder,
.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: 0;
    border-color: #409eff;
}

.el-textarea .el-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c;
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px;
}

.el-input .el-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.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: 0;
    padding: 0 15px;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

.el-input__prefix,
.el-input__suffix {
    position: absolute;
    top: 0;

    text-align: center;
    height: 100%;
    color: #c0c4cc;
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner:-ms-input-placeholder,
.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner::placeholder {
    color: #c0c4cc;
}

.el-input__inner:hover {
    border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409eff;
    outline: 0;
}

.el-input__suffix {
    right: 5px;
    transition: all 0.3s;
    pointer-events: none;
}

.el-input__suffix-inner {
    pointer-events: all;
}

.el-input__prefix {
    left: 5px;
    transition: all 0.3s;
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;

    transition: all 0.3s;
    line-height: 40px;
}

.el-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.el-input__validateIcon {
    pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c;
}

.el-input--suffix .el-input__inner {
    padding-right: 30px;
}

.el-input--prefix .el-input__inner {
    padding-left: 30px;
}

.el-input--medium {
    font-size: 14px;
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px;
}

.el-input--medium .el-input__icon {
    line-height: 36px;
}

.el-input--small {
    font-size: 13px;
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px;
}

.el-input--small .el-input__icon {
    line-height: 32px;
}

.el-input--mini {
    font-size: 12px;
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px;
}

.el-input--mini .el-input__icon {
    line-height: 28px;
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.el-input-group > .el-input__inner {
    vertical-align: middle;
    display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit;
}

.el-input-group__prepend {
    border-right: 0;
}

.el-input-group__append {
    border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent;
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.el-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 0.34s ease-out;
    transition: opacity 0.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: hsla(220, 4%, 58%, 0.3);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.el-scrollbar__thumb:hover {
    background-color: hsla(220, 4%, 58%, 0.5);
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.12s ease-out;
    transition: opacity 0.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-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, 0.03));
    filter: drop-shadow(0 2px 12px rgba(0, 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-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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(0.45);
    transform: scale(0.45);
}

.collapse-transition {
    -webkit-transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
    transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
}

.horizontal-collapse-transition {
    -webkit-transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-date-editor {
    position: relative;
    display: inline-block;
    text-align: left;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 220px;
}

.el-date-editor--monthrange.el-input,
.el-date-editor--monthrange.el-input__inner {
    width: 300px;
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
    width: 350px;
}

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
    width: 400px;
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer;
}

.el-date-editor .el-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: #c0c4cc;
    float: left;
    line-height: 32px;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
    height: 100%;
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    padding: 0;
    width: 39%;
    color: #606266;
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-date-editor .el-range-input:-ms-input-placeholder,
.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 {
    padding: 0 5px;
    line-height: 32px;
    width: 5%;
    color: #303133;
}

.el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: #c0c4cc;
    width: 25px;
    display: inline-block;

    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: #409eff;
}

.el-range-editor--medium.el-input__inner {
    height: 36px;
}

.el-range-editor--medium .el-range-separator {
    line-height: 28px;
    font-size: 14px;
}

.el-range-editor--medium .el-range-input {
    font-size: 14px;
}

.el-range-editor--medium .el-range__close-icon,
.el-range-editor--medium .el-range__icon {
    line-height: 28px;
}

.el-range-editor--small.el-input__inner {
    height: 32px;
}

.el-range-editor--small .el-range-separator {
    line-height: 24px;
    font-size: 13px;
}

.el-range-editor--small .el-range-input {
    font-size: 13px;
}

.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
    line-height: 24px;
}

.el-range-editor--mini.el-input__inner {
    height: 28px;
}

.el-range-editor--mini .el-range-separator {
    line-height: 20px;
    font-size: 12px;
}

.el-range-editor--mini .el-range-input {
    font-size: 12px;
}

.el-range-editor--mini .el-range__close-icon,
.el-range-editor--mini .el-range__icon {
    line-height: 20px;
}

.el-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: #e4e7ed;
}

.el-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-range-editor.is-disabled input:-ms-input-placeholder,
.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, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 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: 0;
    cursor: pointer;
}

.el-picker-panel__shortcut:hover {
    color: #409eff;
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409eff;
}

.el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px;
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed;
}

.el-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 8px;
}

.el-picker-panel__icon-btn:hover {
    color: #409eff;
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb;
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed;
}

.el-picker-panel__link-btn {
    vertical-align: middle;
}

.el-picker-panel [slot="sidebar"],
.el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    background-color: #fff;
    overflow: auto;
}

.el-picker-panel [slot="sidebar"] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
    margin-left: 110px;
}

.el-date-picker {
    width: 322px;
}

.el-date-picker.has-sidebar.has-time {
    width: 434px;
}

.el-date-picker.has-sidebar {
    width: 438px;
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative;
}

.el-date-picker .el-picker-panel__content {
    width: 292px;
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%;
}

.el-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px;
}

.el-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-date-picker__header {
    margin: 12px;
    text-align: center;
}

.el-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebeef5;
}

.el-date-picker__header--bordered + .el-picker-panel__content {
    margin-top: 0;
}

.el-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #606266;
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
    color: #409eff;
}

.el-date-picker__prev-btn {
    float: left;
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center;
}

.el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-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 0.34s ease-out;
    transition: opacity 0.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: hsla(220, 4%, 58%, 0.3);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.el-scrollbar__thumb:hover {
    background-color: hsla(220, 4%, 58%, 0.5);
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.12s ease-out;
    transition: opacity 0.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-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, 0.03));
    filter: drop-shadow(0 2px 12px rgba(0, 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;
}

.time-select {
    margin: 5px 0;
    min-width: 0;
}

.time-select .el-picker-panel__content {
    max-height: 200px;
    margin: 0;
}

.time-select-item {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
}

.time-select-item.selected:not(.disabled) {
    color: #409eff;
    font-weight: 700;
}

.time-select-item.disabled {
    color: #e4e7ed;
    cursor: not-allowed;
}

.time-select-item:hover {
    background-color: #f5f7fa;
    font-weight: 700;
    cursor: pointer;
}

.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div,
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
    background-color: #f2f6fc;
}

.el-date-table {
    font-size: 12px;

    user-select: none;
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: #606266;
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.el-date-table td {
    width: 32px;
    padding: 4px 0;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.el-date-table td,
.el-date-table td div {
    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: #409eff;
    font-weight: 700;
}

.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
    color: #fff;
}

.el-date-table td.available:hover {
    color: #409eff;
}

.el-date-table td.current:not(.disabled) span {
    color: #fff;
    background-color: #409eff;
}

.el-date-table td.end-date div,
.el-date-table td.start-date div {
    color: #fff;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background-color: #409eff;
}

.el-date-table td.start-date div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.el-date-table td.end-date div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.el-date-table td.disabled div {
    background-color: #f5f7fa;
    opacity: 1;
    cursor: not-allowed;
    color: #c0c4cc;
}

.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0;
}

.el-date-table td.selected div {
    margin-left: 5px;
    margin-right: 5px;
    background-color: #f2f6fc;
    border-radius: 15px;
}

.el-date-table td.selected div:hover {
    background-color: #f2f6fc;
}

.el-date-table td.selected span {
    background-color: #409eff;
    color: #fff;
    border-radius: 15px;
}

.el-date-table td.week {
    font-size: 80%;
    color: #606266;
}

.el-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: #409eff;
    font-weight: 700;
}

.el-month-table td.today.end-date .cell,
.el-month-table td.today.start-date .cell {
    color: #fff;
}

.el-month-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc;
}

.el-month-table td.disabled .cell:hover {
    color: #c0c4cc;
}

.el-month-table td .cell {
    width: 60px;
    height: 36px;
    display: block;
    line-height: 36px;
    color: #606266;
    margin: 0 auto;
    border-radius: 18px;
}

.el-month-table td .cell:hover {
    color: #409eff;
}

.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
    background-color: #f2f6fc;
}

.el-month-table td.end-date div,
.el-month-table td.start-date div {
    color: #fff;
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
    color: #fff;
    background-color: #409eff;
}

.el-month-table td.start-date div {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.el-month-table td.end-date div {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

.el-month-table td.current:not(.disabled) .cell {
    color: #409eff;
}

.el-year-table {
    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: #409eff;
    font-weight: 700;
}

.el-year-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc;
}

.el-year-table td.disabled .cell:hover {
    color: #c0c4cc;
}

.el-year-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px;
    color: #606266;
    margin: 0 auto;
}

.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
    color: #409eff;
}

.el-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: #409eff;
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px;
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px;
}

.el-time-spinner__input.el-input {
    width: 70%;
}

.el-time-spinner__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-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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(0.45);
    transform: scale(0.45);
}

.collapse-transition {
    -webkit-transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
    transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
}

.horizontal-collapse-transition {
    -webkit-transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-date-editor {
    position: relative;
    display: inline-block;
    text-align: left;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 220px;
}

.el-date-editor--monthrange.el-input,
.el-date-editor--monthrange.el-input__inner {
    width: 300px;
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
    width: 350px;
}

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
    width: 400px;
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer;
}

.el-date-editor .el-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: #c0c4cc;
    float: left;
    line-height: 32px;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
    height: 100%;
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    padding: 0;
    width: 39%;
    color: #606266;
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-date-editor .el-range-input:-ms-input-placeholder,
.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 {
    padding: 0 5px;
    line-height: 32px;
    width: 5%;
    color: #303133;
}

.el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: #c0c4cc;
    width: 25px;
    display: inline-block;

    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: #409eff;
}

.el-range-editor--medium.el-input__inner {
    height: 36px;
}

.el-range-editor--medium .el-range-separator {
    line-height: 28px;
    font-size: 14px;
}

.el-range-editor--medium .el-range-input {
    font-size: 14px;
}

.el-range-editor--medium .el-range__close-icon,
.el-range-editor--medium .el-range__icon {
    line-height: 28px;
}

.el-range-editor--small.el-input__inner {
    height: 32px;
}

.el-range-editor--small .el-range-separator {
    line-height: 24px;
    font-size: 13px;
}

.el-range-editor--small .el-range-input {
    font-size: 13px;
}

.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
    line-height: 24px;
}

.el-range-editor--mini.el-input__inner {
    height: 28px;
}

.el-range-editor--mini .el-range-separator {
    line-height: 20px;
    font-size: 12px;
}

.el-range-editor--mini .el-range-input {
    font-size: 12px;
}

.el-range-editor--mini .el-range__close-icon,
.el-range-editor--mini .el-range__icon {
    line-height: 20px;
}

.el-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: #e4e7ed;
}

.el-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-range-editor.is-disabled input:-ms-input-placeholder,
.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, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 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: 0;
    cursor: pointer;
}

.el-picker-panel__shortcut:hover {
    color: #409eff;
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409eff;
}

.el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px;
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed;
}

.el-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 8px;
}

.el-picker-panel__icon-btn:hover {
    color: #409eff;
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb;
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed;
}

.el-picker-panel__link-btn {
    vertical-align: middle;
}

.el-picker-panel [slot="sidebar"],
.el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    background-color: #fff;
    overflow: auto;
}

.el-picker-panel [slot="sidebar"] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
    margin-left: 110px;
}

.el-date-picker {
    width: 322px;
}

.el-date-picker.has-sidebar.has-time {
    width: 434px;
}

.el-date-picker.has-sidebar {
    width: 438px;
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative;
}

.el-date-picker .el-picker-panel__content {
    width: 292px;
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%;
}

.el-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px;
}

.el-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-date-picker__header {
    margin: 12px;
    text-align: center;
}

.el-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebeef5;
}

.el-date-picker__header--bordered + .el-picker-panel__content {
    margin-top: 0;
}

.el-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #606266;
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
    color: #409eff;
}

.el-date-picker__prev-btn {
    float: left;
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center;
}

.el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px;
}

.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 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-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-panel,
.el-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid #e4e7ed;
}

.el-time-panel {
    margin: 5px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;

    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: 0;
    font-size: 12px;
    color: #303133;
}

.el-time-panel__btn.confirm {
    font-weight: 800;
    color: #409eff;
}

.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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea__inner:-ms-input-placeholder,
.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: 0;
    border-color: #409eff;
}

.el-textarea .el-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c;
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px;
}

.el-input .el-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.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: 0;
    padding: 0 15px;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

.el-input__prefix,
.el-input__suffix {
    position: absolute;
    top: 0;

    text-align: center;
    height: 100%;
    color: #c0c4cc;
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner:-ms-input-placeholder,
.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner::placeholder {
    color: #c0c4cc;
}

.el-input__inner:hover {
    border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409eff;
    outline: 0;
}

.el-input__suffix {
    right: 5px;
    transition: all 0.3s;
    pointer-events: none;
}

.el-input__suffix-inner {
    pointer-events: all;
}

.el-input__prefix {
    left: 5px;
    transition: all 0.3s;
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;

    transition: all 0.3s;
    line-height: 40px;
}

.el-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.el-input__validateIcon {
    pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c;
}

.el-input--suffix .el-input__inner {
    padding-right: 30px;
}

.el-input--prefix .el-input__inner {
    padding-left: 30px;
}

.el-input--medium {
    font-size: 14px;
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px;
}

.el-input--medium .el-input__icon {
    line-height: 36px;
}

.el-input--small {
    font-size: 13px;
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px;
}

.el-input--small .el-input__icon {
    line-height: 32px;
}

.el-input--mini {
    font-size: 12px;
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px;
}

.el-input--mini .el-input__icon {
    line-height: 28px;
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.el-input-group > .el-input__inner {
    vertical-align: middle;
    display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit;
}

.el-input-group__prepend {
    border-right: 0;
}

.el-input-group__append {
    border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent;
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.el-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 0.34s ease-out;
    transition: opacity 0.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: hsla(220, 4%, 58%, 0.3);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.el-scrollbar__thumb:hover {
    background-color: hsla(220, 4%, 58%, 0.5);
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.12s ease-out;
    transition: opacity 0.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-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, 0.03));
    filter: drop-shadow(0 2px 12px rgba(0, 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-checkbox,
.el-checkbox__input {
    white-space: nowrap;
    display: inline-block;
    position: relative;
}

.el-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;

    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: #409eff;
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed;
}

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
    margin-left: 10px;
}

.el-checkbox.is-bordered.el-checkbox--medium {
    padding: 7px 20px 7px 10px;
    border-radius: 4px;
    height: 36px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    line-height: 17px;
    font-size: 14px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 14px;
    width: 14px;
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 5px 15px 5px 10px;
    border-radius: 3px;
    height: 32px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    line-height: 15px;
    font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px;
}

.el-checkbox.is-bordered.el-checkbox--mini {
    padding: 3px 15px 3px 10px;
    border-radius: 3px;
    height: 28px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    line-height: 12px;
    font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
    height: 6px;
    width: 2px;
}

.el-checkbox__input {
    cursor: pointer;
    outline: 0;
    line-height: 1;
    vertical-align: middle;
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed;
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    cursor: not-allowed;
    border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
    cursor: not-allowed;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: #c0c4cc;
    border-color: #c0c4cc;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409eff;
    border-color: #409eff;
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #409eff;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #409eff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    -webkit-transform: scale(0.5);
    transform: scale(0.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 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.el-checkbox__inner:hover {
    border-color: #409eff;
}

.el-checkbox__inner:after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    -webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
    transition: -webkit-transform 0.15s ease-in 0.05s;
    transition: transform 0.15s ease-in 0.05s;
    transition: transform 0.15s ease-in 0.05s,
    -webkit-transform 0.15s ease-in 0.05s;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.el-checkbox-button__inner,
.el-tag {
    white-space: nowrap;
}

.el-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
}

.el-checkbox-button,
.el-checkbox-button__inner {
    position: relative;
    display: inline-block;
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px;
}

.el-checkbox:last-of-type {
    margin-right: 0;
}

.el-checkbox-button__inner {
    line-height: 1;
    font-weight: 500;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0;
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px;
}

.el-checkbox-button__inner:hover {
    color: #409eff;
}

.el-checkbox-button__inner [class*="el-icon-"] {
    line-height: 0.9;
}

.el-checkbox-button__inner [class*="el-icon-"] + span {
    margin-left: 5px;
}

.el-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff;
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409eff;
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #ebeef5;
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409eff;
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0;
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0;
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px;
}

.el-checkbox-group {
    font-size: 0;
}

.el-tag {
    background-color: #ecf5ff;
    border: 1px solid #d9ecff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409eff;
    border-radius: 4px;
    box-sizing: border-box;
}

.el-tag.is-hit {
    border-color: #409eff;
}

.el-tag .el-tag__close {
    color: #409eff;
}

.el-tag .el-tag__close:hover {
    color: #fff;
    background-color: #409eff;
}

.el-tag.el-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
}

.el-tag.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
    color: #909399;
}

.el-tag.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #909399;
}

.el-tag.el-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}

.el-tag.el-tag--success.is-hit {
    border-color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close {
    color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #67c23a;
}

.el-tag.el-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
}

.el-tag.el-tag--warning.is-hit {
    border-color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close {
    color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #e6a23c;
}

.el-tag.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}

.el-tag.el-tag--danger.is-hit {
    border-color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close {
    color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f56c6c;
}

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: -1px;
    right: -5px;
}

.el-tag .el-icon-close:before {
    display: block;
}

.el-tag--dark {
    background-color: #409eff;
    color: #fff;
}

.el-tag--dark,
.el-tag--dark.is-hit {
    border-color: #409eff;
}

.el-tag--dark .el-tag__close {
    color: #fff;
}

.el-tag--dark .el-tag__close:hover {
    color: #fff;
    background-color: #66b1ff;
}

.el-tag--dark.el-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff;
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #a6a9ad;
}

.el-tag--dark.el-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff;
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #67c23a;
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #85ce61;
}

.el-tag--dark.el-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #e6a23c;
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #ebb563;
}

.el-tag--dark.el-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #f56c6c;
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f78989;
}

.el-tag--plain {
    background-color: #fff;
    border-color: #b3d8ff;
    color: #409eff;
}

.el-tag--plain.is-hit {
    border-color: #409eff;
}

.el-tag--plain .el-tag__close {
    color: #409eff;
}

.el-tag--plain .el-tag__close:hover {
    color: #fff;
    background-color: #409eff;
}

.el-tag--plain.el-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399;
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #909399;
}

.el-tag--plain.el-tag--success {
    background-color: #fff;
    border-color: #c2e7b0;
    color: #67c23a;
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #67c23a;
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c;
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #e6a23c;
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c;
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f56c6c;
}

.el-tag--medium {
    height: 28px;
    line-height: 26px;
}

.el-tag--medium .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px;
}

.el-tag--small .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px;
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.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, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 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: #ecf5ff;
    color: #66b1ff;
}

.el-table-filter__list-item.is-active {
    background-color: #409eff;
    color: #fff;
}

.el-table-filter__content {
    min-width: 100px;
}

.el-table-filter__bottom {
    border-top: 1px solid #ebeef5;
    padding: 8px;
}

.el-table-filter__bottom button {
    background: 0 0;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px;
}

.el-table-filter__bottom button:hover {
    color: #409eff;
}

.el-table-filter__bottom button:focus {
    outline: 0;
}

.el-table-filter__bottom button.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-table-filter__wrap {
    max-height: 280px;
}

.el-table-filter__checkbox-group {
    padding: 10px;
}

.el-table-filter__checkbox-group label.el-checkbox {
    display: block;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 5px;
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0;
}

.el-checkbox,
.el-checkbox__input {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.el-table,
.el-table__append-wrapper {
    overflow: hidden;
}

.el-table--hidden,
.el-table td.is-hidden > *,
.el-table th.is-hidden > * {
    visibility: hidden;
}

.el-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    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: #409eff;
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed;
}

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
    margin-left: 10px;
}

.el-checkbox.is-bordered.el-checkbox--medium {
    padding: 7px 20px 7px 10px;
    border-radius: 4px;
    height: 36px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    line-height: 17px;
    font-size: 14px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 14px;
    width: 14px;
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 5px 15px 5px 10px;
    border-radius: 3px;
    height: 32px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    line-height: 15px;
    font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px;
}

.el-checkbox.is-bordered.el-checkbox--mini {
    padding: 3px 15px 3px 10px;
    border-radius: 3px;
    height: 28px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    line-height: 12px;
    font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
    height: 6px;
    width: 2px;
}

.el-checkbox__input {
    cursor: pointer;
    outline: 0;
    line-height: 1;
    vertical-align: middle;
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed;
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    cursor: not-allowed;
    border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
    cursor: not-allowed;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: #c0c4cc;
    border-color: #c0c4cc;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409eff;
    border-color: #409eff;
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #409eff;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #409eff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    -webkit-transform: scale(0.5);
    transform: scale(0.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 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.el-checkbox__inner:hover {
    border-color: #409eff;
}

.el-checkbox__inner:after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    -webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
    transition: -webkit-transform 0.15s ease-in 0.05s;
    transition: transform 0.15s ease-in 0.05s;
    transition: transform 0.15s ease-in 0.05s,
    -webkit-transform 0.15s ease-in 0.05s;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.el-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
}

.el-checkbox-button,
.el-checkbox-button__inner {
    position: relative;
    display: inline-block;
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px;
}

.el-checkbox:last-of-type {
    margin-right: 0;
}

.el-checkbox-button__inner {
    line-height: 1;
    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: 0;
    margin: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0;
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px;
}

.el-checkbox-button__inner:hover {
    color: #409eff;
}

.el-checkbox-button__inner [class*="el-icon-"] {
    line-height: 0.9;
}

.el-checkbox-button__inner [class*="el-icon-"] + span {
    margin-left: 5px;
}

.el-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff;
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409eff;
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #ebeef5;
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409eff;
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0;
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0;
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px;
}

.el-checkbox-group {
    font-size: 0;
}

.el-tag {
    background-color: #ecf5ff;
    border: 1px solid #d9ecff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409eff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}

.el-tag.is-hit {
    border-color: #409eff;
}

.el-tag .el-tag__close {
    color: #409eff;
}

.el-tag .el-tag__close:hover {
    color: #fff;
    background-color: #409eff;
}

.el-tag.el-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
}

.el-tag.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
    color: #909399;
}

.el-tag.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #909399;
}

.el-tag.el-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}

.el-tag.el-tag--success.is-hit {
    border-color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close {
    color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #67c23a;
}

.el-tag.el-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
}

.el-tag.el-tag--warning.is-hit {
    border-color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close {
    color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #e6a23c;
}

.el-tag.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}

.el-tag.el-tag--danger.is-hit {
    border-color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close {
    color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f56c6c;
}

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: -1px;
    right: -5px;
}

.el-tag .el-icon-close:before {
    display: block;
}

.el-tag--dark {
    background-color: #409eff;
    color: #fff;
}

.el-tag--dark,
.el-tag--dark.is-hit {
    border-color: #409eff;
}

.el-tag--dark .el-tag__close {
    color: #fff;
}

.el-tag--dark .el-tag__close:hover {
    color: #fff;
    background-color: #66b1ff;
}

.el-tag--dark.el-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff;
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #a6a9ad;
}

.el-tag--dark.el-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff;
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #67c23a;
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #85ce61;
}

.el-tag--dark.el-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #e6a23c;
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #ebb563;
}

.el-tag--dark.el-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #f56c6c;
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f78989;
}

.el-tag--plain {
    background-color: #fff;
    border-color: #b3d8ff;
    color: #409eff;
}

.el-tag--plain.is-hit {
    border-color: #409eff;
}

.el-tag--plain .el-tag__close {
    color: #409eff;
}

.el-tag--plain .el-tag__close:hover {
    color: #fff;
    background-color: #409eff;
}

.el-tag--plain.el-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399;
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #909399;
}

.el-tag--plain.el-tag--success {
    background-color: #fff;
    border-color: #c2e7b0;
    color: #67c23a;
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #67c23a;
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c;
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #e6a23c;
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c;
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f56c6c;
}

.el-tag--medium {
    height: 28px;
    line-height: 26px;
}

.el-tag--medium .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px;
}

.el-tag--small .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px;
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.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-table,
.el-table__expanded-cell {
    background-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-table {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #606266;
}

.el-table--mini,
.el-table--small,
.el-table__expand-icon {
    font-size: 12px;
}

.el-table__empty-block {
    min-height: 60px;
    text-align: center;
    width: 100%;
    display: -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;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    height: 20px;
}

.el-table__expand-icon--expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.el-table__expand-icon > .el-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
}

.el-table__expanded-cell[class*="cell"] {
    padding: 20px 50px;
}

.el-table__expanded-cell:hover {
    background-color: transparent !important;
}

.el-table__placeholder {
    display: inline-block;
    width: 20px;
}

.el-table--fit {
    border-right: 0;
    border-bottom: 0;
}

.el-table--fit td.gutter,
.el-table--fit th.gutter {
    border-right-width: 1px;
}

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: auto;
}

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto;
}

.el-table thead {
    color: #909399;
    font-weight: 500;
}

.el-table thead.is-group th {
    background: #f5f7fa;
}

.el-table th,
.el-table tr {
    background-color: #fff;
}

.el-table td,
.el-table th {
    padding: 12px 0;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left;
}

.el-table td.is-center,
.el-table th.is-center {
    text-align: center;
}

.el-table td.is-right,
.el-table th.is-right {
    text-align: right;
}

.el-table td.gutter,
.el-table th.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0;
}

.el-table--medium td,
.el-table--medium th {
    padding: 10px 0;
}

.el-table--small td,
.el-table--small th {
    padding: 8px 0;
}

.el-table--mini td,
.el-table--mini th {
    padding: 6px 0;
}

.el-table--border td:first-child .cell,
.el-table--border th:first-child .cell,
.el-table .cell {
    padding-left: 10px;
}

.el-table tr input[type="checkbox"] {
    margin: 0;
}

.el-table td,
.el-table th.is-leaf {
    border-bottom: 1px solid #ebeef5;
}

.el-table th.is-sortable {
    cursor: pointer;
}

.el-table th {
    overflow: hidden;
    user-select: none;
}

.el-table th > .cell {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.el-table th > .cell.highlight {
    color: #409eff;
}

.el-table th.required > div:before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4d51;
    margin-right: 5px;
    vertical-align: middle;
}

.el-table td div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-table td.gutter {
    width: 0;
}

.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-right: 10px;
}

.el-table .cell.el-tooltip {
    white-space: nowrap;
    min-width: 50px;
}

.el-table--border,
.el-table--group {
    border: 1px solid #ebeef5;
}

.el-table--border:after,
.el-table--group:after,
.el-table:before {
    content: "";
    position: absolute;
    background-color: #ebeef5;
    z-index: 1;
}

.el-table--border:after,
.el-table--group:after {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
}

.el-table:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
}

.el-table--border {
    border-right: none;
    border-bottom: none;
}

.el-table--border.el-loading-parent--relative {
    border-color: transparent;
}

.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right: 1px solid #ebeef5;
}

.el-table--border th.gutter:last-of-type {
    border-bottom: 1px solid #ebeef5;
    border-bottom-width: 1px;
}

.el-table--border th,
.el-table__fixed-right-patch {
    border-bottom: 1px solid #ebeef5;
}

.el-table__fixed,
.el-table__fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}

.el-table__fixed-right:before,
.el-table__fixed:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ebeef5;
    z-index: 4;
}

.el-table__fixed-right-patch {
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #fff;
}

.el-table__fixed-right {
    top: 0;
    left: auto;
    right: 0;
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
    left: auto;
    right: 0;
}

.el-table__fixed-header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.el-table__fixed-footer-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}

.el-table__fixed-footer-wrapper tbody td {
    border-top: 1px solid #ebeef5;
    background-color: #f5f7fa;
    color: #606266;
}

.el-table__fixed-body-wrapper {
    position: absolute;
    left: 0;
    top: 37px;
    overflow: hidden;
    z-index: 3;
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%;
}

.el-table__footer-wrapper {
    margin-top: -1px;
}

.el-table__footer-wrapper td {
    border-top: 1px solid #ebeef5;
}

.el-table__body,
.el-table__footer,
.el-table__header {
    table-layout: fixed;
    border-collapse: separate;
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
    overflow: hidden;
}

.el-table__footer-wrapper tbody td,
.el-table__header-wrapper tbody td {
    background-color: #f5f7fa;
    color: #606266;
}

.el-table__body-wrapper {
    overflow: hidden;
    position: relative;
}

.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.el-table__body-wrapper
.el-table--border.is-scrolling-right
~ .el-table__fixed-right {
    border-left: 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: #409eff;
}

.el-table .descending .sort-caret.descending {
    border-top-color: #409eff;
}

.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: #ecf5ff;
}

.el-table__body tr.hover-row.current-row > td,
.el-table__body tr.hover-row.el-table__row--striped.current-row > td,
.el-table__body tr.hover-row.el-table__row--striped > td,
.el-table__body tr.hover-row > td {
    background-color: #f5f7fa;
}

.el-table__body tr.current-row > td {
    background-color: #ecf5ff;
}

.el-table__column-resize-proxy {
    position: absolute;
    left: 200px;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px solid #ebeef5;
    z-index: 10;
}

.el-table__column-filter-trigger {
    display: inline-block;
    line-height: 34px;
    cursor: pointer;
}

.el-table__column-filter-trigger i {
    color: #909399;
    font-size: 12px;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}

.el-table--enable-row-transition .el-table__body td {
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.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-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, 0.03));
    filter: drop-shadow(0 2px 12px rgba(0, 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-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, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 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;
}

.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 0;
}

.el-radio-button,
.el-radio-button__inner {
    display: inline-block;
    position: relative;
    outline: 0;
}

.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 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0;
}

.el-radio-button__inner.is-round {
    padding: 12px 20px;
}

.el-radio-button__inner:hover {
    color: #409eff;
}

.el-radio-button__inner [class*="el-icon-"] {
    line-height: 0.9;
}

.el-radio-button__inner [class*="el-icon-"] + span {
    margin-left: 5px;
}

.el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.el-radio-button__orig-radio {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #409eff;
    box-shadow: -1px 0 0 0 #409eff;
}

.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
    background-color: #f2f6fc;
}

.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 4px 4px 0;
}

.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: 4px;
}

.el-radio-button--medium .el-radio-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0;
}

.el-radio-button--medium .el-radio-button__inner.is-round {
    padding: 10px 20px;
}

.el-radio-button--small .el-radio-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0;
}

.el-radio-button--small .el-radio-button__inner.is-round {
    padding: 9px 15px;
}

.el-radio-button--mini .el-radio-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0;
}

.el-radio-button--mini .el-radio-button__inner.is-round {
    padding: 7px 15px;
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    -webkit-box-shadow: 0 0 2px 2px #409eff;
    box-shadow: 0 0 2px 2px #409eff;
}

.el-radio,
.el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px;
}

.el-radio,
.el-radio__input {
    white-space: nowrap;
    line-height: 1;
    outline: 0;
}

.el-radio,
.el-radio__inner,
.el-radio__input {
    position: relative;
    display: inline-block;
}

.el-radio {
    color: #606266;
    font-weight: 500;
    cursor: pointer;
    margin-right: 30px;
}

.el-radio.is-bordered {
    padding: 12px 20px 0 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
}

.el-radio.is-bordered.is-checked {
    border-color: #409eff;
}

.el-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #ebeef5;
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
}

.el-radio.is-bordered + .el-radio.is-bordered {
    margin-left: 10px;
}

.el-radio--medium.is-bordered {
    padding: 10px 20px 0 10px;
    border-radius: 4px;
    height: 36px;
}

.el-radio--mini.is-bordered .el-radio__label,
.el-radio--small.is-bordered .el-radio__label {
    font-size: 12px;
}

.el-radio--medium.is-bordered .el-radio__inner {
    height: 14px;
    width: 14px;
}

.el-radio--small.is-bordered {
    padding: 8px 15px 0 10px;
    border-radius: 3px;
    height: 32px;
}

.el-radio--small.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px;
}

.el-radio--mini.is-bordered {
    padding: 6px 15px 0 10px;
    border-radius: 3px;
    height: 28px;
}

.el-radio--mini.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px;
}

.el-radio:last-child {
    margin-right: 0;
}

.el-radio__input {
    cursor: pointer;
    vertical-align: middle;
}

.el-radio__input.is-disabled .el-radio__inner {
    cursor: not-allowed;
}

.el-radio__input.is-disabled .el-radio__inner:after {
    cursor: not-allowed;
    background-color: #f5f7fa;
}

.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
    cursor: not-allowed;
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: #c0c4cc;
}

.el-radio__input.is-disabled + span.el-radio__label {
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #409eff;
    background: #409eff;
}

.el-radio__input.is-checked .el-radio__inner:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.el-radio__input.is-checked + .el-radio__label {
    color: #409eff;
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: #409eff;
}

.el-radio__inner {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-radio__inner:hover {
    border-color: #409eff;
}

.el-radio__inner:after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform 0.15s ease-in;
    transition: -webkit-transform 0.15s ease-in;
    transition: transform 0.15s ease-in;
    transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
}

.el-radio__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    -webkit-box-shadow: 0 0 2px 2px #409eff;
    box-shadow: 0 0 2px 2px #409eff;
}

.el-radio__label {
    font-size: 14px;
    padding-left: 10px;
}

.el-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-dropdown__item {
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.el-select-dropdown__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-select-dropdown__item.is-disabled:hover {
    background-color: #fff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: #f5f7fa;
}

.el-select-dropdown__item.selected {
    color: #409eff;
    font-weight: 700;
}

.el-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, 0.03));
    filter: drop-shadow(0 2px 12px rgba(0, 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-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, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409eff;
    background-color: #fff;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: #f5f7fa;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    position: absolute;
    right: 20px;
    font-family: element-icons;
    content: "\E6DA";
    font-size: 12px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0;
}

.el-select-dropdown__empty {
    padding: 10px 0;
    margin: 0;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.el-select-dropdown__wrap {
    max-height: 274px;
}

.el-select-dropdown__list {
    list-style: none;
    padding: 6px 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea__inner:-ms-input-placeholder,
.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: 0;
    border-color: #409eff;
}

.el-textarea .el-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c;
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px;
}

.el-input .el-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.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: 0;
    padding: 0 15px;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

.el-select-dropdown__item,
.el-tag {
    white-space: nowrap;
}

.el-input__prefix,
.el-input__suffix {
    position: absolute;
    top: 0;

    height: 100%;
    color: #c0c4cc;
    text-align: center;
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner:-ms-input-placeholder,
.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner::placeholder {
    color: #c0c4cc;
}

.el-input__inner:hover {
    border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409eff;
    outline: 0;
}

.el-input__suffix {
    right: 5px;
    transition: all 0.3s;
    pointer-events: none;
}

.el-input__suffix-inner {
    pointer-events: all;
}

.el-input__prefix {
    left: 5px;
    transition: all 0.3s;
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;

    transition: all 0.3s;
    line-height: 40px;
}

.el-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.el-input__validateIcon {
    pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c;
}

.el-input--suffix .el-input__inner {
    padding-right: 30px;
}

.el-input--prefix .el-input__inner {
    padding-left: 30px;
}

.el-input--medium {
    font-size: 14px;
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px;
}

.el-input--medium .el-input__icon {
    line-height: 36px;
}

.el-input--small {
    font-size: 13px;
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px;
}

.el-input--small .el-input__icon {
    line-height: 32px;
}

.el-input--mini {
    font-size: 12px;
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px;
}

.el-input--mini .el-input__icon {
    line-height: 28px;
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.el-input-group > .el-input__inner {
    vertical-align: middle;
    display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit;
}

.el-input-group__prepend {
    border-right: 0;
}

.el-input-group__append {
    border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent;
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.el-tag {
    background-color: #ecf5ff;
    border: 1px solid #d9ecff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409eff;
    border-radius: 4px;
    box-sizing: border-box;
}

.el-tag.is-hit {
    border-color: #409eff;
}

.el-tag .el-tag__close {
    color: #409eff;
}

.el-tag .el-tag__close:hover {
    color: #fff;
    background-color: #409eff;
}

.el-tag.el-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
}

.el-tag.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
    color: #909399;
}

.el-tag.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #909399;
}

.el-tag.el-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}

.el-tag.el-tag--success.is-hit {
    border-color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close {
    color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #67c23a;
}

.el-tag.el-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
}

.el-tag.el-tag--warning.is-hit {
    border-color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close {
    color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #e6a23c;
}

.el-tag.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}

.el-tag.el-tag--danger.is-hit {
    border-color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close {
    color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f56c6c;
}

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: -1px;
    right: -5px;
}

.el-tag .el-icon-close:before {
    display: block;
}

.el-tag--dark {
    background-color: #409eff;
    color: #fff;
}

.el-tag--dark,
.el-tag--dark.is-hit {
    border-color: #409eff;
}

.el-tag--dark .el-tag__close {
    color: #fff;
}

.el-tag--dark .el-tag__close:hover {
    color: #fff;
    background-color: #66b1ff;
}

.el-tag--dark.el-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff;
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #a6a9ad;
}

.el-tag--dark.el-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff;
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #67c23a;
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #85ce61;
}

.el-tag--dark.el-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #e6a23c;
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #ebb563;
}

.el-tag--dark.el-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #f56c6c;
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f78989;
}

.el-tag--plain {
    background-color: #fff;
    border-color: #b3d8ff;
    color: #409eff;
}

.el-tag--plain.is-hit {
    border-color: #409eff;
}

.el-tag--plain .el-tag__close {
    color: #409eff;
}

.el-tag--plain .el-tag__close:hover {
    color: #fff;
    background-color: #409eff;
}

.el-tag--plain.el-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399;
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #909399;
}

.el-tag--plain.el-tag--success {
    background-color: #fff;
    border-color: #c2e7b0;
    color: #67c23a;
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #67c23a;
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c;
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #e6a23c;
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c;
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f56c6c;
}

.el-tag--medium {
    height: 28px;
    line-height: 26px;
}

.el-tag--medium .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px;
}

.el-tag--small .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px;
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.el-select-dropdown__item {
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    cursor: pointer;
}

.el-select-dropdown__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-select-dropdown__item.is-disabled:hover {
    background-color: #fff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: #f5f7fa;
}

.el-select-dropdown__item.selected {
    color: #409eff;
    font-weight: 700;
}

.el-select-group {
    margin: 0;
    padding: 0;
}

.el-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px;
}

.el-select-group__wrap:not(:last-of-type):after {
    content: "";
    position: absolute;
    display: block;
    left: 20px;
    right: 20px;
    bottom: 12px;
    height: 1px;
    background: #e4e7ed;
}

.el-select-group__title {
    padding-left: 20px;
    font-size: 12px;
    color: #909399;
    line-height: 30px;
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px;
}

.el-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 0.34s ease-out;
    transition: opacity 0.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: hsla(220, 4%, 58%, 0.3);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.el-scrollbar__thumb:hover {
    background-color: hsla(220, 4%, 58%, 0.5);
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.12s ease-out;
    transition: opacity 0.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-select {
    display: inline-block;
    position: relative;
}

.el-select .el-select__tags > span {
    display: contents;
}

.el-select:hover .el-input__inner {
    border-color: #c0c4cc;
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px;
}

.el-select .el-input__inner:focus {
    border-color: #409eff;
}

.el-select .el-input .el-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer;
}

.el-select .el-input .el-select__caret.is-reverse {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.el-select .el-input .el-select__caret.is-show-close {
    font-size: 14px;
    text-align: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 100%;
    color: #c0c4cc;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: #909399;
}

.el-select .el-input.is-disabled .el-input__inner {
    cursor: not-allowed;
}

.el-select .el-input.is-disabled .el-input__inner:hover {
    border-color: #e4e7ed;
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #409eff;
}

.el-select > .el-input {
    display: block;
}

.el-select__input {
    border: none;
    outline: 0;
    padding: 0;
    margin-left: 15px;
    color: #666;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 28px;
    background-color: transparent;
}

.el-select__input.is-mini {
    height: 14px;
}

.el-select__close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    z-index: 1000;
    right: 25px;
    color: #c0c4cc;
    line-height: 18px;
    font-size: 14px;
}

.el-select__close:hover {
    color: #909399;
}

.el-select__tags {
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -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(0.5px);
    transform: translateY(0.5px);
}

.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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea__inner:-ms-input-placeholder,
.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: 0;
    border-color: #409eff;
}

.el-textarea .el-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c;
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px;
}

.el-input .el-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.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: 0;
    padding: 0 15px;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

.el-input__prefix,
.el-input__suffix {
    position: absolute;
    top: 0;

    height: 100%;
    color: #c0c4cc;
    text-align: center;
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner:-ms-input-placeholder,
.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner::placeholder {
    color: #c0c4cc;
}

.el-input__inner:hover {
    border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409eff;
    outline: 0;
}

.el-input__suffix {
    right: 5px;
    transition: all 0.3s;
    pointer-events: none;
}

.el-input__suffix-inner {
    pointer-events: all;
}

.el-input__prefix {
    left: 5px;
    transition: all 0.3s;
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;

    transition: all 0.3s;
    line-height: 40px;
}

.el-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.el-input__validateIcon {
    pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c;
}

.el-input--suffix .el-input__inner {
    padding-right: 30px;
}

.el-input--prefix .el-input__inner {
    padding-left: 30px;
}

.el-input--medium {
    font-size: 14px;
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px;
}

.el-input--medium .el-input__icon {
    line-height: 36px;
}

.el-input--small {
    font-size: 13px;
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px;
}

.el-input--small .el-input__icon {
    line-height: 32px;
}

.el-input--mini {
    font-size: 12px;
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px;
}

.el-input--mini .el-input__icon {
    line-height: 28px;
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.el-input-group > .el-input__inner {
    vertical-align: middle;
    display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit;
}

.el-input-group__prepend {
    border-right: 0;
}

.el-input-group__append {
    border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent;
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.el-input-number {
    position: relative;
    display: inline-block;
    width: 180px;
    line-height: 38px;
}

.el-input-number .el-input {
    display: block;
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
}

.el-input-number__decrease,
.el-input-number__increase {
    position: absolute;
    z-index: 1;
    top: 1px;
    width: 40px;
    height: auto;
    text-align: center;
    background: #f5f7fa;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
    color: #409eff;
}

.el-input-number__decrease:hover:not(.is-disabled)
~ .el-input
.el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)
~ .el-input
.el-input__inner:not(.is-disabled) {
    border-color: #409eff;
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-input-number__increase {
    right: 1px;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #dcdfe6;
}

.el-input-number__decrease {
    left: 1px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6;
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
    border-color: #e4e7ed;
    color: #e4e7ed;
}

.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
    color: #e4e7ed;
    cursor: not-allowed;
}

.el-input-number--medium {
    width: 200px;
    line-height: 34px;
}

.el-input-number--medium .el-input-number__decrease,
.el-input-number--medium .el-input-number__increase {
    width: 36px;
    font-size: 14px;
}

.el-input-number--medium .el-input__inner {
    padding-left: 43px;
    padding-right: 43px;
}

.el-input-number--small {
    width: 130px;
    line-height: 30px;
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    width: 32px;
    font-size: 13px;
}

.el-input-number--small .el-input-number__decrease [class*="el-icon"],
.el-input-number--small .el-input-number__increase [class*="el-icon"] {
    -webkit-transform: scale(0.9);
    transform: scale(0.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(0.8);
    transform: scale(0.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(0.8);
    transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
    border-radius: 0 4px 0 0;
    border-bottom: 1px solid #dcdfe6;
}

.el-input-number.is-controls-right .el-input-number__decrease {
    right: 1px;
    bottom: 1px;
    top: auto;
    left: auto;
    border-right: none;
    border-left: 1px solid #dcdfe6;
    border-radius: 0 0 4px;
}

.el-input-number.is-controls-right[class*="medium"] [class*="decrease"],
.el-input-number.is-controls-right[class*="medium"] [class*="increase"] {
    line-height: 17px;
}

.el-input-number.is-controls-right[class*="small"] [class*="decrease"],
.el-input-number.is-controls-right[class*="small"] [class*="increase"] {
    line-height: 15px;
}

.el-input-number.is-controls-right[class*="mini"] [class*="decrease"],
.el-input-number.is-controls-right[class*="mini"] [class*="increase"] {
    line-height: 13px;
}

.el-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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea__inner:-ms-input-placeholder,
.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: 0;
    border-color: #409eff;
}

.el-textarea .el-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c;
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px;
}

.el-input .el-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.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: 0;
    padding: 0 15px;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

.el-input__prefix,
.el-input__suffix {
    position: absolute;
    top: 0;

    text-align: center;
    height: 100%;
    color: #c0c4cc;
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner:-ms-input-placeholder,
.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc;
}

.el-input__inner::placeholder {
    color: #c0c4cc;
}

.el-input__inner:hover {
    border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409eff;
    outline: 0;
}

.el-input__suffix {
    right: 5px;
    transition: all 0.3s;
    pointer-events: none;
}

.el-input__suffix-inner {
    pointer-events: all;
}

.el-input__prefix {
    left: 5px;
    transition: all 0.3s;
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;

    transition: all 0.3s;
    line-height: 40px;
}

.el-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.el-input__validateIcon {
    pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder,
.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: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c;
}

.el-input--suffix .el-input__inner {
    padding-right: 30px;
}

.el-input--prefix .el-input__inner {
    padding-left: 30px;
}

.el-input--medium {
    font-size: 14px;
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px;
}

.el-input--medium .el-input__icon {
    line-height: 36px;
}

.el-input--small {
    font-size: 13px;
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px;
}

.el-input--small .el-input__icon {
    line-height: 32px;
}

.el-input--mini {
    font-size: 12px;
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px;
}

.el-input--mini .el-input__icon {
    line-height: 28px;
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.el-input-group > .el-input__inner {
    vertical-align: middle;
    display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit;
}

.el-input-group__prepend {
    border-right: 0;
}

.el-input-group__append {
    border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent;
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

@font-face {
    font-family: element-icons;
    src: url(/iPanek_files/element-icons.woff?535877f50039c0cb49a6196a5b7517cd) format("woff"),
    url(/iPanek_files/element-icons.tff?732389ded34cb9c52dd88271f1345af9) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal;
}

[class*=" el-icon-"],
[class^="el-icon-"] {
    font-family: element-icons !important;

    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(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.el-form--inline .el-form-item,
.el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top;
}

.el-form-item:after,
.el-form-item__content:after {
    clear: both;
}

.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 {
    margin-right: 10px;
}

.el-form--inline .el-form-item__label {
    float: none;
    display: inline-block;
}

.el-form--inline.el-form--label-top .el-form-item__content {
    display: block;
}

.el-form-item {
    margin-bottom: 8px;
}

.el-form-item:after,
.el-form-item:before {
    display: table;
    content: "";
}

.el-form-item .el-form-item {
    margin-bottom: 0;
}

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
    margin-bottom: 18px;
}

.el-form-item .el-input__validateIcon {
    display: none;
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
    line-height: 36px;
}

.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
    line-height: 32px;
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px;
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
    line-height: 28px;
}

.el-form-item--mini .el-form-item__error {
    padding-top: 1px;
}

.el-form-item__label-wrap {
    float: left;
}

.el-form-item__label-wrap .el-form-item__label {
    display: inline-block;
    float: none;
}

.el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px;
}

.el-form-item__content:after,
.el-form-item__content:before {
    display: table;
    content: "";
}

.el-form-item__content .el-input-group {
    vertical-align: top;
}

.el-form-item__error {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 0;
}

.el-form-item__error--inline {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 10px;
}

.el-form-item.is-required:not(.is-no-asterisk)
.el-form-item__label-wrap
> .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
}

.el-form-item.is-error .el-input__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: #f56c6c;
}

.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
    border-color: transparent;
}

.el-form-item.is-error .el-input__validateIcon {
    color: #f56c6c;
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-block;
}

.v-modal-enter {
    -webkit-animation: v-modal-in 0.2s ease;
    animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
    -webkit-animation: v-modal-out 0.2s ease forwards;
    animation: v-modal-out 0.2s ease forwards;
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity: 0;
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0;
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
}

.el-popup-parent--hidden {
    overflow: hidden;
}

.el-dialog {
    position: relative;
    margin: 0 auto 50px;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

.el-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto;
}

.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
}

.el-dialog__header {
    padding: 20px 20px 10px;
}

.el-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 16px;
}

.el-dialog__headerbtn .el-dialog__close {
    color: #909399;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #409eff;
}

.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133;
}

.el-dialog__body {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px;
    word-break: break-all;
}

.el-dialog__footer {
    padding: 10px 20px 20px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-dialog--center {
    text-align: center;
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
    padding: 25px 25px 30px;
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit;
}

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in 0.3s;
    animation: dialog-fade-in 0.3s;
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out 0.3s;
    animation: dialog-fade-out 0.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-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.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(0.45);
    transform: scale(0.45);
}

.collapse-transition {
    -webkit-transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
    transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
}

.horizontal-collapse-transition {
    -webkit-transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.55, 0, 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 0.3s;
    transition: border-bottom-color 0.3s;
    outline: 0;
}

.el-collapse-item__arrow {
    margin: 0 8px 0 auto;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    font-weight: 300;
}

.el-collapse-item__arrow.is-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: #409eff;
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent;
}

.el-collapse-item__wrap {
    will-change: height;
    background-color: #fff;
    overflow: hidden;
    -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-checkbox,
.el-checkbox__input {
    display: inline-block;
    position: relative;
}

.el-checkbox-button__inner,
.el-checkbox__input {
    white-space: nowrap;
    vertical-align: middle;
    outline: 0;
}

.el-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;

    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: #409eff;
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed;
}

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
    margin-left: 10px;
}

.el-checkbox.is-bordered.el-checkbox--medium {
    padding: 7px 20px 7px 10px;
    border-radius: 4px;
    height: 36px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    line-height: 17px;
    font-size: 14px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 14px;
    width: 14px;
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 5px 15px 5px 10px;
    border-radius: 3px;
    height: 32px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    line-height: 15px;
    font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px;
}

.el-checkbox.is-bordered.el-checkbox--mini {
    padding: 3px 15px 3px 10px;
    border-radius: 3px;
    height: 28px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    line-height: 12px;
    font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
    height: 6px;
    width: 2px;
}

.el-checkbox__input {
    cursor: pointer;
    line-height: 1;
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed;
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    cursor: not-allowed;
    border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
    cursor: not-allowed;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: #c0c4cc;
    border-color: #c0c4cc;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409eff;
    border-color: #409eff;
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #409eff;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #409eff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    -webkit-transform: scale(0.5);
    transform: scale(0.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 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.el-checkbox__inner:hover {
    border-color: #409eff;
}

.el-checkbox__inner:after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    -webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
    transition: -webkit-transform 0.15s ease-in 0.05s;
    transition: transform 0.15s ease-in 0.05s;
    transition: transform 0.15s ease-in 0.05s,
    -webkit-transform 0.15s ease-in 0.05s;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.el-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
}

.el-checkbox-button,
.el-checkbox-button__inner {
    display: inline-block;
    position: relative;
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px;
}

.el-checkbox:last-of-type {
    margin-right: 0;
}

.el-checkbox-button__inner {
    line-height: 1;
    font-weight: 500;
    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;
    margin: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0;
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px;
}

.el-checkbox-button__inner:hover {
    color: #409eff;
}

.el-checkbox-button__inner [class*="el-icon-"] {
    line-height: 0.9;
}

.el-checkbox-button__inner [class*="el-icon-"] + span {
    margin-left: 5px;
}

.el-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff;
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409eff;
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #ebeef5;
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409eff;
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0;
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0;
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px;
}

.el-checkbox-group {
    font-size: 0;
}

.el-button-group > .el-button.is-active,
.el-button-group > .el-button.is-disabled,
.el-button-group > .el-button:active,
.el-button-group > .el-button:focus,
.el-button-group > .el-button:hover {
    z-index: 1;
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    font-weight: 500;

    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}

.el-button + .el-button {
    margin-left: 10px;
}

.el-button:focus,
.el-button:hover {
    color: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff;
}

.el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    outline: 0;
}

.el-button::-moz-focus-inner {
    border: 0;
}

.el-button [class*="el-icon-"] + span {
    margin-left: 5px;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    background: #fff;
    border-color: #409eff;
    color: #409eff;
}

.el-button.is-active,
.el-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
}

.el-button.is-plain:active {
    background: #fff;
    outline: 0;
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
}

.el-button.is-disabled.el-button--text {
    background-color: transparent;
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: #fff;
    border-color: #ebeef5;
    color: #c0c4cc;
}

.el-button.is-loading {
    position: relative;
    pointer-events: none;
}

.el-button.is-loading:before {
    pointer-events: none;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background-color: hsla(0, 0%, 100%, 0.35);
}

.el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px;
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 12px;
}

.el-button--primary {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff;
}

.el-button--primary.is-active,
.el-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
}

.el-button--primary:active {
    outline: 0;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    color: #fff;
    background-color: #a0cfff;
    border-color: #a0cfff;
}

.el-button--primary.is-plain {
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff;
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
    outline: 0;
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
    color: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff;
}

.el-button--success {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a;
}

.el-button--success:focus,
.el-button--success:hover {
    background: #85ce61;
    border-color: #85ce61;
    color: #fff;
}

.el-button--success.is-active,
.el-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
}

.el-button--success:active {
    outline: 0;
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
    color: #fff;
    background-color: #b3e19d;
    border-color: #b3e19d;
}

.el-button--success.is-plain {
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0;
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
    background: #67c23a;
    border-color: #67c23a;
    color: #fff;
}

.el-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
    outline: 0;
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
    color: #a4da89;
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}

.el-button--warning {
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c;
}

.el-button--warning:focus,
.el-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563;
    color: #fff;
}

.el-button--warning.is-active,
.el-button--warning:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
}

.el-button--warning:active {
    outline: 0;
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
    color: #fff;
    background-color: #f3d19e;
    border-color: #f3d19e;
}

.el-button--warning.is-plain {
    color: #e6a23c;
    background: #fdf6ec;
    border-color: #f5dab1;
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
    background: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}

.el-button--warning.is-plain:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
    outline: 0;
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
    color: #f0c78a;
    background-color: #fdf6ec;
    border-color: #faecd8;
}

.el-button--danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}

.el-button--danger:focus,
.el-button--danger:hover {
    background: #f78989;
    border-color: #f78989;
    color: #fff;
}

.el-button--danger.is-active,
.el-button--danger:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
}

.el-button--danger:active {
    outline: 0;
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
    color: #fff;
    background-color: #fab6b6;
    border-color: #fab6b6;
}

.el-button--danger.is-plain {
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4;
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
    background: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}

.el-button--danger.is-plain:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
    outline: 0;
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
    color: #f9a7a7;
    background-color: #fef0f0;
    border-color: #fde2e2;
}

.el-button--info {
    color: #fff;
    background-color: #909399;
    border-color: #909399;
}

.el-button--info:focus,
.el-button--info:hover {
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #fff;
}

.el-button--info.is-active,
.el-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
}

.el-button--info:active {
    outline: 0;
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
    color: #fff;
    background-color: #c8c9cc;
    border-color: #c8c9cc;
}

.el-button--info.is-plain {
    color: #909399;
    background: #f4f4f5;
    border-color: #d3d4d6;
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
    background: #909399;
    border-color: #909399;
    color: #fff;
}

.el-button--info.is-plain:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
    outline: 0;
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
    color: #bcbec2;
    background-color: #f4f4f5;
    border-color: #e9e9eb;
}

.el-button--text,
.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    border-color: transparent;
}

.el-button--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px;
}

.el-button--mini,
.el-button--small {
    font-size: 12px;
    border-radius: 3px;
}

.el-button--medium.is-round {
    padding: 10px 20px;
}

.el-button--medium.is-circle {
    padding: 10px;
}

.el-button--small,
.el-button--small.is-round {
    padding: 9px 15px;
}

.el-button--small.is-circle {
    padding: 9px;
}

.el-button--mini,
.el-button--mini.is-round {
    padding: 7px 15px;
}

.el-button--mini.is-circle {
    padding: 7px;
}

.el-button--text {
    color: #409eff;
    background: 0 0;
    padding-left: 0;
    padding-right: 0;
}

.el-button--text:focus,
.el-button--text:hover {
    color: #66b1ff;
    border-color: transparent;
    background-color: transparent;
}

.el-button--text:active {
    color: #3a8ee6;
    background-color: transparent;
}

.el-button-group {
    display: inline-block;
    vertical-align: middle;
}

.el-button-group:after,
.el-button-group:before {
    display: table;
    content: "";
}

.el-button-group:after {
    clear: both;
}

.el-button-group > .el-button {
    float: left;
    position: relative;
}

.el-button-group > .el-button + .el-button {
    margin-left: 0;
}

.el-button-group > .el-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-button-group > .el-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-button-group > .el-button:first-child:last-child {
    border-radius: 4px;
}

.el-button-group > .el-button:first-child:last-child.is-round {
    border-radius: 20px;
}

.el-button-group > .el-button:first-child:last-child.is-circle {
    border-radius: 50%;
}

.el-button-group > .el-button:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.el-button-group > .el-button:not(:last-child) {
    margin-right: -1px;
}

.el-button-group > .el-dropdown > .el-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}

.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 0.2s;
    transition: opacity 0.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: #f0f9eb;
    color: #67c23a;
}

.el-alert--success.is-light .el-alert__description {
    color: #67c23a;
}

.el-alert--success.is-dark {
    background-color: #67c23a;
    color: #fff;
}

.el-alert--info.is-light {
    background-color: #f4f4f5;
    color: #909399;
}

.el-alert--info.is-dark {
    background-color: #909399;
    color: #fff;
}

.el-alert--info .el-alert__description {
    color: #909399;
}

.el-alert--warning.is-light {
    background-color: #fdf6ec;
    color: #e6a23c;
}

.el-alert--warning.is-light .el-alert__description {
    color: #e6a23c;
}

.el-alert--warning.is-dark {
    background-color: #e6a23c;
    color: #fff;
}

.el-alert--error.is-light {
    background-color: #fef0f0;
    color: #f56c6c;
}

.el-alert--error.is-light .el-alert__description {
    color: #f56c6c;
}

.el-alert--error.is-dark {
    background-color: #f56c6c;
    color: #fff;
}

.el-alert__content {
    display: table-cell;
    padding: 0 8px;
}

.el-alert__icon {
    font-size: 16px;
    width: 16px;
}

.el-alert__icon.is-big {
    font-size: 28px;
    width: 28px;
}

.el-alert__title {
    font-size: 13px;
    line-height: 18px;
}

.el-alert__title.is-bold {
    font-weight: 700;
}

.el-alert .el-alert__description {
    font-size: 12px;
    margin: 5px 0 0;
}

.el-alert__closebtn {
    font-size: 12px;
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
}

.el-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 13px;
    top: 9px;
}

.el-alert-fade-enter,
.el-alert-fade-leave-active {
    opacity: 0;
}

.app-footer .Cookie {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.app-footer .Cookie__content a {
    color: #1877b7;
}

.app-footer .Cookie__buttons .decline {
    background: #fff;
    color: #16a0db;
    border: 1px solid #16a0db;
}

.popup-dialog .el-dialog {
    background: transparent;
    max-width: 960px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .popup-dialog .el-dialog {
        width: 75%;
    }
}

@media screen and (max-width: 767px) {
    .popup-dialog .el-dialog {
        width: 98%;
    }
}

.popup-dialog .el-dialog__header,
.popup-dialog .el-dialog__headerbtn {
    padding: 0;
}

.popup-dialog .el-dialog__headerbtn .el-dialog__close {
    background-color: #ed1c24;
    color: #fff;
    padding: 10px;
    font-size: 20px;
}

.popup-dialog .el-dialog__headerbtn:hover .el-dialog__close {
    background-color: #000;
    color: #fff;
}

.popup-dialog .el-dialog__body {
    padding: 0;
    background: transparent;
    text-align: center;
}

.popup-dialog .el-dialog__body img {
    max-width: 100%;
}

.app-header__logo {
    padding: 14px 0 20px;
    cursor: pointer;
}

.app-header__logo img {
    width: 100%;
    max-width: 360px;
    height: 40px;
    margin-right: 1vw;
}

.app-header__logo h3 {
    color: #525252;
    font-style: italic;
    border-left: 1px solid #525252;
    font-size: 0.95vw;
    padding: 1vw 0 0 1vw;
}

.app-header__logo a {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: top 0.1s, -webkit-transform 0.1s;
    transition: top 0.1s, -webkit-transform 0.1s;
    transition: top 0.1s, transform 0.1s;
    transition: top 0.1s, transform 0.1s, -webkit-transform 0.1s;
}

.app-header__items {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.app-header__items,
.app-header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.app-header__phone {
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.app-header__phone,
.app-header__phone a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.app-header__phone a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    color: #3b5264;
}

.app-header__phone a i {
    color: #ed1c24;
    font-size: 1.2em;
    padding: 0 10px;
}

.app-header__currency.el-select {
    max-width: 80px;
}

.app-header__langs.el-select {
    max-width: 120px;
}

.app-header__currency.el-select,
.app-header__langs.el-select {
    margin-right: 10px;
}

.app-header__currency.el-select .el-input__inner,
.app-header__langs.el-select .el-input__inner {
    text-transform: capitalize;
}

.app-header__currency.el-select .el-select__caret,
.app-header__langs.el-select .el-select__caret {
    color: #000;
    font-weight: 700;
}

.app-header__currency-dropdown .el-select-dropdown__item,
.app-header__langs-dropdown .el-select-dropdown__item {
    text-transform: capitalize;
}

.app-header .client-menu {
    background-color: #fff;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .app-header__logo {
        padding-left: 10px;
    }

    .app-header__logo img {
        width: 100%;
        max-width: 290px;
        height: auto;
    }

    .app-header__logo h3 {
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 767px) {
    .app-header__logo {
        padding: 0;
    }

    .app-header__logo h3 {
        display: none;
    }

    .app-header__logo a {
        position: relative;
        top: 2px;
    }

    .app-header__logo a img {
        height: 28px;
        width: 90%;
    }

    .app-header__items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
    }

    .app-header__phone {
        border: none;
        padding: 10px;
        margin: 0;
    }

    .app-header__phone p {
        display: none;
    }
}

@media screen and (min-width: 1920px) {
    .app-header__logo h3 {
        font-size: 17.8px;
        padding: 18px 0 0 18px;
    }
}

.branch-selector {
    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;
}

.branch-selector__dropdown {
    max-width: 100%;
}

.branch-selector__dropdown .el-scrollbar {
    overflow: initial;
    position: relative;
    border-radius: 8px;
    background-color: #f5f5f9;
}

.branch-selector__dropdown .el-scrollbar__wrap {
    overflow: scroll;
    overflow-x: hidden;
}

.branch-selector__dropdown .el-scrollbar__wrap::-webkit-scrollbar {
    display: none;
}

.branch-selector__dropdown .el-select-dropdown__item {
    position: static;
}

.branch-selector .el-select {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.branch-selector .el-select .el-input__inner::-webkit-input-placeholder {
    font-size: 1em;
    font-weight: 700;
    color: #3b5264;
}

.branch-selector .el-select .el-input__inner::-ms-input-placeholder {
    font-size: 1em;
    font-weight: 700;
    color: #3b5264;
}

.branch-selector .el-select .el-input__inner::placeholder {
    font-size: 1em;
    font-weight: 700;
    color: #3b5264;
}

.branch-selector .el-input .icon {
    font-size: 1.5em;
}

.branch-selector .el-input .el-select__caret {
    color: #000;
    font-weight: 700;
}

.branch-selector .el-button {
    padding: 8px;
    width: 50px;
}

.branch-selector .el-button i {
    font-size: 2em;
    padding-right: 0;
    top: 8px;
    color: #ed1c24;
}

@media (max-width: 1279px) {
    .branch-selector .i-panek-ico-location:before {
        padding-left: 0;
    }
}

.branch-option {
    height: auto;
    padding: 10px;
    width: 96.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.branch-option__icon {
    text-align: center;
    display: inline-block;
    color: #ed1c24;
    font-size: 2em;
    margin-top: 6px;
}

.branch-option__desc {
    display: inline-block;
    margin-left: 10px;
    line-height: 1.2em;
    font-size: 1.2em;
}

.branch-option__desc > .address {
    font-size: 0.8em;
}

.branch-option.selected .branch-option__desc {
    color: #082;
}

.branch-option__info {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background: #fff;
    line-height: 1.5em;
    padding: 15px;
}

.branch-option__info > .title {
    font-weight: 700;
    color: #3b5264;
}

.branch-option__info > .open-hours {
    font-weight: 300;
    color: #3b5264;
}

.branch-option__info > .open-hours dd,
.branch-option__info > .open-hours dt {
    display: inline-block;
}

.branch-option__info > .open-hours dt {
    min-width: 80px;
}

.branch-option__info > .note {
    max-width: 100%;
    width: 305px;
    white-space: break-spaces;
    display: inline-block;
    margin: 8px 0 0 -15px;
    padding: 8px 15px;
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.2em;
}

.branch-option__info > .map {
    margin: 15px -15px -25px;
}

.branch-option.selected .branch-option__info {
    color: initial;
}

.branch-option.hover {
    background: #fff;
}

.branch-option.hover .branch-option__info {
    display: block;
}

@media (max-width: 1279px) {
    .branch-option .branch-option.hover {
        background: initial;
    }

    .branch-option.hover .branch-option__info {
        display: none;
    }
}

@media screen and (max-width: 350px) {
    .branch-option__desc {
        font-size: 1em;
    }

    .branch-option__icon {
        margin-top: 1px;
    }
}

@media screen and (max-width: 1600px) {
    .branch-option__info {
        right: inherit;
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.cars {
    max-width: 1280px;
}

.cars__title {
    text-align: left;
    font-weight: 700;
    font-size: 1.5em;
    position: relative;
    padding: 15px 25px;
}

.cars__header {
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: #eee 2px 2px 8px 2px;
    box-shadow: 2px 2px 8px 2px #eee;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.cars__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.cars__list > div {
    width: 360px;
    max-width: 640px;
    margin: 10px;
}

@media screen and (max-width: 768px) {
    .cars__list > div {
        margin: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .cars__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .cars__list > div {
        margin-bottom: 10px;
    }
}

.car-model {
    border-radius: 4px;
    border: 1px solid #ddd;
    position: relative;
}

.car-model.is-highlighted {
    -webkit-box-shadow: #aaa 2px 2px 8px 2px;
    box-shadow: 2px 2px 8px 2px #aaa;
}

.car-model__more {
    padding: 20px;
    color: #5e5e5e;
    font-size: 0.8em;
    position: absolute;
    z-index: 1020;
    -webkit-box-shadow: #aaa 0 15px 8px 2px;
    box-shadow: 0 15px 8px 2px #aaa;
    background-color: #fff;
    margin-top: -4px;
}

.car-model__more h2 {
    padding: 10px 0;
}

.car-model__more p {
    font-size: 0.8em;
}

.car-model__more table {
    width: 100%;
}

.car-model__more table tr {
    border-bottom: 1px solid #aaa;
}

.car-model__more table tr td {
    padding: 5px;
}

.car-model__more ul {
    margin-left: 20px;
}

.car-model__more ul li {
    padding: 3px 0;
}

.car-model__model {
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 160px;
    max-width: 250px;
    margin: 0 auto;
    height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.car-model__model > img {
    max-width: 100%;
    max-height: 100%;
}

.car-model__title {
    padding: 4px 20px;
    font-size: 1.5em;
    min-height: 45px;
    text-transform: capitalize;
}

.car-model__subtitle {
    height: 40px;
    padding: 2px 20px 10px;
    color: #888;
    font-size: 0.9em;
}

.car-model__props {
    border-top: 1px solid #ddd;
    padding: 13px 0 13px 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.car-model__props,
.car-model__props > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.car-model__props > span {
    white-space: nowrap;
    width: 30%;
    margin: 5px 0 5px 5px;
    font-size: 0.8em;
    font-weight: 500;
    color: #3b5264;
}

.car-model__props > span > i {
    color: #ed1c24;
    margin-right: 5px;
}

.car-model__submit {
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 15px;
}

.car-model__submit .btn {
    width: 100%;
}

@media (max-width: 1279px) {
    .car-model__props > span {
        width: 45%;
    }
}

.car-filters {
    margin: 0 20px 10px;
    text-align: left;
}

.car-filters .btn--white:hover, .car-filters .btn--white:focus {
    background: #ecf5ff;
}

.car-filters__title {
    padding: 0 20px 0 0;
}

.car-filters .el-checkbox-group {
    display: inline-block;
}

.car-filters .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #3b5264;
}

@media screen and (max-width: 767px) {
    .car-filters {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 4px;
        padding: 16px;
        display: flex;
    }

    .car-filters .dropdown {
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 0px;
    }

    .car-filters .dropdown:last-child {
        display: flex;
    }

    .car-filters .dropdown:last-child .btn {
        margin: 0;
    }

    .car-filters__title {
        padding: 12px 20px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .car-filters__title:after {
        content: "";
        clear: both;
        display: table;
    }

    .car-filters__switch {
        color: #000;
    }

    .car-filters .el-checkbox-group {
        display: block;
        padding: 0;
    }

    .car-filters .el-checkbox {
        border-top: 1px solid #eee;
        display: block;
        padding: 6px;
        font-weight: 700;
    }
}

.career {
    margin: 0;
    text-align: center;
}

.career img {
    max-width: 100%;
}

.career h2 {
    font-size: 40px;
    margin: 100px auto 30px;
}

.career p {
    max-width: 1140px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.5em;
}

.career__container .seasons-banner {
    height: 500px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.career__container .seasons-banner > img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}

.career__empty {
    background-color: #fef0f0;
    color: #f56c6c;
    border-radius: 4px;
    padding: 20px 0;
}

.career__empty a {
    color: inherit;
    font-weight: 700;
}

.career__empty a:hover {
    color: inherit;
    text-decoration: underline;
}

.career__searching {
    margin-top: -40px;
    position: relative;
    width: 100%;
}

.career__searching ul {
    position: relative;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 4vw 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.career__searching ul:before {
    background: #082;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 110px;
    z-index: -1;
}

.career__searching ul li {
    max-width: 236px;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.4em;
    padding: 0 20px;
}

.career__searching ul i.icon {
    display: block;
    margin: 0 auto 20px;
    width: 116px;
    height: 70px;
    font-size: 3.5em;
    color: #082;
    background: #fff;
}

.career__footer {
    margin-top: 40px;
}

.career__footer ol {
    counter-reset: list-counter;
    position: relative;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    widows: 100%;
}

.career__footer ol:before {
    background: #082;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 35px;
    z-index: -1;
}

.career__footer ol li {
    position: relative;
    counter-increment: list-counter;
    max-width: 380px;
    line-height: 1.4em;
}

.career__footer ol li strong {
    display: block;
    margin: 20px auto;
    font-weight: 700;
    font-size: 1.2em;
}

.career__footer ol li:before {
    content: counter(list-counter);
    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;
    margin: 0 auto 20px;
    width: 70px;
    height: 70px;
    border-radius: 60px;
    font-size: 3em;
    font-weight: 700;
    background-color: #028208;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(90deg, #028208 0, #00bd47);
    color: #fff;
}

.career__footer ol li:after {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    width: 50%;
    height: 70px;
    background: #fff;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.career__buttons {
    max-width: 100%;
    width: 480px;
    margin: 80px auto;
}

.career__buttons .btn {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 20px auto;
    width: 100%;
}

.career__jobs {
    max-width: 810px;
    margin: 0 auto;
}

.career .gray {
    background: #f5f5f9;
    overflow: hidden;
}

.career .fullwidth {
    width: 100%;
}

.career .fullwidth img,
.career .fullwidth p {
    max-width: 100%;
}

.career .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: -10px;
}

.career .grid > div {
    width: 250px;
    max-width: 405px;
    margin: 20px 10px;
}

.career .job-search {
    max-width: 810px;
    margin: 0 auto;
}

.career .job-card {
    min-height: 200px;
}

@media screen and (max-width: 767px) {
    .career {
        width: 96%;
        margin: 0 2%;
    }

    .career h2 {
        font-size: 26px;
        margin: 30px 0;
    }

    .career p {
        font-size: 16px;
    }

    .career__container .seasons-banner {
        height: auto;
        overflow: auto;
    }

    .career__container .seasons-banner img {
        top: inherit;
        -webkit-transform: none;
        transform: none;
    }

    .career__searching ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .career__searching ul:before {
        display: none;
    }

    .career__searching ul li {
        margin-bottom: 4vw;
    }

    .career__footer ol {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .career__footer ol:before {
        display: none;
    }
}

.job-card {
    padding: 20px;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
    font-weight: 700;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .job-card {
        border: 1px solid #eee;
        border-radius: 10px;
        -webkit-box-shadow: #eee 2px 2px 8px 2px;
        box-shadow: 2px 2px 8px 2px #eee;
    }
}

.job-card__title {
    color: #082;
    font-size: 1.2em;
}

.job-card__apply {
    height: 36px;
}

.job-card__city {
    height: 36px;
    padding: 12px 20px 12px 0;
    text-transform: uppercase;
}

.job-card.hover {
    background-color: #028208;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(90deg, #028208 0, #00bd47);
    color: #fff;
}

.job-card.hover .job-card__title {
    color: #fff;
}

.job-preview {
    padding-top: 120px;
}

.job-preview__title {
    color: #082;
    font-size: 4em;
    font-weight: 700;
}

.job-preview__apply {
    max-width: 100%;
    width: 480px;
    margin: 80px auto;
}

.job-preview__apply .btn {
    padding: 20px;
}

.job-preview__subtitle {
    height: 36px;
    padding: 12px 20px 12px 0;
    font-weight: 700;
    font-size: 1.5em;
}

.job-preview__subtitle strong {
    text-transform: uppercase;
}

.job-preview__description {
    text-align: left;
    font-size: 20px;
    line-height: 1.5em;
}

.job-preview__description h3 {
    font-size: 30px;
    margin: 40px auto;
}

.job-preview__description ul {
    list-style: none;
}

.job-preview__description ul li {
    padding-left: 20px;
    position: relative;
}

.job-preview__description ul li:before {
    content: "";
    background-color: #13914c;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    color: #082;
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
}

.job-preview__updated {
    text-align: right;
    font-size: small;
    font-style: italic;
    padding: 10px;
}

.job-search {
    height: 80px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #c0c4cc;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.job-search .el-button {
    margin: 10px;
}

.job-search .el-select {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.job-search .el-select .el-input {
    height: 100%;
}

.job-search .el-select .el-input .el-select__caret {
    color: #000;
    font-weight: 700;
}

.job-search .el-select .el-input__inner {
    color: #000;
    font-weight: 700;
    padding-left: 20px;
    border-width: 0 1px 0 0;
    border-radius: 0;
    height: 100%;
}

.job-search .el-select .el-input__inner:focus {
    border-color: #c0c4cc;
}

.notification-monit {
    min-width: 360px;
}

.notification-monit .el-dialog__header,
.notification-monit .el-dialog__headerbtn .el-dialog__close {
    color: #fff;
}

.notification-monit .el-dialog__body {
    word-break: normal;
    font-size: 1em;
    line-height: 1.4em;
}

.notification-monit .el-dialog__body .validation {
    list-style: inside;
    margin-top: 10px;
}

.notification-monit .el-dialog__body .validation li {
    border-top: 1px solid #ddd;
    padding: 4px 10px;
}

.notification-monit .el-dialog__footer {
    border-top: 1px solid #ddd;
    text-align: center;
}

.notification-monit.error .el-dialog__header {
    background: #ed1c24;
}

.notification-monit.success .el-dialog__header {
    background: #082;
}

.notification-monit.attention .el-dialog__header {
    background: #1877b7;
}

@media screen and (max-width: 767px) {
    .notification-monit {
        min-width: auto;
    }
}

.client-menu {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px;
}

.client-menu,
.client-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.client-menu a {
    font-weight: 700;
    font-size: 15px;
    color: #3b5264;
}

.client-menu a i {
    padding-right: 10px;
    font-size: 1.2em;
    color: #ed1c24;
}

@media screen and (max-width: 767px) {
    .client-menu {
        border: none;
        padding: 10px;
        margin: 0;
    }

    .client-menu span {
        display: none;
    }
}

.client-panel {
    width: 100%;
}

.client-panel__content {
    width: 100%;
    padding: 3.125%;
}

.client-panel__content .tab__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.client-panel__content .tab__container .col33 {
    width: 600px;
}

.client-panel__content .tab__container .col33:first-of-type {
    font-weight: 700;
}

.client-panel__content .tab__reservation {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 10px;
}

.client-panel__content .tab__reservation td[class*="col-"],
.client-panel__content .tab__reservation th[class*="col-"] {
    text-align: center;
    padding: 20px;
}

.client-panel__content .tab__reservation td[class*="col-"] > .cell,
.client-panel__content .tab__reservation th[class*="col-"] > .cell {
    white-space: nowrap;
}

.client-panel__content .tab__reservation .is-leaf {
    font-size: 1.1em;
    color: #3b5264;
}

.client-panel__content .tab__reservation tr.confirmed td.col-status {
    color: #082;
}

.client-panel__content .tab__reservation tr.even {
    background-color: #fafafa;
}

.client-panel__content .tab__reservation tr.odd {
    background-color: #fff;
}

.client-panel__content .tab__reservation tr.expanded {
    background-color: #ddd;
}

.client-panel__content .tab__reservation td.col-status {
    text-transform: uppercase;
}

.client-panel__head {
    font-size: 1.75em;
    font-weight: 900;
    padding: 20px 0;
}

.client-panel__buttons {
    width: 100%;
    margin: 40px 0;
    text-align: center;
}

.client-panel__buttons .el-button {
    margin: 0 auto;
}

.client-panel__logout {
    padding: 22px 0;
}

.client-panel__btns {
    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;
    padding: 50px 0;
}

.client-panel__btns button {
    margin: 0 5px;
}

.client-panel .login-screen__privacy-note {
    max-width: 600px;
}

.client-panel .el-input__inner::-webkit-input-placeholder {
    text-align: center;
}

.client-panel .el-input__inner::-ms-input-placeholder {
    text-align: center;
}

.client-panel .el-input__inner::placeholder {
    text-align: center;
}

.client-panel .el-button--text {
    color: #ed1c24;
}

.client-panel .el-tabs {
    margin-top: 25px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.client-panel .el-tabs--border-card.el-tabs--top .el-tabs__item:last-child {
    padding: 30px 0;
    border-left-color: transparent;
}

.client-panel .el-tabs--border-card > .el-tabs__header .el-tabs__item {
    border-right-color: #eee;
    border-left-color: #eee;
    -webkit-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin: 0;
}

.client-panel
.el-tabs--border-card
> .el-tabs__header
.el-tabs__item:not(.is-disabled):hover {
    color: #082;
}

.client-panel
.el-tabs--border-card
> .el-tabs__header
.el-tabs__item.is-active {
    color: #3b5264;
    font-weight: 900;
    cursor: default;
}

.client-panel
.el-tabs--border-card
> .el-tabs__header
.el-tabs__item.is-active:hover {
    color: #3b5264;
}

.client-panel .el-tabs__content {
    margin-top: -11px;
    padding: 0;
}

.client-panel .el-tabs__nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #eee;
}

.client-panel .el-tabs__item {
    font-weight: 300;
    font-size: 1.4em;
    width: 50%;
    text-align: center;
    margin: 0;
    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;
    padding: 30px 0;
}

.client-panel .el-tabs__header {
    width: 600px;
    margin: 0 auto;
}

@media (max-width: 1279px) {
    .client-panel .tab__container {
        width: 100%;
    }

    .client-panel .tab__reservation td,
    .client-panel .tab__reservation th {
        text-align: center;
    }

    .client-panel .tab__reservation td[class*="col-"] {
        padding: 15px;
        line-height: 1.3;
    }

    .client-panel .tab__reservation td[class*="col-"] .cell {
        padding: 0;
    }

    .client-panel .tab__reservation .el-table__expanded-cell {
        padding: 20px 2px;
    }

    .client-panel__logout {
        padding: 18px 0;
    }
}

@media screen and (max-width: 767px) {
    .client-panel .login-screen__pane {
        padding-bottom: 20px;
    }

    .client-panel .el-input__inner {
        height: 35px;
    }

    .client-panel .datetime-picker__day {
        margin-bottom: 9px;
    }

    @supports (-ms-ime-align: auto) {
        .client-panel .datetime-picker__day {
            margin-bottom: 10px;
        }
    }
    .client-panel .el-tabs--border-card.el-tabs--top .el-tabs__item:last-child {
        padding: 15px 0;
    }

    .client-panel .el-tabs__header {
        width: 100%;
    }

    .client-panel .el-tabs__item {
        font-size: 1em;
        padding: 15px 0;
    }

    .client-panel .tab__container {
        font-size: 0.8em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .client-panel .tab__container .col33 {
        width: 100%;
    }

    .client-panel .tab__reservation {
        margin: 10px 0 0;
        border-radius: 2px;
    }

    .client-panel__btns {
        padding: 25px 0;
    }

    .client-panel__btns button {
        margin: 0 5px;
    }
}

.p-personal-panel {
    margin-top: 10px;
    border: 1px solid #eee;
    padding: 0 25px;
    list-style: none;
    border-radius: 1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.p-personal-panel,
.p-personal-panel .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-personal-panel .row {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 25px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-style: normal;
}

.p-personal-panel .row > i {
    color: #ed1c24;
    padding-right: 27px;
    padding-left: 2px;
    font-size: 1.5em;
}

.p-personal-panel .row > div > span {
    display: block;
    font-size: 0.7em;
    font-weight: 400;
    margin-bottom: 3px;
}

.p-personal-panel .el-form-item {
    margin: 0;
}

.p-personal-panel .el-form-item label:before {
    display: none;
}

.p-personal-panel .el-form-item__content {
    position: absolute;
    right: 0;
    width: 50%;
}

.p-personal-panel .el-form-item__content .el-input.unchanged input {
    border: 1px solid #dcdfe6;
    text-align: left;
    color: #ccc4cf;
}

.p-personal-panel .el-form-item__content .el-input__inner {
    height: 40px;
}

@media screen and (max-width: 767px) {
    .p-personal-panel .el-form-item {
        width: 100%;
    }

    .p-personal-panel .el-form-item label {
        line-height: 25px;
        padding-left: 2px;
    }

    .p-personal-panel .el-form-item__content {
        position: relative;
        width: 100%;
    }
}

@media (max-width: 1279px) {
    .p-personal-panel,
    .p-personal-panel .row > i {
        padding: 0 10px;
    }
}

.phone-input .vue-tel-input {
    border: 0;
    height: 40px;
}

.phone-input .vti__input {
    border: 1px solid #dcdfe6;
    border-radius: 0 4px 4px 0;
}

.phone-input .vti__dropdown {
    border: 1px solid #dcdfe6;
    border-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.phone-input .vti__dropdown-list {
    width: 120px;
}

.phone-input .vti__dropdown-list.below {
    top: 40px;
}

.phone-input .vti__dropdown strong {
    display: none;
}

.rent-item__title {
    border-bottom: 1px solid #ddd;
}

.rent-item__info dd,
.rent-item__info dt {
    margin: 4px auto 10px;
    display: inline-block;
    text-align: left;
}

.rent-item__info dt {
    width: 190px;
}

.rent-item__info dd {
    min-width: 170px;
}

.rent-item__info dd .el-button {
    margin-left: 4px;
}

.rent-item__info div {
    border-bottom: 1px solid #eee;
}

.rent-item__changes {
    text-align: right;
}

.rent-item .el-table {
    margin-bottom: 20px;
}

.rent-item .el-alert {
    margin: 10px 0;
}

.rent-item .el-alert__title {
    font-size: 15px;
}

.rent-item .el-alert__description {
    font-size: 14px;
    padding: 0;
    font-weight: 400;
}

.rent-item .el-alert .price {
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.action-dialog__dialog .el-dialog__footer {
    border-top: 1px solid #ddd;
}

.action-dialog__days.same span {
    font-weight: 700;
    color: #082;
}

.action-dialog__days.different span {
    font-weight: 700;
    color: #ed1c24;
}

.action-dialog__info {
    margin-bottom: 10px;
    word-break: normal;
}

.action-dialog__datetime.el-form-item {
    margin-bottom: 22px;
}

.action-dialog__datetime .el-form-item__label {
    pointer-events: none;
    position: absolute;
    top: 6px;
    left: 35px;
    z-index: 1020;
    font-size: 12px;
    color: #999;
}

.action-dialog__datetime .el-form-item__label:before {
    display: none;
}

.action-dialog__datetime .el-input__inner {
    border-width: 0;
    padding: 35px 25px 18px 35px;
    font-size: 1em;
    font-weight: 700;
    color: #3b5264;
}

.action-dialog__datetime .el-input .icon {
    color: #ed1c24;
    padding: 10px 3px;
    display: block;
}

.login-screen__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 10px;
}

.login-screen__pane {
    background: #fff;
    position: relative;
    padding: 20px 20px 80px;
    width: 460px;
    max-width: 600px;
    min-height: 420px;
    margin: 10px;
    text-align: center;
    border: 1px solid #eee;
    -webkit-box-shadow: #eee 2px 2px 8px 2px;
    box-shadow: 2px 2px 8px 2px #eee;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.login-screen__note {
    min-height: 110px;
}

.login-screen__note h3 {
    padding: 10px;
    font-size: 28px;
    display: block;
}

.login-screen__note b {
    color: red;
}

.login-screen__note p.small {
    font-size: 0.8em;
    text-align: center;
}

.login-screen__privacy-note {
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.5em;
}

.login-screen .el-form {
    max-width: 360px;
    margin: 0 auto;
}

.login-screen .form-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 20px;
}

.login-screen .form-bottom .el-button[type="submit"] {
    margin: 0 auto 20px;
    width: 360px;
    max-width: 100%;
}

.login-screen .el-tabs__active-bar,
.login-screen .el-tabs__nav-wrap:after {
    display: none;
}

.login-screen .el-tabs__header {
    margin: -1px;
}

.login-screen .el-tabs__item {
    border: 1px solid #f5f5f9;
    border-radius: 2px 2px 0 0;
    color: #ed1c24;
}

.login-screen .el-tabs__item.is-active {
    color: #fff;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#e4321f),
            to(#f46141)
    );
    background: linear-gradient(90deg, #e4321f 0, #f46141);
}

.login-screen .el-button.is-plain {
    width: 100%;
    white-space: normal;
}

@media screen and (min-width: 1280px) {
    .login-screen .el-button.is-plain {
        border: none;
        text-transform: none;
    }
}

@media screen and (max-width: 767px) {
    .login-screen__note h3 {
        padding-left: 0;
    }

    .login-screen__pane {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 20px 20px 80px;
        text-align: left;
        border: 0;
    }

    .login-screen .form-bottom {
        position: inherit;
    }
}

.r-form-login__modes .el-form-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.token-checkbox {
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.token-checkbox {
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.r-form-unregisterable__model {
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 160px;
    margin: 0 auto;
}

.r-form-unregisterable__model > img {
    max-width: 100%;
    max-height: 100%;
}

.user-session__remaining {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 20px;
    text-align: right;
    font-weight: 700;
}

.user-session__dialog .el-dialog__body {
    text-align: center;
}

.user-session__dialog .el-dialog__footer {
    border-top: 1px solid #ddd;
}

.user-session__dialog .r-form-login {
    position: relative;
    min-height: 300px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.user-session__dialog .r-form-login .el-form {
    max-width: 360px;
    margin: 0 auto;
}

.user-session__dialog .r-form-login .el-button[type="submit"] {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    margin: 0 auto 20px;
}

.user-session__dialog .r-form-login > .item-header {
    height: 60px;
    padding: 10px;
}

.user-session__dialog h3 {
    font-size: 18px;
    display: block;
    word-break: normal;
}

.r-form-activate .el-form {
    margin-top: 20px;
}

.contact-form {
    max-width: 600px;
}

.contact-form__wrap {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-top: 30px;
    padding: 20px;
    border-radius: 5px;
    background-color: #fff;
}

.contact-form__buttons {
    margin-top: 20px;
}

.contact-form__buttons .el-button[type="submit"] {
    margin-left: auto;
}

.contact-form__note {
    margin-top: 20px;
    font-size: 10px;
    color: gray;
    line-height: 140%;
    text-align: justify;
}

.contact-form__note > span {
    display: block;
    max-height: 30px;
    overflow: hidden;
}

.contact-form__note .more {
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}

.contact-form__note:focus-within > span,
.contact-form__note:focus > span,
.contact-form__note:hover > span {
    max-height: 100%;
}

.contact-form__note:focus-within .more,
.contact-form__note:focus .more,
.contact-form__note:hover .more {
    display: none;
}

.contact-form__timerange {
    border: 1px solid #ddd;
    padding: 4px 10px 0;
    margin-bottom: 10px;
}

.contact-form__timerange legend {
    margin: 0;
    padding: 4px;
    color: #606266;
    font-size: 12px;
    line-height: 24px;
}

.contact-form__datetime.el-form-item {
    margin-bottom: 22px;
}

.contact-form__datetime .el-form-item__label {
    pointer-events: none;
    position: absolute;
    top: 6px;
    left: 35px;
    z-index: 1020;
    font-size: 12px;
    color: #999;
}

.contact-form__datetime .el-form-item__label:before {
    display: none;
}

.contact-form__datetime .el-input__inner {
    border-width: 0;
    padding: 35px 25px 18px 35px;
    font-size: 1em;
    font-weight: 700;
    color: #3b5264;
}

.contact-form__datetime .el-input .icon {
    color: #ed1c24;
    padding: 10px 3px;
    display: block;
}

.contact-form .el-select {
    min-width: 340px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.contact-form .el-select .el-input--prefix .el-input__inner {
    padding-left: 50px;
}

.contact-form .el-select .el-input__prefix {
    left: 15px;
    top: 5px;
}

.contact-form .el-select .el-input__inner {
    border: 0;
    color: #ed1c24;
    font-weight: 700;
}

.contact-form .el-select .el-input .icon {
    font-size: 1.5em;
    color: #ed1c24;
    display: block;
}

.contact-form .el-select .el-input .el-select__caret {
    color: #000;
}

.contact-form .el-checkbox {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-form .el-textarea {
    margin-bottom: 1vw;
}

@media screen and (max-width: 767px) {
    .contact-form .el-checkbox__label {
        font-size: 12px;
    }

    .contact-form .btn {
        padding: 20px 40px;
        margin: 0 auto;
    }
}

.acceptance .el-form-item__content {
    line-height: normal;
}

.acceptance .el-checkbox {
    line-height: 1.5em;
}

.acceptance .el-checkbox__input {
    vertical-align: top;
}

.acceptance .el-checkbox__label {
    white-space: normal;
    padding-right: 10px;
    font-weight: 300;
}

.acceptance .el-checkbox[required] .el-checkbox__label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
}

.acceptance .el-checkbox + .el-checkbox {
    margin-left: 0;
}

.datetime-picker {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
}

.datetime-picker__display {
    line-height: 100%;
    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;
}

.datetime-picker__hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

.datetime-picker__left {
    margin-right: 7px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.datetime-picker__left,
.datetime-picker__right {
    padding: 0;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.datetime-picker__right {
    width: 140px;
    min-width: 120px;
}

.datetime-picker__left,
.datetime-picker__right {
    position: relative;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
}

.datetime-picker__left .datetime-picker__date input.el-input__inner,
.datetime-picker__right .datetime-picker__date input.el-input__inner {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    padding: 14px 5px 0 35px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.datetime-picker__left
.datetime-picker__date
input.el-input__inner::-webkit-input-placeholder,
.datetime-picker__right
.datetime-picker__date
input.el-input__inner::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 700;
    color: #3b5264;
}

.datetime-picker__left
.datetime-picker__date
input.el-input__inner::-ms-input-placeholder,
.datetime-picker__right
.datetime-picker__date
input.el-input__inner::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 700;
    color: #3b5264;
}

.datetime-picker__left
.datetime-picker__date
input.el-input__inner::placeholder,
.datetime-picker__right
.datetime-picker__date
input.el-input__inner::placeholder {
    font-size: 14px;
    font-weight: 700;
    color: #3b5264;
}

.datetime-picker__left
.datetime-picker__date.el-input.is-disabled
input.el-input__inner,
.datetime-picker__right
.datetime-picker__date.el-input.is-disabled
input.el-input__inner {
    background-color: #fff;
    border-radius: 0;
    cursor: not-allowed;
}

.datetime-picker__left .el-date-editor,
.datetime-picker__right .el-date-editor {
    width: 100%;
}

.datetime-picker__date,
.datetime-picker__day,
.datetime-picker__time {
    display: inline-block;
    color: #606266;
}

.datetime-picker__date:not(.placeholder),
.datetime-picker__time:not(.placeholder) {
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    color: #000;
}

.datetime-picker__months input {
    cursor: pointer;
}

.datetime-picker__day {
    pointer-events: none;
    text-transform: capitalize;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    width: auto;
    margin-left: 75px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #000;
    height: auto;
    font-weight: 700;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

@supports (-ms-ime-align: auto) {
    .datetime-picker__day {
        margin-bottom: 13px;
    }
}

.datetime-picker .placeholder {
    font-size: 1.2em;
    font-weight: 300;
    font-style: italic;
    color: #999;
}

.datetime-picker__dropdown {
    max-width: 100%;
}

.datetime-picker__dropdown .el-input-number {
    width: 106px;
    display: inline-block;
}

.datetime-picker__dropdown span.dots {
    padding: 0 5px;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .datetime-picker__display {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .datetime-picker__left,
    .datetime-picker__right {
        width: 100%;
        max-width: 100%;
        margin: 2px 0;
    }

    .datetime-picker__day {
        margin-bottom: 14px;
    }

    @supports (-ms-ime-align: auto) {
        .datetime-picker__day {
            margin-bottom: 15px;
        }
    }
}

.faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.faq .faq-menu {
    width: 31.57895%;
}

.faq .faq-panel {
    width: 65.78947%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.faq .el-collapse-item__header {
    line-height: 26px;
}

@media screen and (max-width: 767px) {
    .faq .faq {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .faq .faq-menu {
        width: 100%;
    }

    .faq .faq-menu .el-select {
        width: 80%;
        margin: 20px 10%;
        padding: 20px;
    }

    .faq .faq-panel {
        width: 100%;
    }
}

.faq-menu {
    -webkit-box-shadow: #eee 2px 2px 8px 2px;
    box-shadow: 2px 2px 8px 2px #eee;
}

.faq-menu .el-select {
    margin: 20px;
}

.faq-menu nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.faq-menu nav ul li {
    cursor: pointer;
    padding: 30px 20px;
    text-transform: capitalize;
    border-radius: 0;
    background-color: #fff;
    border-bottom: 1px solid #ebeef5;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1em;
    color: #2b2b3c;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.faq-menu nav ul li.btn--green-top {
    color: #fff;
}

.faq-menu nav ul li:nth-child(n + 1) {
    margin-top: 2px;
}

.faq-panel__title {
    padding: 30px 20px;
    font-size: 1.5em;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}

.faq-panel__attachments {
    background: #f5f5f9;
}

.faq-panel__attachments ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.faq-panel__attachments ul li {
    background: #fff;
    padding: 20px;
    text-transform: capitalize;
    border-radius: 0;
}

.faq-panel__attachments ul li:nth-child(n + 1) {
    margin-top: 2px;
}

.faq-panel .el-collapse-item__content {
    padding: 0 20px;
}

.faq-panel .el-collapse-item__content ul {
    margin-left: 20px;
}

.faq-panel .el-collapse-item__header {
    padding: 40px 20px;
    font-size: 1.1em;
    color: #2b2b3c;
}

.faq-panel .el-collapse-item__arrow {
    font-size: 0.8em;
    padding: 12px;
    border-radius: 50%;
    font-weight: 900;
    color: #fff;
    background-color: #028208;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(0deg, #028208 0, #00bd47);
}

.faq-panel .el-collapse-item__arrow:hover {
    color: #fff;
    background-color: #015005;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#015005),
            to(#008a34)
    );
    background-image: linear-gradient(0deg, #015005 0, #008a34);
}

.faq-panel .el-collapse .el-icon-arrow-right {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faq-panel .el-collapse .el-icon-arrow-right.is-active {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.faq-attachment .btn {
    display: inline-block;
}

.lastminute {
    margin: 0 0 40px;
    text-align: center;
}

.lastminute img {
    max-width: 100%;
}

.lastminute__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lastminute__header .left {
    text-align: center;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    padding: 15px;
    margin: 20px 40px 20px 20px;
}

.lastminute__header .left .icon {
    font-size: 3em;
    color: #fff;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(0deg, #028208 0, #00bd47);
    padding: 15px;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    display: block;
}

.lastminute__header .right {
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    text-align: left;
}

.lastminute__header .right h2 {
    font-size: 36px;
    padding-bottom: 10px;
}

.lastminute__header .right h3 {
    font-size: 24px;
}

.lastminute__message {
    width: 100%;
    color: #fff;
    background-color: #e4321f;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#e4321f),
            to(#f46141)
    );
    background-image: linear-gradient(90deg, #e4321f 0, #f46141);
    font-size: 18.6px;
    font-weight: 700;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.lastminute__message > span {
    margin: 20px 30px;
}

.lastminute__message .btn {
    border-radius: 10px;
    font-size: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 10px;
    text-transform: lowercase;
}

.lastminute__message .btn i {
    padding: 0 10px;
}

.lastminute__offers {
    max-width: 955px;
    margin: 0 auto;
}

.lastminute__offers .title {
    color: #999;
    padding: 40px 0 0;
    font-size: 14px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.lastminute__offers .title hr {
    content: "";
    background: none;
    height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    border-top: 1px solid #ccc;
    margin: auto;
    margin-left: 20px;
}

.lastminute__offers .title a {
    margin-left: 20px;
}

.lastminute__offers .lastminute-offer {
    margin-top: 28px;
}

.lastminute .seasons-banner {
    height: 265px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.lastminute .seasons-banner > img {
    position: relative;
    z-index: -1;
}

.lastminute .seasons-banner .wrapper,
.lastminute .seasons-banner > img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lastminute .seasons-banner .wrapper {
    position: absolute;
    left: 0;
    right: 0;
}

@media screen and (max-width: 767px) {
    .lastminute .seasons-banner {
        height: 140px;
    }

    .lastminute__message {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        line-height: 140%;
    }

    .lastminute__message .btn {
        margin: 5px 0;
        width: 100%;
        border: 1px solid #aaa;
        border-radius: 5px;
        padding: 15px 0;
        display: block;
        font-size: 1.1em;
        color: #ed1c24;
    }

    .lastminute__message .contact-box {
        padding: 20px 30px;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        background: #f5f5f9;
    }

    .lastminute__header {
        width: 100%;
    }

    .lastminute__header .left {
        display: none;
    }

    .lastminute__header .right {
        text-align: center;
        width: 100%;
    }

    .lastminute__offers {
        width: 98%;
        margin: 0 1%;
    }

    .lastminute .lastminute-offer__note {
        padding: 20px 30px;
        margin-bottom: 10px;
        background: #f5f5f9;
    }

    .lastminute .lastminute-offer .lastminute-place {
        width: 100%;
        padding: 20px 10px 0;
    }

    .lastminute .lastminute-offer__extra img {
        display: block;
        margin: 10px auto;
        clear: both;
        top: inherit;
        -webkit-transform: inherit;
        transform: inherit;
    }

    .lastminute .lastminute-offer__extra .btn {
        margin: 5px 0;
    }
}

.contact-box {
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.lastminute-offer {
    border-radius: 5px;
    border: 1px solid #ddd;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap row;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.lastminute-offer.is-past .btn {
    color: #fff;
    background-color: #ccc;
    background-image: none;
}

.lastminute-offer__content {
    width: 565px;
    min-width: 320px;
    -webkit-box-orient: vertical;
    -ms-flex-flow: wrap column;
    flex-flow: column wrap;
}

.lastminute-offer__content,
.lastminute-offer__places {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lastminute-offer__places {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: wrap row;
    flex-flow: row wrap;
}

.lastminute-offer__info {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap column;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px;
    padding: 30px;
    border-radius: 5px;
    border: 1px solid #ddd;
    -webkit-box-shadow: #ddd 0 0 20px 5px;
    box-shadow: 0 0 20px 5px #ddd;
}

.lastminute-offer__info strong {
    font-size: 24px;
    font-weight: 700;
}

.lastminute-offer__info p {
    padding: 8px;
    color: #aaa;
    font-weight: 700;
    font-size: 16px;
}

.lastminute-offer__info .btn {
    margin-top: 20px;
    font-size: 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.lastminute-offer__info .arrow {
    position: absolute;
    bottom: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 0;
    border-color: #fff transparent transparent;
}

.lastminute-offer__desc {
    padding: 0 30px 30px;
}

.lastminute-offer__desc .btn {
    text-transform: none;
}

.lastminute-offer__note {
    padding: 0 30px 20px;
}

.lastminute-offer__extra {
    width: 100%;
    border-top: 2px solid #ddd;
    padding: 10px 30px;
    font-weight: 700;
    font-size: 14px;
}

.lastminute-offer__extra .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: none;
    font-size: 16px;
    padding: 10 p;
    margin: 0 10px;
}

.lastminute-offer__extra img {
    height: 26px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 10px;
}

.lastminute-offer__overlay {
    position: absolute;
    z-index: 1;
    background-color: hsla(0, 0%, 86%, 0.6);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.lastminute-offer__unavailable {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 20px;
    border-radius: 5px 0 5px 0;
    color: #fff;
    background-color: #e4321f;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#e4321f),
            to(#f46141)
    );
    background-image: linear-gradient(90deg, #e4321f 0, #f46141);
    font-weight: 700;
    text-transform: uppercase;
}

.lastminute-offer .car-model {
    width: 390px;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: -1px;
    border-radius: 5px;
}

.lastminute-offer .car-model__title {
    min-height: auto;
    text-align: left;
}

.lastminute-offer .car-model__subtitle {
    text-align: left;
}

.lastminute-offer .car-model__props > span {
    font-weight: 700;
}

.lastminute-offer .lastminute-place {
    width: 50%;
    min-width: 260px;
    max-width: 100%;
}

.lastminute-place {
    padding: 30px 30px 10px;
    padding-right: 0;
    text-align: left;
    font-size: 14px;
}

.lastminute-place__datetime {
    font-weight: 700;
    display: table-row;
}

.lastminute-place__place,
.lastminute-place__type {
    display: table-row;
}

.lastminute-place h3 {
    font-size: 18px;
    margin-bottom: 16px;
}

.lastminute-place dl {
    display: table-row;
}

.lastminute-place dd,
.lastminute-place dt {
    display: table-cell;
    vertical-align: middle;
    height: 36px;
    line-height: 1.2em;
    padding: 6px 0;
}

.lastminute-place dt {
    width: 36px;
}

.lastminute-place .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1em;
}

.lastminute-place .icon {
    font-size: 22px;
    color: #ed1c24;
}

.rental-page__info h1 {
    white-space: pre-line;
}

.rental-page__info i {
    padding-left: 0;
    padding-right: 30px;
}

.rental-page__opening_time {
    padding-bottom: 15px;
}

.rental-page__opening_time .open-hours {
    line-height: 1.5;
    font-style: italic;
    font-weight: 700;
    color: #3b5264;
}

.rental-page__opening_time .open-hours dd,
.rental-page__opening_time .open-hours dt {
    display: inline-block;
}

.rental-page__opening_time .open-hours dt {
    min-width: 80px;
}

.rental-page__map {
    position: absolute;
    width: 100%;
    left: 0;
}

.rental-page__map .vue-map-container {
    height: 600px;
}

.rental-page.content__text {
    padding-bottom: 600px;
}

@media (max-width: 1279px) {
    .rental-page__info i {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }

    .rental-page__map .vue-map-container {
        height: 300px;
    }

    .rental-page.content__text {
        padding-bottom: 300px;
    }
}

.rental {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rental__map {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.rental__map .vue-map-container {
    height: 525px;
    width: 100%;
}

.rental h1 {
    font-size: 1.9em;
    font-weight: 900;
    padding: 30px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.rental h2 {
    font-size: 1.1em;
    color: #595959;
    line-height: 140%;
    padding-bottom: 20px;
}

.rental__geolocate {
    padding: 30px;
}

.rental__geolocate .el-input__icon {
    font-size: 1.5em;
    color: #ed1c24;
}

.rental__geolocate .el-input-group__append {
    padding: 0 0 0 10px;
    margin: 0;
    background: #fff;
    border: none;
}

.rental__geolocate .el-input-group__append .el-button {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    color: #ed1c24;
    width: 38px;
    height: 38px;
    padding: 0;
    margin: 0;
    font-size: 1.5em;
}

.rental__form {
    border-radius: 10px;
    position: absolute;
    top: 40px;
    right: 60px;
    background-color: #f5f5f9;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.rental__options {
    padding: 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rental__geolocate,
.rental__options {
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#f7f7f7),
            to(#fff)
    );
    background-image: linear-gradient(180deg, #f7f7f7 0, #fff);
}

.rental__geolocate .el-select__caret:before,
.rental__options .el-select__caret:before {
    color: #082;
    font-size: 1.3em;
    font-weight: 700;
}

.rental__types {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}

.rental__types label {
    width: 50%;
    margin: 5px 0;
}

.rental__types label,
.rental__types span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
}

.rental__types i {
    font-size: 3em;
    color: #ed1c24;
    padding-right: 10px;
}

.rental__list {
    width: 100%;
}

.rental__list.wrapper--flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.rental .el-select {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .rental .rental__options h2 {
        border-bottom: 1px solid #d8d8d8;
    }

    .rental .rental__form {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .rental .rental__types label {
        width: 100%;
        border-bottom: 1px solid #d8d8d8;
        padding: 5px 0;
        margin: 0;
    }
}

.rental-place-card {
    min-height: 250px;
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 4px;
    width: 26%;
    margin: 0.5%;
}

.rental-place-card h2 {
    font-size: 1em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 15px 13px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.rental-place-card h2.airport {
    background-color: #01961d;
}

.rental-place-card h2.city,
.rental-place-card h2.headquater {
    background-color: #d91616;
    text-align: center;
}

.rental-place-card h2.meet {
    background-color: #008cff;
}

.rental-place-card h4 {
    padding: 25px 15px 0;
    font-size: 1.1em;
    color: #595959;
    white-space: pre-line;
}

.rental-place-card h5 {
    padding: 5px 15px;
    opacity: 0.5;
    font-size: 0.9em;
    color: #595959;
    font-weight: 300;
    line-height: 130%;
}

.rental-place-card__info {
    padding: 10px 15px;
}

.rental-place-card__opening_time {
    color: #3b5264;
    font-weight: 300;
    line-height: 130%;
    margin: 15px 0;
}

.rental-place-card__opening_time > .title {
    font-size: 1.1125em;
}

.rental-place-card__opening_time > .open-hours {
    margin-top: 5px;
    font-weight: 300;
    color: #3b5264;
}

.rental-place-card__opening_time > .open-hours dd,
.rental-place-card__opening_time > .open-hours dt {
    display: inline-block;
}

.rental-place-card__opening_time > .open-hours dt {
    min-width: 80px;
}

.rental-place-card__opening_time.hidden-mobile {
    margin-top: 0;
}

.rental-place-card__opening_time.hidden-mobile .el-dropdown {
    font-size: 1em;
}

.rental-place-card__opening_time.hidden-mobile .phone-link {
    line-height: 1;
}

.rental-place-card.is-selected {
    -webkit-box-shadow: 0 0 10px rgba(237, 28, 36, 0.8);
    box-shadow: 0 0 10px rgba(237, 28, 36, 0.8);
}

.rental-place-card.has-more {
    padding-bottom: 60px;
}

.rental-place-card .btn {
    display: inline-block;
    position: absolute;
    left: 15px;
    bottom: 20px;
    margin: 0;
}

.rental-place-card .el-button,
.rental-place-card .location-link {
    font-weight: 900;
    font-family: Roboto, sans-serif;
    font-style: italic;
    font-size: 1.2em;
}

.rental-place-card .el-button i,
.rental-place-card .location-link i {
    position: relative;
    top: 2px;
    margin: 0 0 0 10px;
}

.rental-place-card .location-link {
    position: absolute;
    bottom: 15px;
}

.rental-place-card .info-text,
.rental-place-card .mail-link,
.rental-place-card .phone-link {
    font-size: 1em;
    margin: 5px 0 10px;
    font-weight: 300;
    border: none;
    padding: 0;
    display: flex;
    align-items: stretch;
}

.rental-place-card .info-text i,
.rental-place-card .mail-link i,
.rental-place-card .phone-link i {
    padding-left: 0;
    font-size: 1.5em;
}

@media (max-width: 1279px) {
    .rental-place-card {
        padding-bottom: 30px;
    }
}

.el-dropdown-menu .open-hours {
    line-height: 1.3;
    color: #3b5264;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .rental-place-card {
        width: 48%;
        margin: 0 1% 1%;
    }
}

@media screen and (max-width: 767px) {
    .rental-place-card {
        width: 90%;
        margin: 0 5% 20px;
    }
}

.reservation > .wrapper {
    margin-top: -70px;
}

@media screen and (max-width: 767px) {
    .reservation > .wrapper {
        margin-top: 0;
    }
}

.r-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: url(https://www.ipanek.pl/content/themes/ipanek/img/bg-steps.jpg?b8202a2300fea9a7104a88dc4dd86c93);
    color: #fff;
    min-height: 154px;
}

.r-header .wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
}

.r-header__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 20px;
    font-weight: 900;
}

.r-header__summary,
.r-header__title {
    font-size: 2em;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.r-header__summary {
    text-align: right;
}

.r-header__total .currency {
    font-size: 0.5em;
    padding-left: 5px;
}

.r-header__deposit {
    font-size: 0.5em;
    padding-top: 10px;
}

.r-header__deposit .currency {
    font-size: 0.4em;
    padding-left: 4px;
}

@media screen and (max-width: 767px) {
    .r-header {
        background-image: -webkit-gradient(
                linear,
                left top,
                right top,
                from(#028208),
                to(#00bd47)
        );
        background-image: linear-gradient(90deg, #028208 0, #00bd47);
        min-height: 65px;
        padding: 20px;
    }

    .r-header .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .r-header__title {
        font-size: 1em;
        padding: 0;
    }

    .r-header__total {
        text-align: left;
    }
}

.step--1__mode {
    padding: 0 30px;
}

.step--1__caption {
    padding: 10px 0;
    font-size: 1.5em;
}

.step--1
.el-radio-group
.el-radio-button__orig-radio:checked
+ .el-radio-button__inner {
    color: #fff;
    background-color: #e4321f;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#e4321f),
            to(#f46141)
    );
    background-image: linear-gradient(90deg, #e4321f 0, #f46141);
    border-color: #e4321f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.step--1 .el-radio-group .el-radio-button__inner:hover {
    color: #e4321f;
}

.step--1 .r-place {
    padding: 20px 30px;
    max-width: 100%;
}

.step--1 .r-place__pickup,
.step--1 .r-place__return {
    width: 49%;
}

@media screen and (max-width: 767px) {
    .step--1 .r-place__pickup,
    .step--1 .r-place__return {
        width: 100%;
    }
}

.step__header .location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.step__header .location__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 360px;
    padding: 10px;
    max-width: 768px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-right: 1px solid #ddd;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.step__header .location__label {
    text-align: center;
    margin: auto 20px;
    min-width: 80px;
}

.step__header .location__label .icon {
    display: block;
    font-size: 2.75em;
}

.step__header .location__label strong {
    font-size: 1.2em;
}

.step__header .location__place {
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: left;
    padding: 10px 20px;
    margin: 0 24px 0 12px;
    line-height: 1.1em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.step__header .location__place p:first-child {
    margin-bottom: 10px;
}

.step__header--mobile .location__box {
    margin: 0 20px 0 0;
    padding: 5px;
    border: 0;
}

.step__header--mobile .location__label {
    margin: 0 0 0 20px;
    height: 100%;
    width: 38px;
    min-width: auto;
    text-transform: uppercase;
    background: #ed1c24;
    color: #fff;
    border-radius: 4px 0 0 4px;
}

.step__header--mobile .location__label strong {
    font-size: 1.1em;
    display: block;
    -webkit-transform: rotate(-90deg) translate(-100%);
    transform: rotate(-90deg) translate(-100%);
}

.step__header--mobile .location__label .icon {
    display: none;
}

.step__header--mobile .location__place {
    padding: 12px 20px;
    margin: 0;
    border-radius: 0 4px 4px 0;
}

.step {
    background: #fff;
}

.step {
    margin: 20px auto;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: #eee 2px 2px 8px 2px;
    box-shadow: 2px 2px 8px 2px #eee;
}

.step.is-finished {
    border-bottom: 1px solid #ddd;
}

.step.is-active {
    border: 0;
}

.step.is-active,
.step.is-inactive {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.step__header {
    width: 100%;
    text-align: center;
}

.step__header--desktop {
    height: 100px;
    display: table;
}

.step__header--desktop > div {
    display: table-cell;
    vertical-align: middle;
}

.step__header--mobile .step__header-middle {
    border-left: 0;
    border-right: 0;
}

.step__header--mobile .step__change {
    width: 100%;
}

.step__index {
    width: 135px;
    color: #a00;
    text-align: left;
    padding: 20px 25px;
    font-weight: 700;
}

.step.is-active .step__index,
.step.is-inactive .step__index {
    padding-bottom: 0;
    margin-bottom: -12px;
}

.step__header-middle {
    border: 1px solid #ddd;
    border-width: 0 1px;
    font-size: 0.8em;
}

.step__change {
    min-width: 220px;
    width: 260px;
    padding: 20px 25px;
}

.step__change .el-button {
    width: 100%;
}

.step__title {
    text-align: left;
    font-weight: 700;
    font-size: 1.5em;
    position: relative;
    padding: 20px 25px;
}

.step.is-finished .step__title {
    color: #a00;
}

.step__title:after {
    content: "";
    clear: both;
    display: table;
}

.step__switch {
    color: #000;
}

.step .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: -10px;
}

.step .grid > div {
    width: 366px;
    max-width: 640px;
    margin: 10px;
}

@media screen and (max-width: 768px) {
    .step .grid > div {
        margin: 0 10px;
    }
}

.step .grid--no-gutters,
.step .grid--no-gutters > div {
    margin: 0;
}

.step .el-button {
    text-transform: uppercase;
    font-weight: 700;
}

.step .icon {
    color: #ed1c24;
}

@media screen and (max-width: 767px) {
    .step .grid {
        margin: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .step .grid .r-category {
        margin-bottom: 10px;
    }

    .step .grid > div {
        margin: 0;
    }

    .step__title {
        padding: 20px 10px;
        font-size: 1em;
    }
}

.r-place {
    width: 100%;
    max-width: 430px;
}

.r-place__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.r-place__branch {
    position: relative;
}

.r-place__address {
    position: relative;
    border: 1px solid #e0e0e0;
}

.r-place__submit {
    display: block;
    margin: 10px 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.75em;
}

.r-place__pickup {
    width: 100%;
    padding: 10px 20px 0;
    background-color: #fff;
}

.r-place__return {
    width: 100%;
    padding: 10px 20px 0;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#f7f7f7),
            to(#fff)
    );
    background-image: linear-gradient(180deg, #f7f7f7 0, #fff);
}

.r-place__bottom {
    width: 100%;
    padding: 0 20px;
    background-color: #fefefe;
}

.r-place__monit {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 30px 10px 30px 30px;
    border: none;
    padding: 0;
    width: 600px;
    max-width: 96%;
}

.r-place__monit img {
    max-width: 100%;
}

.r-place__monit .el-message-box__content,
.r-place__monit .el-message-box__header {
    padding: 0;
}

.r-place__monit .el-message-box__headerbtn {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    border-radius: 28px;
    font-size: 28px;
    font-weight: 700;
    z-index: 1;
}

.r-place__monit .el-message-box__headerbtn .el-message-box__close {
    color: #fff;
}

.r-place__monit .el-message-box__headerbtn:hover {
    background: #000;
}

.r-place__notfound {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0;
    width: 600px;
    max-width: 96%;
}

.r-place__notfound img {
    max-width: 100%;
}

.r-place__notfound .el-dialog__header {
    padding: 0;
}

.r-place__notfound .el-dialog__header span {
    display: none;
}

.r-place__notfound .el-dialog__headerbtn {
    top: 0;
    right: 0;
    background: transparent;
    font-size: 28px;
    font-weight: 700;
    z-index: 1;
}

.r-place__notfound .el-dialog__footer {
    display: none;
}

.r-place__notfound .el-dialog__body {
    padding: 0;
}

.r-place .el-form-item__label {
    pointer-events: none;
    position: absolute;
    top: 6px;
    left: 35px;
    z-index: 1020;
    font-size: 12px;
    color: #999;
}

.r-place .el-form-item__label:before {
    display: none;
}

.r-place .el-input__inner {
    border-width: 0;
    padding: 35px 25px 18px 35px;
    font-size: 1em;
    font-weight: 700;
    color: #3b5264;
}

.r-place .el-input .icon {
    color: #ed1c24;
    padding: 10px 3px;
    display: block;
}

.r-place .datetime-picker__display {
    padding-right: 0px;
}

.el-input {
    height: 50px;
    background-color: #fff;
}

.r-place .el-form-item__error {
    left: 45px;
    font-size: 10px;
    pointer-events: none;
    z-index: 1;
}

.r-place .branch-selector .el-button {
    margin-left: 5px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .r-place {
        max-width: 100%;
    }

    .r-place .el-input .icon {
        padding: 10px 6px;
    }
}

@media screen and (max-width: 767px) {
    .r-place {
        max-width: 100%;
    }

    .r-place .el-input .icon {
        padding: 10px 6px;
    }

    .r-place .el-form-item {
        margin-bottom: 2px;
    }

    .r-place .el-form-item__error {
        font-size: 10px;
        left: auto;
        right: 60px;
        top: 34px;
    }

    .r-place .datetime-picker__display {
        padding-right: 0;
    }

    .r-place .branch-selector .el-select {
        border-radius: 4px 0 0 4px;
    }

    .r-place .branch-selector .el-button {
        border-radius: 0 4px 4px 0;
        margin-left: 0;
        border-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .r-place__notfound {
        max-width: 90%;
    }

    .r-place__notfound .el-dialog__headerbtn {
        top: -15px;
    }
}

.not-found {
    text-align: center;
    margin: 0 auto;
}

.not-found__buttons {
    color: #fff;
    font-weight: 700;
    text-align: right;
    height: 25px;
    margin: -50px 20px 5px auto;
    cursor: pointer;

    user-select: none;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .not-found__buttons {
        font-size: 12px;
        margin: -35px 15px 5px auto;
    }
}

.step--2 .step__content .el-alert {
    margin: 10px 0;
    padding: 16px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.step--2 .step__content .el-alert.is-dark {
    background-color: #ed1c24;
}

.step--2 .step__content .el-alert__title {
    font-size: 25px;
    text-transform: uppercase;
}

.step--2 .step__content .el-alert__title.is-bold {
    font-weight: 400;
}

.step--2 .step__content .el-alert__title b {
    color: #ff0;
}

.step--2 .step__content .el-alert__description {
    font-size: 14px;
    padding: 0;
    font-weight: 400;
}

.step--2.is-active .step__header {
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: #eee 2px 2px 8px 2px;
    box-shadow: 2px 2px 8px 2px #eee;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.step__header .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.step__header .category__desc,
.step__header .category__limit,
.step__header .category__model {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.step__header .category__model {
    text-align: center;
    height: 84px;
    margin: 4px;
}

.step__header .category__model > img {
    max-width: 100%;
    max-height: 100%;
}

.step__header .category__desc {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.step__header .category__title {
    padding: 4px 20px;
    font-weight: 700;
    font-size: 1.6em;
}

.step__header .category__sipp {
    font-weight: 700;
}

.step__header .category__subtitle {
    padding: 0 20px;
    color: #888;
    line-height: 1.4em;
}

.step__header .category__limit {
    text-align: left;
    padding: 20px;
    border-left: 1px solid #ddd;
}

.step__header .category__limit .value {
    color: #082;
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1.4em;
}

.category-filters {
    margin: 0 25px;
    text-align: left;
}

.category-filters__title {
    padding: 0 20px 0 0;
    font-weight: 700;
}

.category-filters .el-checkbox-group {
    display: inline-block;
}

.category-filters .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #3b5264;
}

@media screen and (max-width: 767px) {
    .category-filters {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 4px;
    }

    .category-filters__title {
        padding: 12px 20px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .category-filters__title:after {
        content: "";
        clear: both;
        display: table;
    }

    .category-filters__switch {
        color: #000;
    }

    .category-filters .el-checkbox-group {
        display: block;
        padding: 0;
    }

    .category-filters .el-checkbox {
        border-top: 1px solid #eee;
        display: block;
        padding: 6px;
        font-weight: 700;
    }
}

.r-category {
    border-radius: 4px;
    border: 1px solid #ddd;
}

.r-category__model {
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 160px;
    max-width: 250px;
    margin: 0 auto;
    height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.r-category__model > a {
    position: absolute;
    top: 5px;
    right: 5px;
    text-decoration: none;
    color: #ed1c24;
    font-size: 1.4em;
}

.r-category__model > img {
    max-width: 100%;
    max-height: 100%;
}

.r-category__title {
    padding: 4px 20px;
    font-weight: 700;
    font-size: 1.5em;
}

.r-category__subtitle {
    height: 40px;
    padding: 4px 20px 10px;
    color: #888;
    font-size: 0.9em;
}

.r-category__props {
    border-top: 1px solid #ddd;
    padding: 13px 0 13px 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.r-category__props,
.r-category__props > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.r-category__props > span {
    white-space: nowrap;
    width: 29%;
    margin: 5px 0 5px 5px;
    font-size: 0.8em;
    font-weight: 500;
    color: #3b5264;
}

.r-category__props > span > i {
    color: #ed1c24;
    margin-right: 5px;
}

.r-category__price {
    display: block;
}

.r-category__price,
.r-category__submit {
    border-top: 1px solid #ddd;
    text-align: center;
}

.r-category__submit {
    padding: 15px;
}

.r-category__submit .btn {
    width: 100%;
}

.r-category .el-radio {
    height: auto;
    padding: 10px;
    margin: 0;
    width: 50%;
    text-align: left;
    background-color: #f5f5f9;
    font-size: 12px;
}

.r-category .el-radio__inner {
    height: 58px;
    border-radius: 4px;
    margin-bottom: -2px;
    width: 28px;
    background-color: #fff;
}

.r-category .el-radio__inner:hover {
    border-color: #028208;
}

.r-category .el-radio__inner:after {
    content: "\2713";
    border-radius: 0;
    width: 16px;
    height: 20px;
    font-size: 1.8em;
    color: #fff;
    background: transparent;
}

.r-category .el-radio__label {
    display: inline-block;
    vertical-align: middle;
}

.r-category .el-radio__label > span {
    display: block;
    font-weight: 700;
}

.r-category .el-radio__label > span.amount {
    font-weight: 400;
    color: #3b5264;
    font-size: 0.9em;
    margin: 2px 0 6px;
}

.r-category .el-radio.linked:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 5px;
    display: block;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0 0 0 5px;
}

.r-category .el-radio.is-checked {
    background: #fff;
}

.r-category .el-radio__input.is-checked .el-radio__inner {
    border-color: #028208;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(90deg, #028208 0, #00bd47);
}

.r-category .el-radio__input.is-checked + .el-radio__label {
    border-color: #082;
    color: #082;
}

.r-category .el-radio:nth-child(2n) {
    border-left: 1px solid #ddd;
    margin-left: -1px;
}

@media (max-width: 1279px) {
    .r-category__props > span {
        width: 45%;
    }
}

.step--3 .step__header {
    position: relative;
}

.step--3 .step__header .step__header-extra {
    position: absolute;
    top: 0;
    right: 20px;
}

.step--3 .step__header .additions {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.step--3 .step__header .additions.red .themed,
.step--3 .step__header .additions.red [class^="i-"] {
    color: #ed1c24;
}

.step--3 .step__header .additions.green .themed,
.step--3 .step__header .additions.green [class^="i-"] {
    color: #082;
}

.step--3 .step__header .additions.orange .themed,
.step--3 .step__header .additions.orange [class^="i-"] {
    color: #f7ba00;
}

.step--3 .step__header .additions.blue .themed,
.step--3 .step__header .additions.blue [class^="i-"] {
    color: #fff;
}

.step--3 .step__header .additions__desc,
.step--3 .step__header .additions__icon,
.step--3 .step__header .additions__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.step--3 .step__header .additions__icon {
    margin: auto 0 auto 40px;
    text-align: center;
    font-size: 3em;
}

.step--3 .step__header .additions__desc {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 15px 20px;
}

.step--3 .step__header .additions__insurance {
    font-weight: 700;
}

.step--3 .step__header .additions__misc {
    line-height: 1.4em;
    border-top: 1px solid;
}

.step--3 .step__header .additions__misc span {
    display: block;
}

.step--3 .step__header .additions__misc b {
    display: inline-block;
    min-width: 70px;
    font-weight: 400;
}

.step--3 .step__header .additions__system {
    line-height: 1.4em;
    border-top: 1px solid;
    color: #082;
}

.step--3 .step__header .additions__system span {
    display: block;
}

.step--3 .step__header .additions__price {
    text-align: left;
    padding: 20px;
    border-left: 1px solid #ddd;
}

.step--3 .step__header .additions__price .price {
    font-size: 1.6em;
    line-height: 1.4em;
}

.step--3 .step__header--mobile .additions {
    display: block;
}

.step--3__summary {
    margin: 5px 0 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-width: 1px 0;
}

.step--3__summary > div {
    padding: 5px;
}

.step--3__summary .el-button {
    min-width: 300px;
}

.step--3 .el-tabs__active-bar,
.step--3 .el-tabs__nav-wrap:after {
    display: none;
}

.step--3 .el-tabs__header {
    margin: -1px;
}

.step--3 .el-tabs__item {
    border: 1px solid #f5f5f9;
    border-bottom: 0;
    border-radius: 2px 2px 0 0;
}

.step--3 .el-tabs__item#tab-red {
    color: #ed1c24;
}

.step--3 .el-tabs__item#tab-red.is-active {
    color: #fff;
    background-color: #ed1c24;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#e4321f),
            to(#f46141)
    );
    background-image: linear-gradient(90deg, #e4321f 0, #f46141);
}

.step--3 .el-tabs__item#tab-green {
    color: #082;
}

.step--3 .el-tabs__item#tab-green.is-active {
    color: #fff;
    background-color: #082;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(90deg, #028208 0, #00bd47);
}

.step--3 .el-tabs__item#tab-orange {
    color: #f7ba00;
}

.step--3 .el-tabs__item#tab-orange.is-active {
    color: #fff;
    background-color: #f7ba00;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#f7ba00),
            to(#ffd75e)
    );
    background-image: linear-gradient(90deg, #f7ba00 0, #ffd75e);
}

.step--3 .el-tabs__item#tab-blue {
    color: #fff;
}

.step--3 .el-tabs__item#tab-blue.is-active {
    color: #fff;
    background-color: #fff;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#16a0db),
            to(#4d5bd9)
    );
    background-image: linear-gradient(90deg, #16a0db 0, #4d5bd9);
}

.step--3 .el-tabs__item#tab-white.is-active {
    color: #fff;
}

.step--3 .el-tabs__item#tab-gray.is-active {
    color: #fff;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#f7f7f7),
            to(#fff)
    );
    background-image: linear-gradient(90deg, #f7f7f7 0, #fff);
}

.step--3 .price {
    color: #082;
    font-size: 2em;
}

.step--3 .price > span {
    font-size: 0.5em;
}

@media screen and (max-width: 767px) {
    .step--3 .grid > div {
        margin: 5px;
    }

    .step--3 .el-tabs__header {
        width: 98%;
        margin: -1px 1% 0;
    }

    .step--3 .el-tabs__header .is-top:nth-child(2) {
        padding-left: 20px;
    }

    .step--3 .el-tabs__header .is-top:last-child {
        padding-right: 30px;
    }

    .step--3 .el-tabs__content {
        width: 98%;
        margin: 0 1%;
    }

    .step--3 .el-tabs__nav-wrap {
        margin-bottom: 0;
    }

    .step--3 .el-tabs__nav-wrap.is-scrollable {
        padding: 0 30px;
    }

    .step--3 .el-tabs__nav-next,
    .step--3 .el-tabs__nav-prev {
        line-height: 54px;
    }

    .step--3 .el-tabs__nav-next i,
    .step--3 .el-tabs__nav-prev i {
        font-size: 28px;
        color: #082;
        font-weight: 700;
    }

    .step--3 .step__header .step__header-extra {
        top: 15px;
    }

    .step--3 .step__header .step__header-extra .price {
        font-size: 1.5em;
    }
}

.r-insurance {
    background: #f5f5f9;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 25px;
    width: 32%;
}

.r-insurance table {
    width: 100% !important;
}

.r-insurance--red [class^="i-"] {
    color: #ed1c24;
}

.r-insurance--red.is-selected {
    background-color: #ed1c24;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#e4321f),
            to(#f46141)
    );
    background-image: linear-gradient(90deg, #e4321f 0, #f46141);
}

.r-insurance--green [class^="i-"] {
    color: #082;
}

.r-insurance--green.is-selected {
    background-color: #082;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(90deg, #028208 0, #00bd47);
}

.r-insurance--orange [class^="i-"] {
    color: #f7ba00;
}

.r-insurance--orange.is-selected {
    background-color: #f7ba00;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#f7ba00),
            to(#ffd75e)
    );
    background-image: linear-gradient(90deg, #f7ba00 0, #ffd75e);
}

.r-insurance--blue [class^="i-"] {
    color: #fff;
}

.r-insurance--blue.is-selected {
    background-color: #fff;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#16a0db),
            to(#4d5bd9)
    );
    background-image: linear-gradient(90deg, #16a0db 0, #4d5bd9);
}

.r-insurance--gray.is-selected {
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#f7f7f7),
            to(#fff)
    );
    background-image: linear-gradient(90deg, #f7f7f7 0, #fff);
}

.r-insurance__list {
    padding: 8px;
}

.r-insurance__list .el-table {
    background: #fff;
    text-transform: uppercase;
}

.r-insurance__list .i-panek-ico-checked {
    color: #082;
}

.r-insurance__list .i-panek-ico-unchecked {
    color: #f5f5f9;
}

.r-insurance__list .el-table .cell p {
    word-break: break-word;
}

.r-insurance__footer {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.r-insurance__icon {
    font-size: 1.2em;
}

.r-insurance__checkbox {
    min-width: 40px;
    min-height: 40px;
    text-align: center;
    border: 1px solid #eee;
    padding: 4px;
    background: #fff;
}

.r-insurance__desc {
    text-transform: uppercase;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 0 0 10px;
    font-size: 0.8em;
    line-height: 140%;
}

.r-insurance__desc em {
    font-style: normal;
    font-size: 1.5em;
}

.r-insurance.is-selected {
    border-color: transparent;
}

.r-insurance.is-selected .r-insurance__footer,
.r-insurance.is-selected .r-insurance__icon [class^="i-"] {
    color: #fff;
}

.r-insurance.is-selected .r-insurance__checkbox [class^="i-"] {
    color: #082;
}

.r-insurance.is-selected .el-table {
    background: #f5f5f9;
}

.r-insurance [class^="i-"]:before {
    font-size: 2em;
}

.r-addition {
    height: 100%;
    min-height: 100px;
}

.r-addition__container {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.r-addition__container,
.r-addition__container > * {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.r-addition__container > * {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.r-addition__amountbar,
.r-addition__checkbar,
.r-addition__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.r-addition__checkbar {
    width: 32px;
    margin: 10px;
    background: #ddd;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.r-addition__checkbar,
.r-addition__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.r-addition__icon {
    width: 60px;
    color: #ed1c24;
    font-size: 2em;
}

.r-addition__desc {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
    -ms-flex-item-align: center;
    align-self: center;
}

.r-addition__desc > * {
    padding: 4px;
    font-size: 16px;
}

.r-addition__desc .name {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
}

.r-addition__desc .price-total {
    font-weight: 700;
}

.r-addition__amountbar {
    background: #f5f5f9;
    width: 50px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.r-addition__amountbar span {
    width: 100%;
}

.r-addition__amountbar button {
    width: 100%;
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border-color: transparent;
    background: transparent;
    color: #ed1c24;
    cursor: pointer;
}

.r-addition__amountbar button:hover {
    background: #ddd;
}

.r-addition.is-selected .r-addition__container,
.r-addition.is-system .r-addition__container {
    border-color: #082;
}

.r-addition.is-selected .r-addition__checkbar,
.r-addition.is-system .r-addition__checkbar {
    background-color: #028208;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(90deg, #028208 0, #00bd47);
}

.r-addition.is-selected .r-addition__desc .name,
.r-addition.is-selected .r-addition__desc .price-total,
.r-addition.is-system .r-addition__desc .name,
.r-addition.is-system .r-addition__desc .price-total {
    color: #082;
}

.r-addition.is-system .r-addition__icon {
    display: none;
}

.step--4 .step__header {
    position: relative;
}

.step--4 .step__header .user {
    text-align: left;
}

.step--4 .step__header .user > div {
    display: inline-block;
    margin: 20px 40px;
}

.step--4 .step__header .user > div strong {
    color: #082;
    font-size: 1.6em;
    line-height: 1.4em;
}

.step--4 .el-form-item__error {
    font-size: 15px;
    font-weight: 700;
}

.r-form-personals {
    overflow: hidden;
    max-width: 1200px;
    margin: 10px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid #eee;
    border-radius: 1px solid 4px;
    -webkit-box-shadow: #eee 2px 2px 8px 2px;
    box-shadow: 2px 2px 8px 2px #eee;
}

.r-form-personals__title {
    text-align: left;
    font-weight: 700;
    font-size: 1.6em;
    margin-bottom: 10px;
}

.r-form-personals__fieldset {
    margin: 20px 20px 10px;
    min-width: 360px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.r-form-personals__fieldset.full-width {
    width: 100%;
}

.r-form-personals__buttons {
    margin: 20px;
    font-size: 0.8em;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.r-form-personals .invoice-actions .el-select {
    width: auto;
}

.r-form-personals .payer-specific {
    border-top: 1px dashed #eee;
}

.r-form-personals .el-select {
    width: 100%;
}

.r-form-personals .el-checkbox {
    line-height: 1.5em;
}

.r-form-personals .el-checkbox__input {
    vertical-align: top;
}

.r-form-personals .el-checkbox__label {
    white-space: normal;
    padding-right: 10px;
    font-weight: 300;
}

.r-form-personals .el-checkbox[required] .el-checkbox__label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
}

.r-form-personals .el-checkbox + .el-checkbox {
    margin-left: 0;
}

.r-form-personals .el-checkbox.check-all {
    margin: 10px auto;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.r-form-personals .el-radio-group {
    width: 100%;
}

.step--5__monit {
    min-width: 360px;
}

.step--5__monit .el-dialog__header {
    text-transform: capitalize;
    color: #fff;
}

.step--5__monit .el-dialog__headerbtn .el-dialog__close {
    color: #fff;
}

.step--5__monit .el-dialog__body {
    word-break: normal;
    font-size: 1em;
    line-height: 1.4em;
}

.step--5__monit .el-dialog__footer {
    border-top: 1px solid #ddd;
    text-align: center;
}

.step--5__monit.error .el-dialog__header {
    background: #ed1c24;
}

.step--5__monit.success .el-dialog__header {
    background: #082;
}

.r-payment {
    position: relative;
    padding: 40px 30px;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: #eee 2px 2px 8px 2px;
    box-shadow: 2px 2px 8px 2px #eee;
}

.r-payment:hover {
    border-color: #3b5264;
}

.r-payment.red .r-payment__price {
    color: #ed1c24;
}

.r-payment.red:hover {
    border-color: #ed1c24;
}

.r-payment.green .r-payment__price {
    color: #082;
}

.r-payment.green:hover {
    border-color: #082;
}

.r-payment.orange .r-payment__price {
    color: #f7ba00;
}

.r-payment.orange:hover {
    border-color: #f7ba00;
}

.r-payment.blue .r-payment__price {
    color: #fff;
}

.r-payment.blue:hover {
    border-color: #fff;
}

.r-payment__label {
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 10px;
}

.r-payment__label em {
    text-transform: uppercase;
    font-style: normal;
}

.r-payment__price {
    font-size: 2.2em;
}

.r-payment__deposit {
    font-size: 0.8em;
}

.r-payment__submit {
    margin: 30px 0 10px;
    font-size: 0.8em;
}

.r-payment__note {
    font-size: 0.8em;
}

.r-payment .el-button [class^="i-"]:first-child {
    margin-right: 15px;
}

.search-banner .wrapper,
.search-banner__mode {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
}

.search-banner__mode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-item-align: start;
    height: 410px;
    align-content: flex-start;
}

.search-banner__left {
    margin-right: 20px;
    padding: 20px;
}

.search-banner__left span {
    text-align: center;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    padding: 15px;
}

.search-banner__left span i {
    font-size: 3em;
    color: #fff;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(0deg, #028208 0, #00bd47);
    padding: 15px;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    display: block;
}

.search-banner__right {
    padding-right: 20px;
}

.search-banner__caption {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    padding-top: 18px;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    margin-bottom: 10px;
}

.search-banner__caption span {
    display: block;
}

.search-banner .r-place {
    border-radius: 4px;
}

.search-banner .el-radio-group .el-radio-button__inner {
    padding: 15px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    margin-right: 10px;
    min-width: 110px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #dcdfe6;
}

.search-banner
.el-radio-group
.el-radio-button__orig-radio:checked
+ .el-radio-button__inner {
    color: #fff;
    background-color: #e4321f;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#e4321f),
            to(#f46141)
    );
    background-image: linear-gradient(90deg, #e4321f 0, #f46141);
    border-color: #e4321f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-banner .el-radio-group .el-radio-button__inner:hover, .search-banner .el-radio-group .el-radio-button__inner.active {
    background: #e4321f;
    color: white;
    border: #e4321f;
}

.search-banner .content__right--months {
    background-color: #fff;
    padding: 20px;
}

.search-banner .content__right--months .btn {
    margin: 20px 0 0;
}

.search-banner .content__right--months img {
    max-width: 100%;
}

@media screen and (max-width: 1279px) {
    .search-banner .wrapper .search-banner__mode, .search-banner .wrapper #dienos {
        width: 50%;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .search-banner__mode,
    .search-banner__right {
        width: 100%;
        border-radius: 0;
        height: unset;
    }

    .search-banner__left {
        display: none;
    }

    .search-banner__right {
        padding: 0 10px;
    }

    .search-banner__caption {
        font-size: 1.6em;
        text-align: center;
    }

    .search-banner + .content {
        margin-top: 0;
    }

    .search-banner .wrapper .content__right {
        display: block;
        width: 100%;
        margin: 0;
    }

    .search-banner .el-radio-group {
        display: table;
        width: 100%;
    }

    .search-banner .el-radio-group .el-radio-button {
        display: table-cell;
    }

    .search-banner .el-radio-group .el-radio-button__inner {
        width: 100%;
        border-radius: 4px 4px 0 0;
        border: 0;
        margin-right: 0;
    }
}

.seasons-banner {
    width: 100%;
    position: relative;
    background-image: url(/iPanek_files/season-summer.jpg);
    background-size: cover;
    min-height: 75vh;
}

.seasons-banner .wrapper {
    min-height: 75vh;
    align-items: center;
}

#dienos {
    padding: 20px 0;
}

.seasons-banner > img {
    display: block;
    width: 100%;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    line-height: 1;
    margin: 0;
    font-family: Roboto, sans-serif;
}

body,
html {
    height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    text-decoration: none;
}

ins,
mark {
    background-color: #ff9;
    color: #000;
}

mark {
    font-style: italic;
    font-weight: 700;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

.clear {
    clear: both;
    visibility: hidden;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

sup {
    font-size: 50%;
    position: relative;
    top: -10px;
}

.wrapper {
    width: 100%;
    max-width: 1307px;
    margin: 0 auto;
    padding: 0 15px;
}

.wrapper--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper--full {
    max-width: 1920px;
}

@font-face {
    font-family: panek-icons;
    src: url(/iPanek_files/panek-icons.eot?6f4ffc5dcb4f6e99f32ac3689e7ea486);
    src: url(iPanek_files/panek-icons.eot?6f4ffc5dcb4f6e99f32ac3689e7ea486) format("embedded-opentype"),
    url(/iPanek_files/panek-icons.woff?39539e3b6220d5fe0bcf6e52d5eb2632) format("woff"),
    url(/iPanek_files/panek-icons.ttf?bdc222a5edd3efea849f30309ced2206) format("truetype"),
    url(/iPanek_files/panek-icons.svg?9ce26f3085ebfa249114fa1eb2713a2e) format("svg");
    font-weight: 400;
    font-style: normal;
}

[data-icon]:before {
    content: attr(data-icon);
}

[class*=" i-"]:before,
[class^="i-"]:before,
[data-icon]:before {
    font-family: panek-icons !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;

    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.i-panek-ico-info:before {
    content: "K";
}

.i-panek-ico-arrow:before {
    content: "H";
}

.i-panek-ico-mail:before {
    content: "J";
}

.i-panek-ico-ac:before {
    content: "a";
}

.i-panek-ico-bags:before {
    content: "c";
}

.i-panek-ico-airport:before {
    content: "b";
}

.i-panek-ico-card:before {
    content: "d";
}

.i-panek-ico-checked:before {
    content: "e";
}

.i-panek-ico-city:before {
    content: "f";
}

.i-panek-ico-crash:before {
    content: "g";
}

.i-panek-ico-date:before {
    content: "h";
}

.i-panek-ico-doors:before {
    content: "i";
}

.i-panek-ico-fuel:before {
    content: "j";
}

.i-panek-ico-gear:before {
    content: "p";
}

.i-panek-ico-gearbox:before {
    content: "k";
}

.i-panek-ico-geolocation:before {
    content: "l";
}

.i-panek-ico-shieldempty:before {
    content: "m";
}

.i-panek-ico-shield3:before {
    content: "n";
}

.i-panek-ico-shield2:before {
    content: "o";
}

.i-panek-ico-seconddriver:before {
    content: "q";
}

.i-panek-ico-seat3:before {
    content: "r";
}

.i-panek-ico-seat2:before {
    content: "s";
}

.i-panek-ico-seat1:before {
    content: "t";
}

.i-panek-ico-profile:before {
    content: "w";
}

.i-panek-ico-payonline:before {
    content: "x";
}

.i-panek-ico-wheel:before {
    content: "y";
}

.i-panek-ico-unchecked:before {
    content: "z";
}

.i-panek-ico-money:before {
    content: "A";
}

.i-panek-ico-location:before {
    content: "B";
}

.i-panek-ico-time:before {
    content: "C";
}

.i-panek-ico-thief:before {
    content: "D";
}

.i-panek-ico-insurance:before {
    content: "E";
}

.i-panek-ico-gps:before {
    content: "F";
}

.i-panek-ico-tel:before {
    content: "G";
}

.i-panek-ico-windshield:before {
    content: "v";
}

.i-panek-ico-world:before {
    content: "u";
}

.i-panek-ico-minus:before {
    content: "L";
}

.i-panek-ico-plus:before {
    content: "M";
}

.i-panek-ico-mall:before {
    content: "I";
}

.i-panek-ico-edit:before {
    content: "N";
}

.i-panek-ico-logout:before {
    content: "O";
}

.i-panek-ico-pdf:before {
    content: "P";
}

.i-panek-ico-facebook:before {
    content: "Q";
}

.i-panek-ico-instagram:before {
    content: "R";
}

.i-panek-ico-linkedin:before {
    content: "S";
}

.i-panek-ico-twitter:before {
    content: "T";
}

.i-panek-ico-kraje:before {
    content: "U";
}

.i-panek-ico-lotniska:before {
    content: "V";
}

.i-panek-ico-samochody:before {
    content: "X";
}

.i-panek-ico-miasta:before {
    content: "W";
}

.i-panek-ico-car:before {
    content: "Y";
}

.i-panek-ico-geolocation2:before {
    content: "Z";
}

.i-panek-ico-chat:before {
    content: "0";
}

.i-panek-ico-chill:before {
    content: "1";
}

.i-panek-ico-clipboard:before {
    content: "2";
}

.i-panek-ico-deal:before {
    content: "3";
}

.i-panek-ico-finger:before {
    content: "4";
}

@supports (-ms-ime-align: auto) {
    html {
        overflow-x: hidden;
    }
}

body {
    -webkit-overflow-scrolling: touch;
}

a {
    text-decoration: none;
    color: #3b5264;
}

a:hover {
    color: #082;
}

[v-cloak] {
    display: none;
}

.clickable {
    cursor: pointer;
}

.nobr {
    white-space: nowrap;
}

.clearfix:after {
    content: "";
    clear: both;
    display: table;
}

@media screen and (max-width: 767px) {
    .hidden-mobile {
        display: none !important;
    }
}

@media screen and (min-width: 1279px) {
    .hidden-desktop {
        display: none !important;
    }
}

.separated--comma span:after {
    content: ", ";
}

.separated--slash span:after {
    content: " / ";
}

.separated--pipe span:after {
    content: " | ";
}

.separated--comma span:empty + span:empty:after,
.separated--comma span:empty:after,
.separated--comma span:last-of-type:after,
.separated--pipe span:empty + span:empty:after,
.separated--pipe span:empty:after,
.separated--pipe span:last-of-type:after,
.separated--slash span:empty + span:empty:after,
.separated--slash span:empty:after,
.separated--slash span:last-of-type:after {
    content: "";
}

.el-form-item {
    margin-bottom: 12px;
}

.el-form-item__label {
    font-size: 12px;
    line-height: 24px;
}

.el-form-item__error {
    left: auto;
    right: 0;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #3b5264;
}

.el-checkbox__inner {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #028208;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(0deg, #028208 0, #00bd47);
    border: #082;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    top: 9px;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #082;
}

.el-checkbox__inner:after {
    top: 4px;
    left: 7px;
}

.el-checkbox__inner:hover {
    border-color: #082;
}

@media screen and (max-width: 767px) {
    .el-checkbox__inner {
        width: 32px;
        height: 32px;
    }

    .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
        top: 14px;
    }

    .el-checkbox__inner:after {
        height: 16px;
        width: 8px;
        top: 4px;
        left: 12px;
    }
}

.el-select-dropdown__item.selected {
    color: #082;
}

.el-message {
    top: 75px;
}

.el-dialog__header {
    background: #000;
}

.el-dialog__title {
    color: #fff;
}

.header {
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    top: 0;
    position: relative;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 4010;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.header,
.header app-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header app-header {
    height: 90px;
}

.header app-header img {
    max-height: 100%;
}

.header__nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#f7f7f7),
            to(#fff)
    );
    background-image: linear-gradient(180deg, #f7f7f7 0, #fff);
}

.header__nav .menu-menu-glowne-container,
.header__nav .menu-menu-glowne-container ul.menu {
    max-height: 60px;
    padding: 0px 0 16px !important;
}

.header__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 12px 10px;
}

.header__nav ul li {
    padding: 10px 10px 0;
    margin: 0;
    position: relative;
}

.header__nav ul li img.cs {
    height: 25px;
    margin-top: -10px;
    margin-bottom: -2px;
}

.header__nav ul li.current-menu-item:after {
    content: "";
    height: 5px;
    width: 100%;
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#e4321f),
            to(#f46141)
    );
    background: linear-gradient(90deg, #e4321f 0, #f46141);
    position: absolute;
    bottom: -12px;
    left: 0;
    border-radius: 2px;
}

.header__nav ul li a {
    font-size: 1em;
    font-weight: 700;
}

.header__nav ul li:hover ul.sub-menu {
    display: block;
}

.header__nav ul li ul.sub-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 28px 5px 5px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 0;
    width: auto;
}

.header__nav ul li ul.sub-menu li {
    white-space: nowrap;
    margin: 0;
}

.header__nav ul li ul.sub-menu li.current-menu-item:after {
    display: none;
}

.header__nav ul li ul.sub-menu:hover {
    display: block;
}

.header__nav.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-left: 0;
    position: absolute;
    top: 65px;
    height: calc(100% - 65px);
    width: 100%;
    background-color: #fff;
    z-index: 2010;
}

.header__nav.active > div {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.header__nav.active ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 50px;
}

.header__nav.active ul li {
    width: 100%;
    padding: 15px 0;
    margin: 0;
    text-align: center;
}

.header__nav.active ul li:after {
    display: none;
}

.header__nav.active ul li a {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
}

.header__button {
    width: auto;
    padding: 22px;
    height: 100%;
    z-index: 1030;
    cursor: pointer;
    display: none;
    -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;
}

.header__button.active span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 7px;
}

.header__button.active span:nth-child(2) {
    opacity: 0;
}

.header__button.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: -9px;
}

.header__button span {
    display: block;
    width: 30px;
    height: 4px;
    background-color: #1877b7;
    margin-bottom: 4px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
}

.header__button span:last-of-type {
    margin-bottom: 0;
}

.footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f5f5f5;
    padding: 2.08333333% 0;
}

.footer .wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer__lead {
    font-size: 1.2em;
    color: #3b5264;
    line-height: 110%;
    padding: 20px 0;
    max-width: 220px;
}

.footer__logo {
    width: 100%;
    margin-bottom: 50px;
}

.footer__logo img {
    display: block;
    width: 100%;
    max-width: 222px;
}

.footer__item {
    width: 33.333%;
    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;
    width: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer__item:last-of-type {
    width: 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
}

.footer__item:first-of-type {
    width: 25%;
}

.footer__item:nth-child(2) aside:last-of-type ul {
    -webkit-columns: 1;
    columns: 1;
}

.footer__item aside {
    padding: 0 20px;
    margin-bottom: 20px;
}

.footer__item aside a[data-rel="external"] {
    color: #3b5264;
    font-size: 0.9em;
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
}

.footer__item aside h3 {
    margin-top: 20px;
}

.footer__item aside p {
    font-size: 0.9em;
    line-height: 140%;
    padding: 5px 0;
    font-style: normal;
    font-weight: 500;
    color: #3b5264;
}

.footer__item aside.normal p {
    text-align: justify;
}

.footer-flex {
    display: flex;
}

.footer__item ul {
    display: flex;
    flex-direction: column;
    padding: 15px 80px 0 0;
}

.footer__item ul li {
    margin-bottom: 10px;
}

.footer__item ul li a {
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}

.footer__head {
    width: 100%;
    font-size: 1.2em;
    color: #3b5264;
    padding-bottom: 15px;
    position: relative;
    display: none;
}

.footer br.mobile-br {
    display: none;
}

.top-sticky {
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#f7f7f7),
            to(#fff)
    );
    background-image: linear-gradient(180deg, #f7f7f7 0, #fff);
}

.info-text,
.mail-link,
.phone-link {
    text-decoration: none;
    color: #3b5264;
    font-weight: 700;
    font-size: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.info-text i,
.mail-link i,
.phone-link i {
    color: #ed1c24;
    font-size: 1em;
    padding: 0 15px;
}

.info-text:hover,
.mail-link:hover,
.phone-link:hover {
    color: #3b5264;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .header {
        height: auto;
    }

    section.imgr .text-block p {
        font-size: 16px !important;
    }

    .header app-header img {
        max-width: 150px;
    }

    .header__nav ul {
        padding: 7px 0;
    }

    .footer {
        padding: 2.08333333% 10px;
    }
}

@media screen and (max-width: 767px) {
    .header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 50px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
        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;
    }

    .header app-header {
        height: 64px;
    }

    .header app-header img {
        max-width: 120px;
    }

    .header .app-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header .app-header,
    .header .app-header__items {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .header .app-header__langs {
        max-width: 80px;
    }

    .header .app-header__currency.el-select {
        max-width: 60px;
    }

    .header .app-header__phone {
        display: none;
    }

    .header .app-header .client-menu {
        padding: 5px;
    }

    .header .wrapper {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
    }

    .header .wrapper--flex {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header__nav {
        display: none;
    }

    .header__nav.active {
        background-color: #fff;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: calc(100vh - 65px);
    }

    .header__nav.active > div {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .header__nav.active ul li {
        padding: 10px 0;
    }

    .header__nav.active ul li ul.sub-menu {
        position: relative;
        padding: 10px 5px 5px;
    }

    .header__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 12px;
    }

    .header__logo {
        max-width: 120px;
        padding: 0;
    }

    .header__logo a {
        position: relative;
        top: 2px;
    }

    .header__logo a img {
        width: 100%;
    }

    .header__top {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
    }

    .header__phone {
        border: none;
        padding: 10px;
        margin: 0;
    }

    .header__phone p {
        display: none;
    }

    .footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }

    .footer__logo {
        margin: 0;
    }

    .footer__item {
        width: 100%;
        padding: 0;
    }

    .footer__item:first-of-type,
    .footer__item:last-of-type {
        width: 100%;
    }

    .footer__item:nth-child(2) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 80px;
        position: relative;
    }

    .footer__item:nth-child(2) ul li a {
        font-size: 1.1em;
    }

    .footer__item:nth-child(2) aside {
        padding: 0;
        width: 100%;
    }

    .footer__item:nth-child(2) aside > div {
        margin: 80px 0 0;
    }

    .footer__item:nth-child(2) aside:last-of-type {
        margin-top: -20px;
    }

    .footer__item:nth-child(2) aside:last-of-type .footer__head {
        right: 0;
        left: inherit;
    }

    .footer__item:nth-child(2) .footer__head {
        text-align: center;
        border: 1px solid #aaa;
        border-radius: 5px;
        padding: 20px 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 48%;
    }

    .footer__item:nth-child(2) .footer__head.active {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .footer__item ul {
        -webkit-columns: 1;
        columns: 1;
    }

    .footer__item aside {
        margin: 20px 0;
        padding: 0;
    }

    .footer__item aside a[data-rel="external"] {
        line-height: 1.4;
    }

    .footer__item aside > div {
        display: none;
    }

    .footer__item aside.active .footer__head {
        border-color: #ed1c24;
    }

    .footer__item aside.active > div {
        display: block;
    }

    .footer__head {
        display: block;
        font-size: 1.5em;
    }

    .footer__head:after {
        width: 60%;
        top: 6px;
    }

    .footer__copy {
        padding: 40px 0;
        line-height: 1.8;
    }

    .info-text,
    .mail-link,
    .phone-link {
        font-size: 1.2em;
    }

    .el-message {
        min-width: 300px;
    }

    .el-message-box {
        width: 98%;
    }
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 20px;
    font-size: 0.8em;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    border: none;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.btn--inline {
    display: inline-block;
}

.btn--small {
    padding: 6px 10px;
}

.btn--medium {
    font-size: 1em;
    padding: 15px 20px 11px;
}

.btn--big {
    font-size: 1.75em;
}

.btn--transparent {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}

.btn--dark-gray {
    background: #696969;
    color: #fff;
}

.btn--dark-gray:hover {
    color: #fff;
    background: #838282;
}

.btn span > i {
    margin-left: 8px;
    font-weight: 700;
    font-size: 1em;
}

.btn--right-icon span {
    width: 100%;
    display: block;
    position: relative;
    padding-right: 24px;
    padding-left: 24px;
}

.btn--right-icon span > i {
    position: absolute;
    right: 0;
}

.btn--with-side-icons {
    position: relative;
    padding-right: 40px;
    padding-left: 40px;
    white-space: normal;
}

.btn--with-side-icons [class$="left"],
.btn--with-side-icons [class$="right"] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn--with-side-icons [class$="right"] {
    right: 16px;
}

.btn--with-side-icons [class$="left"] {
    left: 16px;
}

.btn--red {
    color: #fff;
    background-color: #e4321f;
}

.btn--red:hover {
    color: #fff;
    background-color: #ba2616;
}

.btn--red-right {
    color: #fff;
    background-color: #e4321f;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#e4321f),
            to(#f46141)
    );
    background-image: linear-gradient(90deg, #e4321f 0, #f46141);
}

.btn--red-right:hover {
    color: #fff;
    background-color: #ba2616;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#ba2616),
            to(#f13911)
    );
    background-image: linear-gradient(90deg, #ba2616 0, #f13911);
}

.btn--red-left {
    color: #fff;
    background-color: #e4321f;
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#e4321f),
            to(#f46141)
    );
    background-image: linear-gradient(270deg, #e4321f 0, #f46141);
}

.btn--red-left:hover {
    color: #fff;
    background-color: #ba2616;
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#ba2616),
            to(#f13911)
    );
    background-image: linear-gradient(270deg, #ba2616 0, #f13911);
}

.btn--red-bottom {
    color: #fff;
    background-color: #e4321f;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#e4321f),
            to(#f46141)
    );
    background-image: linear-gradient(180deg, #e4321f 0, #f46141);
}

.btn--red-bottom:hover {
    color: #fff;
    background-color: #ba2616;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#ba2616),
            to(#f13911)
    );
    background-image: linear-gradient(180deg, #ba2616 0, #f13911);
}

.btn--red-top {
    color: #fff;
    background-color: #e4321f;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#e4321f),
            to(#f46141)
    );
    background-image: linear-gradient(0deg, #e4321f 0, #f46141);
}

.btn--red-top:hover {
    color: #fff;
    background-color: #ba2616;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#ba2616),
            to(#f13911)
    );
    background-image: linear-gradient(0deg, #ba2616 0, #f13911);
}

.btn--green {
    color: #fff;
    background-color: #028208;
}

.btn--green:hover {
    color: #fff;
    background-color: #015005;
}

.btn--green-right {
    color: #fff;
    background-color: #028208;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(90deg, #028208 0, #00bd47);
}

.btn--green-right:hover {
    color: #fff;
    background-color: #015005;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#015005),
            to(#008a34)
    );
    background-image: linear-gradient(90deg, #015005 0, #008a34);
}

.btn--green-left {
    color: #fff;
    background-color: #028208;
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(270deg, #028208 0, #00bd47);
}

.btn--green-left:hover {
    color: #fff;
    background-color: #015005;
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#015005),
            to(#008a34)
    );
    background-image: linear-gradient(270deg, #015005 0, #008a34);
}

.btn--green-bottom {
    color: #fff;
    background-color: #028208;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(180deg, #028208 0, #00bd47);
}

.btn--green-bottom:hover {
    color: #fff;
    background-color: #015005;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#015005),
            to(#008a34)
    );
    background-image: linear-gradient(180deg, #015005 0, #008a34);
}

.btn--green-top {
    color: #fff;
    background-color: #028208;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(0deg, #028208 0, #00bd47);
}

.btn--green-top:hover {
    color: #fff;
    background-color: #015005;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#015005),
            to(#008a34)
    );
    background-image: linear-gradient(0deg, #015005 0, #008a34);
}

.btn--orange {
    color: #fff;
    background-color: #f7ba00;
}

.btn--orange:hover {
    color: #fff;
    background-color: #c49400;
}

.btn--orange-right {
    color: #fff;
    background-color: #f7ba00;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#f7ba00),
            to(#ffd75e)
    );
    background-image: linear-gradient(90deg, #f7ba00 0, #ffd75e);
}

.btn--orange-right:hover {
    color: #fff;
    background-color: #c49400;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#c49400),
            to(#ffcb2b)
    );
    background-image: linear-gradient(90deg, #c49400 0, #ffcb2b);
}

.btn--orange-left {
    color: #fff;
    background-color: #f7ba00;
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#f7ba00),
            to(#ffd75e)
    );
    background-image: linear-gradient(270deg, #f7ba00 0, #ffd75e);
}

.btn--orange-left:hover {
    color: #fff;
    background-color: #c49400;
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#c49400),
            to(#ffcb2b)
    );
    background-image: linear-gradient(270deg, #c49400 0, #ffcb2b);
}

.btn--orange-bottom {
    color: #fff;
    background-color: #f7ba00;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#f7ba00),
            to(#ffd75e)
    );
    background-image: linear-gradient(180deg, #f7ba00 0, #ffd75e);
}

.btn--orange-bottom:hover {
    color: #fff;
    background-color: #c49400;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#c49400),
            to(#ffcb2b)
    );
    background-image: linear-gradient(180deg, #c49400 0, #ffcb2b);
}

.btn--orange-top {
    color: #fff;
    background-color: #f7ba00;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#f7ba00),
            to(#ffd75e)
    );
    background-image: linear-gradient(0deg, #f7ba00 0, #ffd75e);
}

.btn--orange-top:hover {
    color: #fff;
    background-color: #c49400;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#c49400),
            to(#ffcb2b)
    );
    background-image: linear-gradient(0deg, #c49400 0, #ffcb2b);
}

.btn--blue {
    color: #fff;
    background-color: #16a0db;
}

.btn--blue:hover {
    color: #fff;
    background-color: #117ead;
}

.btn--blue-right {
    color: #fff;
    background-color: #16a0db;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#16a0db),
            to(#4d5bd9)
    );
    background-image: linear-gradient(90deg, #16a0db 0, #4d5bd9);
}

.btn--blue-right:hover {
    color: #fff;
    background-color: #117ead;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#117ead),
            to(#2b3bc8)
    );
    background-image: linear-gradient(90deg, #117ead 0, #2b3bc8);
}

.btn--blue-left {
    color: #fff;
    background-color: #16a0db;
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#16a0db),
            to(#4d5bd9)
    );
    background-image: linear-gradient(270deg, #16a0db 0, #4d5bd9);
}

.btn--blue-left:hover {
    color: #fff;
    background-color: #117ead;
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#117ead),
            to(#2b3bc8)
    );
    background-image: linear-gradient(270deg, #117ead 0, #2b3bc8);
}

.btn--blue-bottom {
    color: #fff;
    background-color: #16a0db;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#16a0db),
            to(#4d5bd9)
    );
    background-image: linear-gradient(180deg, #16a0db 0, #4d5bd9);
}

.btn--blue-bottom:hover {
    color: #fff;
    background-color: #117ead;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#117ead),
            to(#2b3bc8)
    );
    background-image: linear-gradient(180deg, #117ead 0, #2b3bc8);
}

.btn--blue-top {
    color: #fff;
    background-color: #16a0db;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#16a0db),
            to(#4d5bd9)
    );
    background-image: linear-gradient(0deg, #16a0db 0, #4d5bd9);
}

.btn--blue-top:hover {
    color: #fff;
    background-color: #117ead;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#117ead),
            to(#2b3bc8)
    );
    background-image: linear-gradient(0deg, #117ead 0, #2b3bc8);
}

.btn--white {
    color: #3b5264;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.btn--white:hover {
    color: #3b5264;
    border: 1px solid #3b5264;
}

.btn--white-right {
    color: #3b5264;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.btn--white-right:hover {
    color: #3b5264;
    border: 1px solid #3b5264;
}

.btn--white-left {
    color: #3b5264;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.btn--white-left:hover {
    color: #3b5264;
    border: 1px solid #3b5264;
}

.btn--white-bottom {
    color: #3b5264;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.btn--white-bottom:hover {
    color: #3b5264;
    border: 1px solid #3b5264;
}

.btn--white-top {
    color: #3b5264;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.btn--white-top:hover {
    color: #3b5264;
    border: 1px solid #3b5264;
}

.btn--gray {
    color: #fff;
    border: 1px solid #dcdfe6;
    background-color: #f7f7f7;
}

.btn--gray:hover {
    color: #fff;
    background-color: #dedddd;
}

.btn--gray-right {
    color: #fff;
    border: 1px solid #dcdfe6;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#f7f7f7),
            to(#fff)
    );
    background-image: linear-gradient(90deg, #f7f7f7 0, #fff);
}

.btn--gray-right:hover {
    color: #fff;
    background-color: #dedddd;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#dedddd),
            to(#e6e5e5)
    );
    background-image: linear-gradient(90deg, #dedddd 0, #e6e5e5);
}

.btn--gray-left {
    color: #fff;
    border: 1px solid #dcdfe6;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#f7f7f7),
            to(#fff)
    );
    background-image: linear-gradient(270deg, #f7f7f7 0, #fff);
}

.btn--gray-left:hover {
    color: #fff;
    background-color: #dedddd;
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#dedddd),
            to(#e6e5e5)
    );
    background-image: linear-gradient(270deg, #dedddd 0, #e6e5e5);
}

.btn--gray-bottom {
    color: #fff;
    border: 1px solid #dcdfe6;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#f7f7f7),
            to(#fff)
    );
    background-image: linear-gradient(180deg, #f7f7f7 0, #fff);
}

.btn--gray-bottom:hover {
    color: #fff;
    background-color: #dedddd;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#dedddd),
            to(#e6e5e5)
    );
    background-image: linear-gradient(180deg, #dedddd 0, #e6e5e5);
}

.btn--gray-top {
    color: #fff;
    border: 1px solid #dcdfe6;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#f7f7f7),
            to(#fff)
    );
    background-image: linear-gradient(0deg, #f7f7f7 0, #fff);
}

.btn--gray-top:hover {
    color: #fff;
    background-color: #dedddd;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#dedddd),
            to(#e6e5e5)
    );
    background-image: linear-gradient(0deg, #dedddd 0, #e6e5e5);
}

@media screen and (max-width: 767px) {
    .btn {
        padding: 8px 10px;
        font-size: 0.9em;
        font-weight: 400;
    }

    .btn--big {
        font-size: 4vw;
    }

    .btn--wide {
        padding: 8px 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .btn {
        padding: 14px 15px;
        font-size: 1.15em;
        font-weight: 400;
    }

    .btn--big {
        font-size: 4vw;
    }

    .btn--wide {
        padding: 14px 25px;
    }
}

.client-panel-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
}

.client-panel-btn i {
    padding-left: 0 !important;
    padding-right: 5px !important;
    color: #ed1c24;
    font-size: 1.5em;
}

.client-panel-btn:hover {
    color: #082;
}

.social-links {
    float: right;
}

.social-links a {
    padding: 8px 8px 2px;
    font-size: 1.3em;
    color: #fff;
    border-radius: 4px;
}

.social-links .social-facebook {
    background: #3b5998;
}

.social-links .social-linkedin {
    background: #0077b5;
}

.social-links .social-twitter {
    background: #1da1f2;
}

.social-links .social-instagram {
    background: #2db3f2;
}

.fp-content {
    width: 97.91666667%;
    margin: 1.04166667%;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.fp-content__box {
    background-color: #f5f5f5;
}

section.news .news {
    width: 100%;
    padding-bottom: 20px;
}

.news,
.promotions {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 90px 0 40px;
    position: relative;
}

.news--frontpage,
.promotions--frontpage {
    padding: 40px 0;
}

.news--frontpage .news__head,
.promotions--frontpage .news__head {
    display: block;
}

.news__list,
.promotions__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.news__head,
.promotions__head {
    font-size: 1.8em;
    padding-bottom: 30px;
    color: #3b5264;
    font-weight: 700;
    display: none;
}

.news__more,
.promotions__more {
    position: absolute;
    top: 30px;
    right: 0;
}

.news__item,
.promotions__item {
    width: 32%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0 0.5% 2%;
}

.news__description,
.promotions__description {
    padding: 20px;
    min-height: 140px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.news__bottom,
.promotions__bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px 20px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.news__bottom,
.news__image,
.promotions__bottom,
.promotions__image {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.news__image,
.promotions__image {
    min-height: 192px;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.news__image img,
.promotions__image img {
    display: block;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news__title,
.promotions__title {
    padding: 10px 0;
    width: 100%;
    line-height: 120%;
}

.news__title a,
.promotions__title a {
    font-weight: 700;
    font-size: 1.3em;
    color: #1e1f20;
}

.news__title span,
.promotions__title span {
    display: block;
    clear: both;
    font-weight: 300;
    font-size: 0.8em;
    padding-top: 5px;
}

.news__button,
.promotions__button {
    -ms-flex-item-align: end;
    align-self: flex-end;
    justify-self: flex-end;
}

.static-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 30px 0;
}

.static-box .wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.static-box__title {
    font-size: 25px;
    font-weight: 900;
    color: #1e1f20;
    padding: 0 20px;
    position: relative;
}

.static-box__subtitle {
    font-size: 29px;
    font-weight: 900;
    color: #ed1c24;
    padding: 20px;
    position: relative;
}

.static-box__image {
    margin-right: 50px;
}

.static-box__bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: absolute;
    bottom: 0;
}

.static-box__hr {
    color: #bbb;
    margin: 0 20px;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media screen and (max-width: 1279px) {
    .news {
        padding: 40px 10px;
    }

    .static-box__title, .static-box__subtitle {
        font-size: 25px;
        top: 35px !important;
    }

    .static-box__subtitle {
        font-size: 21px;
    }

    .footer-item:nth-child(2) {
        justify-content: space-between;
        padding: 0 0 0 20px;
    }

    .footer__item ul {
        padding: 15px 0 0 0;
    }
}

@media screen and (max-width: 767px) {
    .news__button,
    .promotions__button {
        padding: 10px 30px;
    }

    .reservation {
        padding-top: 70px;
    }

    .static-box {
        display: none;
    }

    .news {
        margin-top: 65px;
    }

    .news--frontpage .news__item {
        width: 100%;
    }

    .news__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }

    .news__item {
        width: 100%;
    }

    .news__title {
        padding: 10px;
    }

    .news__head {
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding: 0 30px 30px;
    }

    .news__more {
        display: none;
    }

    .news__bottom {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 15px 30px;
        font-size: 1.4em;
        border: none;
    }

    .news__bottom .news__hr {
        display: none;
    }

    .news__bottom .news__button {
        padding: 10px 50px;
    }

    .promotions__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }

    .promotions__head {
        font-size: 2em;
        padding: 0 20px 20px;
    }

    .promotions__item {
        width: 100%;
        margin-bottom: 20px;
    }

    .promotions__description {
        border: none;
    }

    .promotions__bottom {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    body.home .page-image {
        display: none;
    }
}

.content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 50px;
}

.replacement-car.content__text .blocks {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    justify-content: space-between;
}

.replacement-car.content__text h1 {
    color: red;
    padding-bottom: 0;
}

.replacement-car.content__text h2 {
    padding: 0;
}

.replacement-car.content__text .blocks .text-block {
    background: #efefef;
    border-radius: 20px;
    padding: 5px 20px;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    width: 49%;
    min-height: 84px;
}

.replacement-car.content__text .blocks .text-block p {
    color: black;
    font-size: 14px;
    font-weight: 600;
}

.replacement-car.content__text .blocks .text-block .number {
    border: 1px solid #dbd8d8;
    border-radius: 50%;
    padding: 3px 9px;
    margin-right: 8px;
}

.content__text h1 {
    font-size: 2.2em;
    font-weight: 900;
    padding: 30px 0;
}

.content__text h2 {
    font-size: 1.75em;
    font-weight: 900;
    padding: 30px 0 20px;
    line-height: 130%;
}

.content__text h3 {
    margin: 40px 0;
    font-size: 1.9em;
    color: #ec4930;
}

.content__text ul {
    margin-left: 30px;
    list-style: unset;
}

.content__text ul li {
    font-size: 16px;
    color: #595959;
    line-height: 22px;
    padding: 5px 0;
    font-weight: 300;
}

.content__text p > i {
    font-size: 19px;
    padding-bottom: 5px;
}

.content__text p > i > a {
    padding-left: 10px;
}

.content__text .info-text,
.content__text .mail-link,
.content__text .phone-link {
    display: inline-block;
    min-width: 200px;
    margin-right: 10px;
}

.content__text .news-content {
    padding: 50px 0;
}

.content__text .news-content__images {
    position: relative;
}

.content__text .news-content__images img {
    width: 100%;
    height: auto;
    display: block;
}

.content__text .news-content__date {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 20px;
    color: #fff;
    font-weight: 700;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#028208),
            to(#00bd47)
    );
    background-image: linear-gradient(90deg, #028208 0, #00bd47);
    border-bottom-right-radius: 10px;
}

.content__text .news-content__description {
    padding: 0 30px 40px;
    border: 1px solid #dfdfdf;
    border-top: none;
}

.content__text .news-content__head {
    font-size: 1.5em;
    color: #2b2b3c;
    padding: 30px 0 0
}

.content__text .news-content__subtitle h3 {
    margin: 0 0 25px;
    font-size: 18px;
    color: #2b2b3c;
    font-weight: 600;
}

.content__text .news-content li,
.content__text .news-content p {
    font-size: 0.9em;
}

.content li,
.content p {
    font-size: 16px;
    color: #595959;
    line-height: 22px;
    padding: 15px 0;
    font-weight: 300;
}

.content li img,
.content p img {
    display: inline-block;
    margin: 1px;
}

.content li a,
.content p a {
    color: #ed1c24;
    font-weight: 700;
}

.content li {
    padding: 5px 0;
}

.content ul.links-list {
    margin-left: 0;
}

.content ul.links-list li {
    list-style: none;
    padding: 0;
}

.content ul.links-list li:nth-child(n + 2) {
    border-top: 1px solid #e5e5e5;
}

.content ul.links-list li a {
    padding: 15px;
    display: block;
    color: #3b5264;
}

.content ul.links-list li a:hover {
    color: #082;
}

.content .gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px -1px;
}

.content .gallery-columns-2 .gallery-item {
    width: 50%;
}

.content .gallery-columns-3 .gallery-item {
    width: 33.3%;
}

.content .gallery-columns-4 .gallery-item {
    width: 25%;
}

.content .gallery .gallery-item {
    margin: 1px;
}

.content .gallery .gallery-item img {
    width: 100%;
    height: auto;
}

.content .head {
    font-size: 1.8em;
    font-weight: 700;
    padding: 20px 0;
    color: #1e1f20;
    display: none;
}

.content__right {
    width: 38%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-top: 30px;
    padding: 0;
    border-radius: 5px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    z-index: 1;
    background-color: #fafafa;
}

.content__right--contact {
    background-color: #fff;
    padding: 20px;
}

.content__right--contact h5 {
    font-size: 1.8em;
    color: #000;
    padding-bottom: 30px;
}

.content__right--contact p {
    padding: 0;
    color: #000;
    font-weight: 700;
}

.content__right--contact .info-text,
.content__right--contact .mail-link,
.content__right--contact .phone-link {
    text-decoration: none;
    color: #d0021b;
    font-weight: 300;
    font-size: 1em;
    display: inline-block;
    border: none;
    margin: 0 0 10px;
    padding: 0;
    font-style: normal;
}

.content__right--contact .info-text i,
.content__right--contact .mail-link i,
.content__right--contact .phone-link i {
    display: none;
}

.content__right--single {
    background: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.content__right--single .head {
    font-size: 1.4em;
    color: #3f3f3f;
}

.content__right--single .news__item {
    width: 100%;
    margin-bottom: 30px;
}

.content__right--single .news__item h2 {
    padding: 10px 0;
}

.content__right--single .news__item .btn {
    margin: 0;
}

.content__right p {
    padding: 0;
}

.content__right p img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    border-radius: 5px;
}

.content__right ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
}

.content__right ul li {
    opacity: 0.5;
    font-size: 12px;
    color: #3b5264;
}

.content__right ul li strong {
    font-size: 20px;
    color: #0063d4;
    display: block;
    clear: both;
    padding-bottom: 4px;
}

.content__right h2 {
    font-size: 20px;
    color: #44444d;
    padding: 10px 30px;
}

.content__right hr {
    display: block;
    background: #0063c9;
    height: 1px;
    border: none;
    margin: 10px 30px;
}

.content__right .btn {
    margin: 20px 0 0;
}

.person {
    width: 100%;
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.person__image {
    width: 200px;
    height: 200px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
}

.person__image img {
    width: 100%;
}

.person aside {
    padding-left: 30px;
}

.person aside h2 {
    font-size: 1.2em;
    color: #212121;
    padding: 10px 0;
    font-style: italic;
    font-weight: 300;
}

.person aside h3 {
    font-size: 3em;
    color: #536c5d;
    margin: 10px 0 20px;
    font-family: Satisfy, cursive;
}

.person aside .mail-link,
.person aside .phone-link {
    border: none;
    padding: 0;
    margin: 5px 0;
}

.person aside .mail-link i,
.person aside .phone-link i {
    margin-left: 0;
    padding-left: 0;
}

.page-baner {
    width: 100%;
    position: relative;
    height: 200px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(iPanek_files/img/page-baner-big.jpg?48283e9620f2ba3d11692bb736d5dee3);
}

.page-baner__info {
    position: absolute;
    top: 50%;
    left: 3.125%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-baner__title {
    font-size: 3vw;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    padding-bottom: 25px;
}

.page-baner__title span {
    display: block;
    font-size: 2vw;
}

.page-baner img {
    display: block;
    width: 100%;
}

.page-baner .btn {
    position: absolute;
    top: 50%;
    right: 3.125%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-image {
    width: 100%;
    min-height: 15vw;
    position: relative;
}

.page-image img {
    width: 100%;
    height: auto;
    display: block;
}

.page-image .text {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    top: 0;
    right: 0;
    height: 100%;
    width: 31.25vw;
    font-style: italic;
}

.page-image .text h2 {
    color: #1e1f20;
    font-size: 1.35vw;
}

.page-image .text p {
    font-size: 1.4vw;
    font-weight: 500;
    color: #1e1f20;
    line-height: 120%;
}

.page-image .text strong {
    font-weight: 800;
}

.page-image .text i {
    color: #1e1f20;
    font-size: 1.4vw;
}

.page-image .text i.red {
    color: #ed1c24;
}

.breadcrumbs {
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    font-style: italic;
}

.breadcrumbs a {
    color: #fff;
}

.breadcrumbs a:hover {
    color: #082;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .content {
        padding: 0 10px 50px;
    }
}

@media screen and (max-width: 767px) {
    .content__text {
        width: 100%;
        padding: 20px;
    }

    .content__text h2 {
        font-size: 1.3em;
    }

    .content__text h3 {
        margin: 20px 0;
    }

    .content__text .info-text,
    .content__text .mail-link,
    .content__text .phone-link {
        margin: 5px 0;
    }

    .content__text .info-text i,
    .content__text .mail-link i,
    .content__text .phone-link i {
        padding: 0 25px 0 7.5px;
    }

    .content__text .rental-points {
        margin-top: 30px;
    }

    .content__text .rental-points h2 {
        font-size: 1.2em;
        padding: 0;
    }

    .content__text .rental-points ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 15px;
    }

    .content__text .rental-points ul li {
        margin-right: 0;
    }

    .content__text .rental-points ul li i {
        font-size: 1.2em;
        padding: 0 15px;
        margin-right: 0;
    }

    .content__text .rental-points ul li .btn {
        margin: 15px;
    }

    .content__text .rental-points ul li .btn i {
        top: 3px;
        padding: 0 10px 0 0;
    }

    .content__right {
        display: none;
    }

    .content__right--contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .content__right--contact .info-text,
    .content__right--contact .mail-link,
    .content__right--contact .phone-link {
        border: 1px solid #e0e0e0;
        padding: 10px;
        margin: 10px 0 20px;
        width: 100%;
    }

    .content .company-info h2,
    .content h3 {
        font-size: 1.2em;
    }

    .content p {
        font-size: 0.9em;
    }

    .content .head {
        font-size: 2em;
        padding: 20px;
    }

    .person {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }

    .person__image {
        margin: 20px 0;
    }

    .person aside {
        padding-left: 0;
    }

    .person aside h3 {
        font-size: 2em;
    }

    .page-baner {
        height: 150px;
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page-baner__title {
        padding-bottom: 0;
        font-size: 30px;
        text-align: center;
    }

    .page-baner__title span {
        font-size: 20px;
    }

    .page-baner__info {
        position: relative;
        top: unset;
        left: unset;
        -webkit-transform: unset;
        transform: unset;
        padding: 0;
    }

    .page-baner img {
        min-height: 50px;
    }

    .page-baner .btn {
        position: relative;
        top: unset;
        right: unset;
        -webkit-transform: unset;
        transform: unset;
        font-size: 20px;
        margin-top: 20px;
    }

    .breadcrumbs {
        display: none;
    }

    .page-image {
        overflow: hidden;
        margin-top: 65px;
    }

    .page-image img {
        width: 200%;
        margin-left: -50%;
    }

    .page-image .text h2 {
        font-size: 3vw;
    }

    .page-image .text p {
        font-size: 2.3vw;
        line-height: 2.3vw;
        padding: 0;
    }

    .page-image .text i {
        font-size: 2vw;
    }
}

.company-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 40px;
}

.company-info aside {
    width: 100%;
    padding: 0 0 30px;
}

.company-info aside span {
    color: #ed1c24;
    font-style: italic;
    font-weight: 700;
}

.company-info p {
    padding: 3px 0;
    font-size: 0.9em;
}

.company-info h2 {
    font-size: 1.8em;
    font-weight: 700;
    padding: 20px 0;
    color: #1e1f20;
    margin-top: 20px;
}

.map,
.rental-points {
    width: 100%;
}

.rental-points ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 1140px;
    margin: 40px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 8;
}

.rental-points ul,
.rental-points ul li {
    -webkit-box-direction: normal;
    position: relative;
}

.rental-points ul li {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-right: 0;
    text-align: center;
    line-height: 36px;
}

.rental-points ul li .icon-back {
    display: block;
    width: 115px;
    height: 115px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1005;
    margin-bottom: 20px;
}

.rental-points ul li i {
    font-size: 3em;
    color: #fff;
    background: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#028208),
            to(#00bd47)
    );
    background: linear-gradient(0deg, #028208 0, #00bd47);
    padding: 20px;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    top: 15px;
    left: 15px;
    font-weight: 300;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    z-index: 1010;
    display: block;
}

.rental-points ul li span {
    font-size: 1em;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    color: #838383;
}

.rental-points ul li span strong {
    display: block;
    clear: both;
    font-size: 3.5em;
    color: #1e1f20;
}

.rental-points__cities span {
    color: #9c9c9c;
    font-weight: 300;
    font-size: 15px;
    font-style: normal;
    display: inline-block;
    padding-right: 4px;
    padding-bottom: 2px;
}

.rental-points--home ul {
    position: relative;
    margin-top: -60px;
    z-index: 8;
}

.rental-points--home p {
    padding: 0 0 10px;
    color: #b1b1b2;
    font-weight: 700;
    font-size: 12px;
    font-style: italic;
}

.rental-points--home aside {
    padding: 60px 0;
    background-color: #f5f5f9;
}

.rental-points--home aside h2 {
    font-size: 1.2em;
    color: #1e1f20;
    font-weight: 700;
    font-style: normal;
    padding-bottom: 20px;
}

.rental-points--home aside p {
    color: #9c9c9c;
    font-weight: 300;
    font-size: 15px;
    font-style: normal;
    line-height: 140%;
}

.rental-points--home aside .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.rental-points--home aside .btn {
    margin: 30px 20px 0 0;
    padding-left: 20px;
}

.just-small-mobile {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .rental-points--home ul {
        padding: 0 10px;
    }

    .rental-points--home aside {
        padding: 30px 10px;
    }
}

@media screen and (max-width: 767px) {
    .page-template-page-contact .rental-points {
        display: none;
    }

    .r-insurance {
        width: 100%;
    }

    .rental-points ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .rental-points ul li {
        width: 50%;
        margin-bottom: 50px;
    }

    .rental-points ul li .icon-back {
        margin: 0 auto 20px;
    }

    .rental-points aside {
        display: none;
    }

    .app-header {
        justify-content: space-between !important;
    }

    .seasons-banner {
        padding: 4% 0 1px;
        min-height: unset;
    }

    .search-banner .wrapper {
        flex-direction: column;
        min-height: unset;
    }

    #dienos {
        padding: 0;
    }

    .search-banner .wrapper .search-banner__mode, .search-banner .wrapper #dienos {
        width: 100%;
        justify-content: center;
    }

    #home-search .select2-container {
        width: 100% !important;
    }

    .rental-points--home ul {
        margin: 0;
    }

    .social-links {
        float: left;
    }

    .menu-item {
        padding: 0 20px 0 0 !important;
    }

    .order-form-company-inputs {
        width: 100%;
    }

    .dropdown-text {
        display: none;
    }
}

@media screen and (max-width: 425px) {
    .seasons-banner {
        padding: 1px 0;
        min-height: unset;
    }

    .search-banner .el-radio-group .el-radio-button__inner {
        padding: 10px 20px;
    }

    .search-banner__caption {
        padding-top: 15px;
    }

    .r-place__return {
        padding: 5px 20px 0;
    }

    .footer__item {
        align-items: center;
    }

    .footer__item:nth-child(2) {
        flex-flow: column !important;
    }

    .footer__item ul {
        text-align: center;
    }

    .footer__logo img {
        margin: 0 auto;
    }

    .menu-item {
        padding: 0 !important;
    }

    .header {
        height: 50px;
    }

    .header .wrapper--flex {
        justify-content: space-between !important;
    }

    .app-header__logo a {
        justify-content: center;
    }

    .app-header__logo a img {
        width: auto;
    }

    .dropdownMenuButton .selected-country {
        display: none;
    }
}

header .fixed-header {
    position: fixed;
    width: 100%;
    padding: 0;
    top: 0;
}

@media screen and (max-width: 425px) {
    .step {
        margin: 0;
        border: 0;
        box-shadow: none;
        border-bottom: 1px solid #ddd;
        margin: 0 -17px;
    }

    .step--1 .is-finished .location__label {
        height: 40px;
        min-width: unset;
        width: 84px;
        background: #ed1c24;
        color: #fff;
        border-radius: 4px 4px 0 0;
        margin: 0;
        display: flex;
        transform: rotate(-90deg) translate(0, -10px);
        align-items: center;
        justify-content: center;
    }

    .step--1 .is-finished .location__label .icon {
        display: none;
    }

    .step--1 .is-finished .location__label strong {
        display: block;
        font-size: 13px;
        color: white;
        font-weight: 600;
    }

    .step--1 .is-finished .step__header .location__place {
        margin: 0 13px 0 -35px;
        border-left: 0;
        height: 84px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .step--1 .is-finished .step__header .location__box {
        height: 105px;
    }

    .step--2 .is-finished .offer {
        flex-wrap: unset;
    }


    .reservation-page .step__index {
        padding-left: 10px;
    }

    .step--4 .sixth-block {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 425px) {
    .input-inner {
        border-radius: 4px;
        border: 1px solid #dcdfe6;
        background-color: #fff;
        padding: 0 0 0 6px;
        font-size: 10px;
        height: 28px;
        width: 72px;
    }
}