donoage · March 25, 2025 01:56
diff --git a/gistfile1.txt b/gistfile1.txt
 .el-pagination--small .arrow.disabled,.el-table .el-table__cell.is-hidden>*,.el-table .hidden-columns,.el-table--hidden {
    visibility: hidden
 }

 .el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing),.el-message__closeBtn:focus,.el-message__content:focus,.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing),.el-rate:active,.el-rate:focus,.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing),.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
 }

 .el-input__suffix,.el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none
 }

 @font-face {
    font-family: element-icons;
    src: url(/mstool/Vue/dist/main/fonts/element-icons.woff) format("woff"),url(/mstool/Vue/dist/main/fonts/element-icons.ttf) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal
 }

 [class*=" el-icon-"],[class^=el-icon-] {
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
 }

 .el-icon-ice-cream-round:before {
    content: "\e6a0"
 }

 .el-icon-ice-cream-square:before {
    content: "\e6a3"
 }

 .el-icon-lollipop:before {
    content: "\e6a4"
 }

 .el-icon-potato-strips:before {
    content: "\e6a5"
 }

 .el-icon-milk-tea:before {
    content: "\e6a6"
 }

 .el-icon-ice-drink:before {
    content: "\e6a7"
 }

 .el-icon-ice-tea:before {
    content: "\e6a9"
 }

 .el-icon-coffee:before {
    content: "\e6aa"
 }

 .el-icon-orange:before {
    content: "\e6ab"
 }

 .el-icon-pear:before {
    content: "\e6ac"
 }

 .el-icon-apple:before {
    content: "\e6ad"
 }

 .el-icon-cherry:before {
    content: "\e6ae"
 }

 .el-icon-watermelon:before {
    content: "\e6af"
 }

 .el-icon-grape:before {
    content: "\e6b0"
 }

 .el-icon-refrigerator:before {
    content: "\e6b1"
 }

 .el-icon-goblet-square-full:before {
    content: "\e6b2"
 }

 .el-icon-goblet-square:before {
    content: "\e6b3"
 }

 .el-icon-goblet-full:before {
    content: "\e6b4"
 }

 .el-icon-goblet:before {
    content: "\e6b5"
 }

 .el-icon-cold-drink:before {
    content: "\e6b6"
 }

 .el-icon-coffee-cup:before {
    content: "\e6b8"
 }

 .el-icon-water-cup:before {
    content: "\e6b9"
 }

 .el-icon-hot-water:before {
    content: "\e6ba"
 }

 .el-icon-ice-cream:before {
    content: "\e6bb"
 }

 .el-icon-dessert:before {
    content: "\e6bc"
 }

 .el-icon-sugar:before {
    content: "\e6bd"
 }

 .el-icon-tableware:before {
    content: "\e6be"
 }

 .el-icon-burger:before {
    content: "\e6bf"
 }

 .el-icon-knife-fork:before {
    content: "\e6c1"
 }

 .el-icon-fork-spoon:before {
    content: "\e6c2"
 }

 .el-icon-chicken:before {
    content: "\e6c3"
 }

 .el-icon-food:before {
    content: "\e6c4"
 }

 .el-icon-dish-1:before {
    content: "\e6c5"
 }

 .el-icon-dish:before {
    content: "\e6c6"
 }

 .el-icon-moon-night:before {
    content: "\e6ee"
 }

 .el-icon-moon:before {
    content: "\e6f0"
 }

 .el-icon-cloudy-and-sunny:before {
    content: "\e6f1"
 }

 .el-icon-partly-cloudy:before {
    content: "\e6f2"
 }

 .el-icon-cloudy:before {
    content: "\e6f3"
 }

 .el-icon-sunny:before {
    content: "\e6f6"
 }

 .el-icon-sunset:before {
    content: "\e6f7"
 }

 .el-icon-sunrise-1:before {
    content: "\e6f8"
 }

 .el-icon-sunrise:before {
    content: "\e6f9"
 }

 .el-icon-heavy-rain:before {
    content: "\e6fa"
 }

 .el-icon-lightning:before {
    content: "\e6fb"
 }

 .el-icon-light-rain:before {
    content: "\e6fc"
 }

 .el-icon-wind-power:before {
    content: "\e6fd"
 }

 .el-icon-baseball:before {
    content: "\e712"
 }

 .el-icon-soccer:before {
    content: "\e713"
 }

 .el-icon-football:before {
    content: "\e715"
 }

 .el-icon-basketball:before {
    content: "\e716"
 }

 .el-icon-ship:before {
    content: "\e73f"
 }

 .el-icon-truck:before {
    content: "\e740"
 }

 .el-icon-bicycle:before {
    content: "\e741"
 }

 .el-icon-mobile-phone:before {
    content: "\e6d3"
 }

 .el-icon-service:before {
    content: "\e6d4"
 }

 .el-icon-key:before {
    content: "\e6e2"
 }

 .el-icon-unlock:before {
    content: "\e6e4"
 }

 .el-icon-lock:before {
    content: "\e6e5"
 }

 .el-icon-watch:before {
    content: "\e6fe"
 }

 .el-icon-watch-1:before {
    content: "\e6ff"
 }

 .el-icon-timer:before {
    content: "\e702"
 }

 .el-icon-alarm-clock:before {
    content: "\e703"
 }

 .el-icon-map-location:before {
    content: "\e704"
 }

 .el-icon-delete-location:before {
    content: "\e705"
 }

 .el-icon-add-location:before {
    content: "\e706"
 }

 .el-icon-location-information:before {
    content: "\e707"
 }

 .el-icon-location-outline:before {
    content: "\e708"
 }

 .el-icon-location:before {
    content: "\e79e"
 }

 .el-icon-place:before {
    content: "\e709"
 }

 .el-icon-discover:before {
    content: "\e70a"
 }

 .el-icon-first-aid-kit:before {
    content: "\e70b"
 }

 .el-icon-trophy-1:before {
    content: "\e70c"
 }

 .el-icon-trophy:before {
    content: "\e70d"
 }

 .el-icon-medal:before {
    content: "\e70e"
 }

 .el-icon-medal-1:before {
    content: "\e70f"
 }

 .el-icon-stopwatch:before {
    content: "\e710"
 }

 .el-icon-mic:before {
    content: "\e711"
 }

 .el-icon-copy-document:before {
    content: "\e718"
 }

 .el-icon-full-screen:before {
    content: "\e719"
 }

 .el-icon-switch-button:before {
    content: "\e71b"
 }

 .el-icon-aim:before {
    content: "\e71c"
 }

 .el-icon-crop:before {
    content: "\e71d"
 }

 .el-icon-odometer:before {
    content: "\e71e"
 }

 .el-icon-time:before {
    content: "\e71f"
 }

 .el-icon-bangzhu:before {
    content: "\e724"
 }

 .el-icon-close-notification:before {
    content: "\e726"
 }

 .el-icon-microphone:before {
    content: "\e727"
 }

 .el-icon-turn-off-microphone:before {
    content: "\e728"
 }

 .el-icon-position:before {
    content: "\e729"
 }

 .el-icon-postcard:before {
    content: "\e72a"
 }

 .el-icon-message:before {
    content: "\e72b"
 }

 .el-icon-chat-line-square:before {
    content: "\e72d"
 }

 .el-icon-chat-dot-square:before {
    content: "\e72e"
 }

 .el-icon-chat-dot-round:before {
    content: "\e72f"
 }

 .el-icon-chat-square:before {
    content: "\e730"
 }

 .el-icon-chat-line-round:before {
    content: "\e731"
 }

 .el-icon-chat-round:before {
    content: "\e732"
 }

 .el-icon-set-up:before {
    content: "\e733"
 }

 .el-icon-turn-off:before {
    content: "\e734"
 }

 .el-icon-open:before {
    content: "\e735"
 }

 .el-icon-connection:before {
    content: "\e736"
 }

 .el-icon-link:before {
    content: "\e737"
 }

 .el-icon-cpu:before {
    content: "\e738"
 }

 .el-icon-thumb:before {
    content: "\e739"
 }

 .el-icon-female:before {
    content: "\e73a"
 }

 .el-icon-male:before {
    content: "\e73b"
 }

 .el-icon-guide:before {
    content: "\e73c"
 }

 .el-icon-news:before {
    content: "\e73e"
 }

 .el-icon-price-tag:before {
    content: "\e744"
 }

 .el-icon-discount:before {
    content: "\e745"
 }

 .el-icon-wallet:before {
    content: "\e747"
 }

 .el-icon-coin:before {
    content: "\e748"
 }

 .el-icon-money:before {
    content: "\e749"
 }

 .el-icon-bank-card:before {
    content: "\e74a"
 }

 .el-icon-box:before {
    content: "\e74b"
 }

 .el-icon-present:before {
    content: "\e74c"
 }

 .el-icon-sell:before {
    content: "\e6d5"
 }

 .el-icon-sold-out:before {
    content: "\e6d6"
 }

 .el-icon-shopping-bag-2:before {
    content: "\e74d"
 }

 .el-icon-shopping-bag-1:before {
    content: "\e74e"
 }

 .el-icon-shopping-cart-2:before {
    content: "\e74f"
 }

 .el-icon-shopping-cart-1:before {
    content: "\e750"
 }

 .el-icon-shopping-cart-full:before {
    content: "\e751"
 }

 .el-icon-smoking:before {
    content: "\e752"
 }

 .el-icon-no-smoking:before {
    content: "\e753"
 }

 .el-icon-house:before {
    content: "\e754"
 }

 .el-icon-table-lamp:before {
    content: "\e755"
 }

 .el-icon-school:before {
    content: "\e756"
 }

 .el-icon-office-building:before {
    content: "\e757"
 }

 .el-icon-toilet-paper:before {
    content: "\e758"
 }

 .el-icon-notebook-2:before {
    content: "\e759"
 }

 .el-icon-notebook-1:before {
    content: "\e75a"
 }

 .el-icon-files:before {
    content: "\e75b"
 }

 .el-icon-collection:before {
    content: "\e75c"
 }

 .el-icon-receiving:before {
    content: "\e75d"
 }

 .el-icon-suitcase-1:before {
    content: "\e760"
 }

 .el-icon-suitcase:before {
    content: "\e761"
 }

 .el-icon-film:before {
    content: "\e763"
 }

 .el-icon-collection-tag:before {
    content: "\e765"
 }

 .el-icon-data-analysis:before {
    content: "\e766"
 }

 .el-icon-pie-chart:before {
    content: "\e767"
 }

 .el-icon-data-board:before {
    content: "\e768"
 }

 .el-icon-data-line:before {
    content: "\e76d"
 }

 .el-icon-reading:before {
    content: "\e769"
 }

 .el-icon-magic-stick:before {
    content: "\e76a"
 }

 .el-icon-coordinate:before {
    content: "\e76b"
 }

 .el-icon-mouse:before {
    content: "\e76c"
 }

 .el-icon-brush:before {
    content: "\e76e"
 }

 .el-icon-headset:before {
    content: "\e76f"
 }

 .el-icon-umbrella:before {
    content: "\e770"
 }

 .el-icon-scissors:before {
    content: "\e771"
 }

 .el-icon-mobile:before {
    content: "\e773"
 }

 .el-icon-attract:before {
    content: "\e774"
 }

 .el-icon-monitor:before {
    content: "\e775"
 }

 .el-icon-search:before {
    content: "\e778"
 }

 .el-icon-takeaway-box:before {
    content: "\e77a"
 }

 .el-icon-paperclip:before {
    content: "\e77d"
 }

 .el-icon-printer:before {
    content: "\e77e"
 }

 .el-icon-document-add:before {
    content: "\e782"
 }

 .el-icon-document:before {
    content: "\e785"
 }

 .el-icon-document-checked:before {
    content: "\e786"
 }

 .el-icon-document-copy:before {
    content: "\e787"
 }

 .el-icon-document-delete:before {
    content: "\e788"
 }

 .el-icon-document-remove:before {
    content: "\e789"
 }

 .el-icon-tickets:before {
    content: "\e78b"
 }

 .el-icon-folder-checked:before {
    content: "\e77f"
 }

 .el-icon-folder-delete:before {
    content: "\e780"
 }

 .el-icon-folder-remove:before {
    content: "\e781"
 }

 .el-icon-folder-add:before {
    content: "\e783"
 }

 .el-icon-folder-opened:before {
    content: "\e784"
 }

 .el-icon-folder:before {
    content: "\e78a"
 }

 .el-icon-edit-outline:before {
    content: "\e764"
 }

 .el-icon-edit:before {
    content: "\e78c"
 }

 .el-icon-date:before {
    content: "\e78e"
 }

 .el-icon-c-scale-to-original:before {
    content: "\e7c6"
 }

 .el-icon-view:before {
    content: "\e6ce"
 }

 .el-icon-loading:before {
    content: "\e6cf"
 }

 .el-icon-rank:before {
    content: "\e6d1"
 }

 .el-icon-sort-down:before {
    content: "\e7c4"
 }

 .el-icon-sort-up:before {
    content: "\e7c5"
 }

 .el-icon-sort:before {
    content: "\e6d2"
 }

 .el-icon-finished:before {
    content: "\e6cd"
 }

 .el-icon-refresh-left:before {
    content: "\e6c7"
 }

 .el-icon-refresh-right:before {
    content: "\e6c8"
 }

 .el-icon-refresh:before {
    content: "\e6d0"
 }

 .el-icon-video-play:before {
    content: "\e7c0"
 }

 .el-icon-video-pause:before {
    content: "\e7c1"
 }

 .el-icon-d-arrow-right:before {
    content: "\e6dc"
 }

 .el-icon-d-arrow-left:before {
    content: "\e6dd"
 }

 .el-icon-arrow-up:before {
    content: "\e6e1"
 }

 .el-icon-arrow-down:before {
    content: "\e6df"
 }

 .el-icon-arrow-right:before {
    content: "\e6e0"
 }

 .el-icon-arrow-left:before {
    content: "\e6de"
 }

 .el-icon-top-right:before {
    content: "\e6e7"
 }

 .el-icon-top-left:before {
    content: "\e6e8"
 }

 .el-icon-top:before {
    content: "\e6e6"
 }

 .el-icon-bottom:before {
    content: "\e6eb"
 }

 .el-icon-right:before {
    content: "\e6e9"
 }

 .el-icon-back:before {
    content: "\e6ea"
 }

 .el-icon-bottom-right:before {
    content: "\e6ec"
 }

 .el-icon-bottom-left:before {
    content: "\e6ed"
 }

 .el-icon-caret-top:before {
    content: "\e78f"
 }

 .el-icon-caret-bottom:before {
    content: "\e790"
 }

 .el-icon-caret-right:before {
    content: "\e791"
 }

 .el-icon-caret-left:before {
    content: "\e792"
 }

 .el-icon-d-caret:before {
    content: "\e79a"
 }

 .el-icon-share:before {
    content: "\e793"
 }

 .el-icon-menu:before {
    content: "\e798"
 }

 .el-icon-s-grid:before {
    content: "\e7a6"
 }

 .el-icon-s-check:before {
    content: "\e7a7"
 }

 .el-icon-s-data:before {
    content: "\e7a8"
 }

 .el-icon-s-opportunity:before {
    content: "\e7aa"
 }

 .el-icon-s-custom:before {
    content: "\e7ab"
 }

 .el-icon-s-claim:before {
    content: "\e7ad"
 }

 .el-icon-s-finance:before {
    content: "\e7ae"
 }

 .el-icon-s-comment:before {
    content: "\e7af"
 }

 .el-icon-s-flag:before {
    content: "\e7b0"
 }

 .el-icon-s-marketing:before {
    content: "\e7b1"
 }

 .el-icon-s-shop:before {
    content: "\e7b4"
 }

 .el-icon-s-open:before {
    content: "\e7b5"
 }

 .el-icon-s-management:before {
    content: "\e7b6"
 }

 .el-icon-s-ticket:before {
    content: "\e7b7"
 }

 .el-icon-s-release:before {
    content: "\e7b8"
 }

 .el-icon-s-home:before {
    content: "\e7b9"
 }

 .el-icon-s-promotion:before {
    content: "\e7ba"
 }

 .el-icon-s-operation:before {
    content: "\e7bb"
 }

 .el-icon-s-unfold:before {
    content: "\e7bc"
 }

 .el-icon-s-fold:before {
    content: "\e7a9"
 }

 .el-icon-s-platform:before {
    content: "\e7bd"
 }

 .el-icon-s-order:before {
    content: "\e7be"
 }

 .el-icon-s-cooperation:before {
    content: "\e7bf"
 }

 .el-icon-bell:before {
    content: "\e725"
 }

 .el-icon-message-solid:before {
    content: "\e799"
 }

 .el-icon-video-camera:before {
    content: "\e772"
 }

 .el-icon-video-camera-solid:before {
    content: "\e796"
 }

 .el-icon-camera:before {
    content: "\e779"
 }

 .el-icon-camera-solid:before {
    content: "\e79b"
 }

 .el-icon-download:before {
    content: "\e77c"
 }

 .el-icon-upload2:before {
    content: "\e77b"
 }

 .el-icon-upload:before {
    content: "\e7c3"
 }

 .el-icon-picture-outline-round:before {
    content: "\e75f"
 }

 .el-icon-picture-outline:before {
    content: "\e75e"
 }

 .el-icon-picture:before {
    content: "\e79f"
 }

 .el-icon-close:before {
    content: "\e6db"
 }

 .el-icon-check:before {
    content: "\e6da"
 }

 .el-icon-plus:before {
    content: "\e6d9"
 }

 .el-icon-minus:before {
    content: "\e6d8"
 }

 .el-icon-help:before {
    content: "\e73d"
 }

 .el-icon-s-help:before {
    content: "\e7b3"
 }

 .el-icon-circle-close:before {
    content: "\e78d"
 }

 .el-icon-circle-check:before {
    content: "\e720"
 }

 .el-icon-circle-plus-outline:before {
    content: "\e723"
 }

 .el-icon-remove-outline:before {
    content: "\e722"
 }

 .el-icon-zoom-out:before {
    content: "\e776"
 }

 .el-icon-zoom-in:before {
    content: "\e777"
 }

 .el-icon-error:before {
    content: "\e79d"
 }

 .el-icon-success:before {
    content: "\e79c"
 }

 .el-icon-circle-plus:before {
    content: "\e7a0"
 }

 .el-icon-remove:before {
    content: "\e7a2"
 }

 .el-icon-info:before {
    content: "\e7a1"
 }

 .el-icon-question:before {
    content: "\e7a4"
 }

 .el-icon-warning-outline:before {
    content: "\e6c9"
 }

 .el-icon-warning:before {
    content: "\e7a3"
 }

 .el-icon-goods:before {
    content: "\e7c2"
 }

 .el-icon-s-goods:before {
    content: "\e7b2"
 }

 .el-icon-star-off:before {
    content: "\e717"
 }

 .el-icon-star-on:before {
    content: "\e797"
 }

 .el-icon-more-outline:before {
    content: "\e6cc"
 }

 .el-icon-more:before {
    content: "\e794"
 }

 .el-icon-phone-outline:before {
    content: "\e6cb"
 }

 .el-icon-phone:before {
    content: "\e795"
 }

 .el-icon-user:before {
    content: "\e6e3"
 }

 .el-icon-user-solid:before {
    content: "\e7a5"
 }

 .el-icon-setting:before {
    content: "\e6ca"
 }

 .el-icon-s-tools:before {
    content: "\e7ac"
 }

 .el-icon-delete:before {
    content: "\e6d7"
 }

 .el-icon-delete-solid:before {
    content: "\e7c9"
 }

 .el-icon-eleme:before {
    content: "\e7c7"
 }

 .el-icon-platform-eleme:before {
    content: "\e7ca"
 }

 .el-icon-loading {
    animation: rotating 2s linear infinite
 }

 .el-icon--right {
    margin-left: 5px
 }

 .el-icon--left {
    margin-right: 5px
 }

 @keyframes rotating {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
 }

 .el-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    font-weight: 700
 }

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

 .el-pagination:after {
    clear: both
 }

 .el-pagination button,.el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    box-sizing: border-box
 }

 .el-pagination .el-input__inner {
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal
 }

 .el-pagination .el-input__suffix {
    right: 0;
    transform: scale(.8)
 }

 .el-pagination .el-select .el-input {
    width: 100px;
    margin: 0 5px
 }

 .el-pagination .el-select .el-input .el-input__inner {
    padding-right: 25px;
    border-radius: 3px
 }

 .el-pagination button {
    border: none;
    padding: 0 6px;
    background: 0 0
 }

 .el-pagination button:focus {
    outline: 0
 }

 .el-pagination button:hover {
    color: #409eff
 }

 .el-pagination button:disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed
 }

 .el-pagination .btn-next,.el-pagination .btn-prev {
    background: 50% no-repeat #fff;
    background-size: 16px;
    cursor: pointer;
    margin: 0;
    color: #303133
 }

 .el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
 }

 .el-pagination .btn-prev {
    padding-right: 12px
 }

 .el-pagination .btn-next {
    padding-left: 12px
 }

 .el-pagination .el-pager li.disabled {
    color: #c0c4cc;
    cursor: not-allowed
 }

 .el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover {
    cursor: pointer
 }

 .el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child {
    border-color: transparent;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    min-width: 22px
 }

 .el-pagination--small .more:before,.el-pagination--small li.more:before {
    line-height: 24px
 }

 .el-pagination--small button,.el-pagination--small span:not([class*=suffix]) {
    height: 22px;
    line-height: 22px
 }

 .el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 22px
 }

 .el-pagination__sizes {
    margin: 0 10px 0 0;
    font-weight: 400;
    color: #606266
 }

 .el-pagination__sizes .el-input .el-input__inner {
    font-size: 13px;
    padding-left: 8px
 }

 .el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #409eff
 }

 .el-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: #606266
 }

 .el-pagination__jump {
    margin-left: 24px;
    font-weight: 400;
    color: #606266
 }

 .el-pagination__jump .el-input__inner {
    padding: 0 3px
 }

 .el-pagination__rightwrapper {
    float: right
 }

 .el-pagination__editor {
    line-height: 18px;
    padding: 0 2px;
    height: 28px;
    text-align: center;
    margin: 0 2px;
    box-sizing: border-box;
    border-radius: 3px
 }

 .el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev {
    padding: 0
 }

 .el-pagination__editor.el-input {
    width: 50px
 }

 .el-pagination__editor.el-input .el-input__inner {
    height: 28px
 }

 .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
 }

 .el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li {
    margin: 0 5px;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 30px;
    border-radius: 2px
 }

 .el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled {
    color: #c0c4cc
 }

 .el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #409eff
 }

 .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #409eff;
    color: #fff
 }

 .el-dialog,.el-pager li {
    background: #fff;
    -webkit-box-sizing: border-box
 }

 .el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li {
    margin: 0 3px;
    min-width: 22px
 }

 .el-pager,.el-pager li {
    vertical-align: top;
    margin: 0;
    display: inline-block
 }

 .el-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0
 }

 .el-date-table,.el-table th.el-table__cell {
    -webkit-user-select: none;
    -moz-user-select: none
 }

 .el-pager .more:before {
    line-height: 30px
 }

 .el-pager li {
    padding: 0 4px;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    text-align: center
 }

 .el-menu--collapse .el-menu .el-submenu,.el-menu--popup {
    min-width: 200px
 }

 .el-pager li.btn-quicknext,.el-pager li.btn-quickprev {
    line-height: 28px;
    color: #303133
 }

 .el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled {
    color: #c0c4cc
 }

 .el-pager li.active+li {
    border-left: 0
 }

 .el-pager li:hover {
    color: #409eff
 }

 .el-pager li.active {
    color: #409eff;
    cursor: default
 }

 .el-dialog {
    position: relative;
    margin: 0 auto 50px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    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;
    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 {
    animation: dialog-fade-in .3s
 }

 .dialog-fade-leave-active {
    animation: dialog-fade-out .3s
 }

 @keyframes dialog-fade-in {
    0% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
 }

 @keyframes dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
 }

 .el-autocomplete {
    position: relative;
    display: inline-block
 }

 .el-autocomplete-suggestion {
    margin: 5px 0;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    box-sizing: border-box;
    background-color: #fff
 }

 .el-dropdown-menu,.el-menu--collapse .el-submenu .el-menu {
    z-index: 10;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
 }

 .el-autocomplete-suggestion__wrap {
    max-height: 280px;
    padding: 10px 0;
    box-sizing: border-box
 }

 .el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
 }

 .el-autocomplete-suggestion li {
    padding: 0 20px;
    margin: 0;
    line-height: 34px;
    cursor: pointer;
    color: #606266;
    font-size: 14px;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
 }

 .el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover {
    background-color: #f5f7fa
 }

 .el-autocomplete-suggestion li.divider {
    margin-top: 6px;
    border-top: 1px solid #000
 }

 .el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
 }

 .el-autocomplete-suggestion.is-loading li {
    text-align: center;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: #999
 }

 .el-autocomplete-suggestion.is-loading li:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
 }

 .el-autocomplete-suggestion.is-loading li:hover {
    background-color: #fff
 }

 .el-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle
 }

 .el-dropdown {
    display: inline-block;
    position: relative;
    color: #606266;
    font-size: 14px
 }

 .el-dropdown .el-button-group {
    display: block
 }

 .el-dropdown .el-button-group .el-button {
    float: none
 }

 .el-dropdown .el-dropdown__caret-button {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    border-left: none
 }

 .el-dropdown .el-dropdown__caret-button:before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    top: 5px;
    bottom: 5px;
    left: 0;
    background: hsla(0,0%,100%,.5)
 }

 .el-dropdown .el-dropdown__caret-button.el-button--default:before {
    background: rgba(220,223,230,.5)
 }

 .el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled):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 [disabled] {
    cursor: not-allowed;
    color: #bbb
 }

 .el-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    margin: 5px 0;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .el-menu {
    border-right: 1px solid #e6e6e6;
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0
 }

 .el-menu,.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: #fff
 }

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

 .el-menu:after {
    clear: both
 }

 .el-menu.el-menu--horizontal {
    border-bottom: 1px solid #e6e6e6
 }

 .el-menu--horizontal {
    border-right: none
 }

 .el-menu--horizontal>.el-menu-item {
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0;
    border-bottom: 2px solid transparent;
    color: #909399
 }

 .el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover {
    color: inherit
 }

 .el-menu--horizontal>.el-submenu {
    float: left
 }

 .el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover {
    outline: 0
 }

 .el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title {
    color: #303133
 }

 .el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border-bottom: 2px solid #409eff;
    color: #303133
 }

 .el-menu--horizontal>.el-submenu .el-submenu__title {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid transparent;
    color: #909399
 }

 .el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {
    position: static;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -3px
 }

 .el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title {
    background-color: #fff;
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    color: #909399
 }

 .el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
    color: #303133
 }

 .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    outline: 0;
    color: #303133
 }

 .el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid #409eff;
    color: #303133
 }

 .el-menu--collapse {
    width: 64px
 }

 .el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] {
    margin: 0;
    vertical-align: middle;
    width: 24px;
    text-align: center
 }

 .el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
    display: none
 }

 .el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block
 }

 .el-menu--collapse>.el-menu-item.is-active i {
    color: inherit
 }

 .el-menu--collapse .el-submenu {
    position: relative
 }

 .el-menu--collapse .el-submenu .el-menu {
    position: absolute;
    margin-left: 5px;
    top: 0;
    left: 100%;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
 }

 .el-menu-item,.el-submenu__title {
    height: 56px;
    line-height: 56px;
    position: relative;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    list-style: none
 }

 .el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    transform: none
 }

 .el-menu--popup {
    z-index: 100;
    border: none;
    padding: 5px 0;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
 }

 .el-menu--popup-bottom-start {
    margin-top: 5px
 }

 .el-menu--popup-right-start {
    margin-left: 5px;
    margin-right: 5px
 }

 .el-menu-item {
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    cursor: pointer;
    transition: border-color .3s,background-color .3s,color .3s;
    box-sizing: border-box
 }

 .el-menu-item * {
    vertical-align: middle
 }

 .el-menu-item i {
    color: #909399
 }

 .el-menu-item:focus,.el-menu-item:hover {
    outline: 0;
    background-color: #ecf5ff
 }

 .el-menu-item.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0!important
 }

 .el-menu-item [class^=el-icon-] {
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle
 }

 .el-menu-item.is-active {
    color: #409eff
 }

 .el-menu-item.is-active i {
    color: inherit
 }

 .el-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0
 }

 .el-submenu__title {
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    cursor: pointer;
    transition: border-color .3s,background-color .3s,color .3s;
    box-sizing: border-box
 }

 .el-submenu__title * {
    vertical-align: middle
 }

 .el-submenu__title i {
    color: #909399
 }

 .el-submenu__title:focus,.el-submenu__title:hover {
    outline: 0;
    background-color: #ecf5ff
 }

 .el-submenu__title.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0!important
 }

 .el-submenu__title:hover {
    background-color: #ecf5ff
 }

 .el-submenu .el-menu {
    border: none
 }

 .el-submenu .el-menu-item {
    height: 50px;
    line-height: 50px;
    padding: 0 45px;
    min-width: 200px
 }

 .el-submenu__icon-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    transition: transform .3s;
    font-size: 12px
 }

 .el-submenu.is-active .el-submenu__title {
    border-bottom-color: #409eff
 }

 .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    transform: rotate(180deg)
 }

 .el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0!important
 }

 .el-submenu [class^=el-icon-] {
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px
 }

 .el-menu-item-group>ul {
    padding: 0
 }

 .el-menu-item-group__title {
    padding: 7px 0 7px 20px;
    line-height: normal;
    font-size: 12px;
    color: #909399
 }

 .el-radio-button__inner,.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
 }

 .horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
    transition: .2s;
    opacity: 0
 }

 .el-radio-group {
    font-size: 0
 }

 .el-radio-button {
    position: relative;
    display: inline-block;
    outline: 0
 }

 .el-radio-button__inner {
    white-space: nowrap;
    background: #fff;
    border: 1px solid #dcdfe6;
    font-weight: 500;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
 }

 .el-radio-button__inner.is-round {
    padding: 12px 20px
 }

 .el-radio-button__inner:hover {
    color: #409eff
 }

 .el-radio-button__inner [class*=el-icon-] {
    line-height: .9
 }

 .el-radio-button__inner [class*=el-icon-]+span {
    margin-left: 5px
 }

 .el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    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;
    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;
    box-shadow: none
 }

 .el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner {
    background-color: #f2f6fc
 }

 .el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 4px 4px 0
 }

 .el-popover,.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: 4px
 }

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

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

 .el-radio-button--small .el-radio-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
 }

 .el-radio-button--small .el-radio-button__inner.is-round {
    padding: 9px 15px
 }

 .el-radio-button--mini .el-radio-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
 }

 .el-radio-button--mini .el-radio-button__inner.is-round {
    padding: 7px 15px
 }

 .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    box-shadow: 0 0 2px 2px #409eff
 }

 .el-switch {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
 }

 .el-switch__core,.el-switch__label {
    display: inline-block;
    cursor: pointer
 }

 .el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
 }

 .el-switch__label {
    transition: .2s;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    color: #303133
 }

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

 .el-switch__label--left {
    margin-right: 10px
 }

 .el-switch__label--right {
    margin-left: 10px
 }

 .el-switch__label * {
    line-height: 1;
    font-size: 14px;
    display: inline-block
 }

 .el-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0
 }

 .el-switch__core {
    margin: 0;
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #dcdfe6;
    outline: 0;
    border-radius: 10px;
    box-sizing: border-box;
    background: #dcdfe6;
    transition: border-color .3s,background-color .3s;
    vertical-align: middle
 }

 .el-switch__core:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: #fff
 }

 .el-switch.is-checked .el-switch__core {
    border-color: #409eff;
    background-color: #409eff
 }

 .el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -17px
 }

 .el-switch.is-disabled {
    opacity: .6
 }

 .el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
 }

 .el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
 }

 .el-switch .label-fade-enter,.el-switch .label-fade-leave-active {
    opacity: 0
 }

 .el-select-dropdown {
    position: absolute;
    z-index: 1001;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    margin: 5px 0
 }

 .el-select-dropdown.is-multiple .el-select-dropdown__item {
    padding-right: 40px
 }

 .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;
    box-sizing: border-box
 }

 .el-select-dropdown__item {
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    cursor: pointer
 }

 .el-select-dropdown__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
 }

 .el-select-dropdown__item.is-disabled:hover {
    background-color: #fff
 }

 .el-select-dropdown__item.hover,.el-select-dropdown__item:hover {
    background-color: #f5f7fa
 }

 .el-select-dropdown__item.selected {
    color: #409eff;
    font-weight: 700
 }

 .el-select-group {
    margin: 0;
    padding: 0
 }

 .el-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
 }

 .el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
 }

 .el-select-group__wrap:not(:last-of-type):after {
    content: "";
    position: absolute;
    display: block;
    left: 20px;
    right: 20px;
    bottom: 12px;
    height: 1px;
    background: #e4e7ed
 }

 .el-select-group__title {
    padding-left: 20px;
    font-size: 12px;
    color: #909399;
    line-height: 30px
 }

 .el-select-group .el-select-dropdown__item {
    padding-left: 20px
 }

 .el-select {
    display: inline-block;
    position: relative
 }

 .el-select .el-select__tags>span {
    display: contents
 }

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

 .el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px
 }

 .el-select .el-input__inner:focus {
    border-color: #409eff
 }

 .el-select .el-input .el-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    transition: transform .3s;
    transform: rotate(180deg);
    cursor: pointer
 }

 .el-select .el-input .el-select__caret.is-reverse {
    transform: rotate(0)
 }

 .el-select .el-input .el-select__caret.is-show-close {
    font-size: 14px;
    text-align: center;
    transform: rotate(180deg);
    border-radius: 100%;
    color: #c0c4cc;
    transition: color .2s cubic-bezier(.645,.045,.355,1)
 }

 .el-select .el-input .el-select__caret.is-show-close:hover {
    color: #909399
 }

 .el-select .el-input.is-disabled .el-input__inner {
    cursor: not-allowed
 }

 .el-select .el-input.is-disabled .el-input__inner:hover {
    border-color: #e4e7ed
 }

 .el-select .el-input.is-focus .el-input__inner {
    border-color: #409eff
 }

 .el-select>.el-input {
    display: block
 }

 .el-select__input {
    border: none;
    outline: 0;
    padding: 0;
    margin-left: 15px;
    color: #666;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 28px;
    background-color: transparent
 }

 .el-select__input.is-mini {
    height: 14px
 }

 .el-select__close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    z-index: 1000;
    right: 25px;
    color: #c0c4cc;
    line-height: 18px;
    font-size: 14px
 }

 .el-select__close:hover {
    color: #909399
 }

 .el-select__tags {
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    flex-wrap: wrap
 }

 .el-select__tags-text {
    overflow: hidden;
    text-overflow: ellipsis
 }

 .el-select .el-tag {
    box-sizing: border-box;
    border-color: transparent;
    margin: 2px 0 2px 6px;
    background-color: #f0f2f5;
    display: flex;
    max-width: 100%;
    align-items: center
 }

 .el-select .el-tag__close.el-icon-close {
    background-color: #c0c4cc;
    top: 0;
    color: #fff;
    flex-shrink: 0
 }

 .el-select .el-tag__close.el-icon-close:hover {
    background-color: #909399
 }

 .el-table,.el-table__expanded-cell {
    background-color: #fff
 }

 .el-select .el-tag__close.el-icon-close:before {
    display: block;
    transform: translateY(.5px)
 }

 .el-table {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    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: flex;
    justify-content: 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;
    transition: transform .2s ease-in-out;
    height: 20px
 }

 .el-table__expand-icon--expanded {
    transform: rotate(90deg)
 }

 .el-table__expand-icon>.el-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px
 }

 .el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
 }

 .el-table__expanded-cell:hover {
    background-color: transparent!important
 }

 .el-table__placeholder {
    display: inline-block;
    width: 20px
 }

 .el-table__append-wrapper {
    overflow: hidden
 }

 .el-table--fit {
    border-right: 0;
    border-bottom: 0
 }

 .el-table--fit .el-table__cell.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.el-table__cell {
    background: #f5f7fa
 }

 .el-table .el-table__cell {
    padding: 12px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left
 }

 .el-table .el-table__cell.is-center {
    text-align: center
 }

 .el-table .el-table__cell.is-right {
    text-align: right
 }

 .el-table .el-table__cell.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0
 }

 .el-table--medium .el-table__cell {
    padding: 10px 0
 }

 .el-table--small .el-table__cell {
    padding: 8px 0
 }

 .el-table--mini .el-table__cell {
    padding: 6px 0
 }

 .el-table .cell,.el-table--border .el-table__cell:first-child .cell {
    padding-left: 10px
 }

 .el-table tr {
    background-color: #fff
 }

 .el-table tr input[type=checkbox] {
    margin: 0
 }

 .el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf {
    border-bottom: 1px solid #ebeef5
 }

 .el-table th.el-table__cell.is-sortable {
    cursor: pointer
 }

 .el-table th.el-table__cell {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #fff
 }

 .el-table th.el-table__cell>.cell {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
 }

 .el-table th.el-table__cell>.cell.highlight {
    color: #409eff
 }

 .el-table th.el-table__cell.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.el-table__cell div {
    box-sizing: border-box
 }

 .el-table td.el-table__cell.gutter {
    width: 0
 }

 .el-table .cell {
    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 .el-table__cell,.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #ebeef5
 }

 .el-table--border th.el-table__cell.gutter:last-of-type {
    border-bottom: 1px solid #ebeef5;
    border-bottom-width: 1px
 }

 .el-table--border th.el-table__cell,.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;
    box-shadow: 0 0 10px rgba(0,0,0,.12)
 }

 .el-table__fixed-right:before,.el-table__fixed:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ebeef5;
    z-index: 4
 }

 .el-table__fixed-right-patch {
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #fff
 }

 .el-table__fixed-right {
    top: 0;
    left: auto;
    right: 0
 }

 .el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper {
    left: auto;
    right: 0
 }

 .el-table__fixed-header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
 }

 .el-table__fixed-footer-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3
 }

 .el-table__fixed-footer-wrapper tbody td.el-table__cell {
    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.el-table__cell {
    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__cell,.el-table__header-wrapper tbody td.el-table__cell {
    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 {
    box-shadow: none
 }

 .el-picker-panel,.el-table-filter {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
 }

 .el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
    border-left: 1px solid #ebeef5
 }

 .el-table .caret-wrapper {
    display: inline-flex;
    flex-direction: column;
    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 {
    position: absolute;
    z-index: -1
 }

 .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: #fafafa
 }

 .el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
    background-color: #ecf5ff
 }

 .el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell {
    background-color: #f5f7fa
 }

 .el-table__body tr.current-row>td.el-table__cell {
    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;
    transform: scale(.75)
 }

 .el-table--enable-row-transition .el-table__body td.el-table__cell {
    transition: background-color .25s ease
 }

 .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: #f5f7fa
 }

 .el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right {
    bottom: 0;
    overflow: hidden
 }

 .el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-right: 3px
 }

 .el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
 }

 .el-table-filter {
    border: 1px solid #ebeef5;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    margin: 2px 0
 }

 .el-date-table td,.el-date-table td div {
    height: 30px;
    -webkit-box-sizing: border-box
 }

 .el-table-filter__list {
    padding: 5px 0;
    margin: 0;
    list-style: none;
    min-width: 100px
 }

 .el-table-filter__list-item {
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px
 }

 .el-table-filter__list-item:hover {
    background-color: #ecf5ff;
    color: #66b1ff
 }

 .el-table-filter__list-item.is-active {
    background-color: #409eff;
    color: #fff
 }

 .el-table-filter__content {
    min-width: 100px
 }

 .el-table-filter__bottom {
    border-top: 1px solid #ebeef5;
    padding: 8px
 }

 .el-table-filter__bottom button {
    background: 0 0;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px
 }

 .el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #f2f6fc
 }

 .el-table-filter__bottom button:hover {
    color: #409eff
 }

 .el-table-filter__bottom button:focus {
    outline: 0
 }

 .el-table-filter__bottom button.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
 }

 .el-table-filter__wrap {
    max-height: 280px
 }

 .el-table-filter__checkbox-group {
    padding: 10px
 }

 .el-table-filter__checkbox-group label.el-checkbox {
    display: block;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 5px
 }

 .el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
 }

 .el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
 }

 .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: #606266
 }

 .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
 }

 .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
 }

 .el-date-table td {
    width: 32px;
    padding: 4px 0;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative
 }

 .el-date-table td div {
    padding: 3px 0;
    box-sizing: border-box
 }

 .el-date-table td span {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%
 }

 .el-date-table td.next-month,.el-date-table td.prev-month {
    color: #c0c4cc
 }

 .el-date-table td.today {
    position: relative
 }

 .el-date-table td.today span {
    color: #409eff;
    font-weight: 700
 }

 .el-date-table td.today.end-date span,.el-date-table td.today.start-date span {
    color: #fff
 }

 .el-date-table td.available:hover {
    color: #409eff
 }

 .el-date-table td.current:not(.disabled) span {
    color: #fff;
    background-color: #409eff
 }

 .el-date-table td.end-date div,.el-date-table td.start-date div {
    color: #fff
 }

 .el-date-table td.end-date span,.el-date-table td.start-date span {
    background-color: #409eff
 }

 .el-date-table td.start-date div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
 }

 .el-date-table td.end-date div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
 }

 .el-date-table td.disabled div {
    background-color: #f5f7fa;
    opacity: 1;
    cursor: not-allowed;
    color: #c0c4cc
 }

 .el-date-table td.selected div {
    margin-left: 5px;
    margin-right: 5px;
    background-color: #f2f6fc;
    border-radius: 15px
 }

 .el-date-table td.selected div:hover {
    background-color: #f2f6fc
 }

 .el-date-table td.selected span {
    background-color: #409eff;
    color: #fff;
    border-radius: 15px
 }

 .el-date-table td.week {
    font-size: 80%;
    color: #606266
 }

 .el-month-table,.el-year-table {
    font-size: 12px;
    border-collapse: collapse
 }

 .el-date-table th {
    padding: 5px;
    color: #606266;
    font-weight: 400;
    border-bottom: 1px solid #ebeef5
 }

 .el-month-table {
    margin: -1px
 }

 .el-month-table td {
    text-align: center;
    padding: 8px 0;
    cursor: pointer
 }

 .el-month-table td div {
    height: 48px;
    padding: 6px 0;
    box-sizing: border-box
 }

 .el-month-table td.today .cell {
    color: #409eff;
    font-weight: 700
 }

 .el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell {
    color: #fff
 }

 .el-month-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
 }

 .el-month-table td.disabled .cell:hover {
    color: #c0c4cc
 }

 .el-month-table td .cell {
    width: 60px;
    height: 36px;
    display: block;
    line-height: 36px;
    color: #606266;
    margin: 0 auto;
    border-radius: 18px
 }

 .el-month-table td .cell:hover {
    color: #409eff
 }

 .el-month-table td.in-range div,.el-month-table td.in-range div:hover {
    background-color: #f2f6fc
 }

 .el-month-table td.end-date div,.el-month-table td.start-date div {
    color: #fff
 }

 .el-month-table td.end-date .cell,.el-month-table td.start-date .cell {
    color: #fff;
    background-color: #409eff
 }

 .el-month-table td.start-date div {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
 }

 .el-month-table td.end-date div {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
 }

 .el-month-table td.current:not(.disabled) .cell {
    color: #409eff
 }

 .el-year-table {
    margin: -1px
 }

 .el-year-table .el-icon {
    color: #303133
 }

 .el-year-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
 }

 .el-year-table td.today .cell {
    color: #409eff;
    font-weight: 700
 }

 .el-year-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
 }

 .el-year-table td.disabled .cell:hover {
    color: #c0c4cc
 }

 .el-year-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px;
    color: #606266;
    margin: 0 auto
 }

 .el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell {
    color: #409eff
 }

 .el-date-range-picker {
    width: 646px
 }

 .el-date-range-picker.has-sidebar {
    width: 756px
 }

 .el-date-range-picker table {
    table-layout: fixed;
    width: 100%
 }

 .el-date-range-picker .el-picker-panel__body {
    min-width: 513px
 }

 .el-date-range-picker .el-picker-panel__content {
    margin: 0
 }

 .el-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 28px
 }

 .el-date-range-picker__header [class*=arrow-left] {
    float: left
 }

 .el-date-range-picker__header [class*=arrow-right] {
    float: right
 }

 .el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
 }

 .el-date-range-picker__content {
    float: left;
    width: 50%;
    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 {
    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%;
    box-sizing: border-box
 }

 .el-date-range-picker__time-header>.el-icon-arrow-right {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    color: #303133
 }

 .el-date-range-picker__time-picker-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
 }

 .el-date-range-picker__time-picker-wrap .el-picker-panel {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 1;
    background: #fff
 }

 .el-date-picker {
    width: 322px
 }

 .el-date-picker.has-sidebar.has-time {
    width: 434px
 }

 .el-date-picker.has-sidebar {
    width: 438px
 }

 .el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
 }

 .el-date-picker .el-picker-panel__content {
    width: 292px
 }

 .el-date-picker table {
    table-layout: fixed;
    width: 100%
 }

 .el-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
 }

 .el-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    box-sizing: border-box
 }

 .el-date-picker__header {
    margin: 12px;
    text-align: center
 }

 .el-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebeef5
 }

 .el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
 }

 .el-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #606266
 }

 .el-date-picker__header-label.active,.el-date-picker__header-label:hover {
    color: #409eff
 }

 .el-date-picker__prev-btn {
    float: left
 }

 .el-date-picker__next-btn {
    float: right
 }

 .el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
 }

 .el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px
 }

 .time-select {
    margin: 5px 0;
    min-width: 0
 }

 .time-select .el-picker-panel__content {
    max-height: 200px;
    margin: 0
 }

 .time-select-item {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px
 }

 .time-select-item.selected:not(.disabled) {
    color: #409eff;
    font-weight: 700
 }

 .time-select-item.disabled {
    color: #e4e7ed;
    cursor: not-allowed
 }

 .time-select-item:hover {
    background-color: #f5f7fa;
    font-weight: 700;
    cursor: pointer
 }

 .el-date-editor {
    position: relative;
    display: inline-block;
    text-align: left
 }

 .el-date-editor.el-input,.el-date-editor.el-input__inner {
    width: 220px
 }

 .el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner {
    width: 300px
 }

 .el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner {
    width: 350px
 }

 .el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner {
    width: 400px
 }

 .el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap
 }

 .el-date-editor .el-icon-circle-close {
    cursor: pointer
 }

 .el-date-editor .el-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: #c0c4cc;
    float: left;
    line-height: 32px
 }

 .el-date-editor .el-range-input,.el-date-editor .el-range-separator {
    height: 100%;
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 14px
 }

 .el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    padding: 0;
    width: 39%;
    color: #606266
 }

 .el-date-editor .el-range-input::-moz-placeholder {
    color: #c0c4cc
 }

 .el-date-editor .el-range-input::placeholder {
    color: #c0c4cc
 }

 .el-date-editor .el-range-separator {
    padding: 0 5px;
    line-height: 32px;
    width: 5%;
    color: #303133
 }

 .el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: #c0c4cc;
    width: 25px;
    display: inline-block;
    float: right;
    line-height: 32px
 }

 .el-range-editor.el-input__inner {
    display: inline-flex;
    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::-moz-placeholder {
    color: #c0c4cc
 }

 .el-range-editor.is-disabled input::placeholder {
    color: #c0c4cc
 }

 .el-range-editor.is-disabled .el-range-separator {
    color: #c0c4cc
 }

 .el-picker-panel {
    color: #606266;
    border: 1px solid #e4e7ed;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    background: #fff;
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0
 }

 .el-popover,.el-time-panel {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
 }

 .el-picker-panel__body-wrapper:after,.el-picker-panel__body:after {
    content: "";
    display: table;
    clear: both
 }

 .el-picker-panel__content {
    position: relative;
    margin: 15px
 }

 .el-picker-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    text-align: right;
    background-color: #fff;
    position: relative;
    font-size: 0
 }

 .el-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: transparent;
    line-height: 28px;
    font-size: 14px;
    color: #606266;
    padding-left: 12px;
    text-align: left;
    outline: 0;
    cursor: pointer
 }

 .el-picker-panel__shortcut:hover {
    color: #409eff
 }

 .el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409eff
 }

 .el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px
 }

 .el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
 }

 .el-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 8px
 }

 .el-picker-panel__icon-btn:hover {
    color: #409eff
 }

 .el-picker-panel__icon-btn.is-disabled {
    color: #bbb
 }

 .el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
 }

 .el-picker-panel__link-btn {
    vertical-align: middle
 }

 .el-picker-panel [slot=sidebar],.el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid #e4e4e4;
    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 {
    box-sizing: border-box;
    text-align: center;
    overflow: hidden
 }

 .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    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;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: content-box
 }

 .el-slider__button,.el-slider__button-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
 }

 .el-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden
 }

 .el-time-panel__content:after,.el-time-panel__content:before {
    content: "";
    top: 50%;
    position: absolute;
    margin-top: -15px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    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;
    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 {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
    display: inline-block
 }

 .el-time-range-picker__header {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px
 }

 .el-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid #e4e7ed
 }

 .el-popover {
    position: absolute;
    background: #fff;
    min-width: 150px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    word-break: break-all
 }

 .el-popover--plain {
    padding: 18px 20px
 }

 .el-popover__title {
    color: #303133;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px
 }

 .v-modal-enter {
    animation: v-modal-in .2s ease
 }

 .v-modal-leave {
    animation: v-modal-out .2s ease forwards
 }

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

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

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

 .el-popup-parent--hidden {
    overflow: hidden
 }

 .el-message-box {
    display: inline-block;
    width: 420px;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    font-size: 18px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    text-align: left;
    overflow: hidden;
    backface-visibility: hidden
 }

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

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

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

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

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

 .el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus,.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus {
    border-color: #f56c6c
 }

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

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

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

 .el-message-box__container {
    position: relative
 }

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

 .el-message-box__status {
    position: absolute;
    top: 50%;
    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 {
    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: flex;
    align-items: center;
    justify-content: center
 }

 .el-message-box--center .el-message-box__status {
    position: relative;
    top: auto;
    padding-right: 5px;
    text-align: center;
    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 {
    animation: msgbox-fade-in .3s
 }

 .msgbox-fade-leave-active {
    animation: msgbox-fade-out .3s
 }

 @keyframes msgbox-fade-in {
    0% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
 }

 @keyframes msgbox-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
 }

 .el-breadcrumb {
    font-size: 14px;
    line-height: 1
 }

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

 .el-breadcrumb:after {
    clear: both
 }

 .el-breadcrumb__separator {
    margin: 0 9px;
    font-weight: 700;
    color: #c0c4cc
 }

 .el-breadcrumb__separator[class*=icon] {
    margin: 0 6px;
    font-weight: 400
 }

 .el-breadcrumb__item {
    float: left
 }

 .el-breadcrumb__inner {
    color: #606266
 }

 .el-breadcrumb__inner a,.el-breadcrumb__inner.is-link {
    font-weight: 700;
    text-decoration: none;
    transition: color .2s cubic-bezier(.645,.045,.355,1);
    color: #303133
 }

 .el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover {
    color: #409eff;
    cursor: pointer
 }

 .el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    font-weight: 400;
    color: #606266;
    cursor: text
 }

 .el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none
 }

 .el-form--label-left .el-form-item__label {
    text-align: left
 }

 .el-form--label-top .el-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0 0 10px
 }

 .el-form--inline .el-form-item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
 }

 .el-form--inline .el-form-item__label {
    float: none;
    display: inline-block
 }

 .el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top
 }

 .el-form--inline.el-form--label-top .el-form-item__content {
    display: block
 }

 .el-form-item {
    margin-bottom: 22px
 }

 .el-form-item:after,.el-form-item:before {
    display: table;
    content: ""
 }

 .el-form-item:after {
    clear: both
 }

 .el-form-item .el-form-item {
    margin-bottom: 0
 }

 .el-form-item--mini.el-form-item,.el-form-item--small.el-form-item {
    margin-bottom: 18px
 }

 .el-form-item .el-input__validateIcon {
    display: none
 }

 .el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label {
    line-height: 36px
 }

 .el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label {
    line-height: 32px
 }

 .el-form-item--small .el-form-item__error {
    padding-top: 2px
 }

 .el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label {
    line-height: 28px
 }

 .el-form-item--mini .el-form-item__error {
    padding-top: 1px
 }

 .el-form-item__label-wrap {
    float: left
 }

 .el-form-item__label-wrap .el-form-item__label {
    display: inline-block;
    float: none
 }

 .el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    box-sizing: border-box
 }

 .el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px
 }

 .el-form-item__content:after,.el-form-item__content:before {
    display: table;
    content: ""
 }

 .el-form-item__content:after {
    clear: both
 }

 .el-form-item__content .el-input-group {
    vertical-align: top
 }

 .el-form-item__error {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 0
 }

 .el-form-item__error--inline {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 10px
 }

 .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px
 }

 .el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner {
    border-color: transparent
 }

 .el-form-item.is-error .el-input__validateIcon {
    color: #f56c6c
 }

 .el-form-item--feedback .el-input__validateIcon {
    display: inline-block
 }

 .el-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 15px
 }

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

 .el-tabs__new-tab {
    float: right;
    border: 1px solid #d3dce6;
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin: 12px 0 9px 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: #d3dce6;
    cursor: pointer;
    transition: all .15s
 }

 .el-collapse-item__arrow,.el-tabs__nav {
    -webkit-transition: -webkit-transform .3s
 }

 .el-tabs__new-tab .el-icon-plus {
    transform: scale(.8)
 }

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

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

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

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

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

 .el-tabs__nav-scroll {
    overflow: hidden
 }

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

 .el-tabs__nav-next {
    right: 0
 }

 .el-tabs__nav-prev {
    left: 0
 }

 .el-tabs__nav {
    white-space: nowrap;
    position: relative;
    transition: transform .3s;
    float: left;
    z-index: 2
 }

 .el-tabs__nav.is-stretch {
    min-width: 100%;
    display: flex
 }

 .el-tabs__nav.is-stretch>* {
    flex: 1;
    text-align: center
 }

 .el-tabs__item {
    padding: 0 20px;
    height: 40px;
    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) {
    box-shadow: inset 0 0 2px 2px #409eff;
    border-radius: 3px
 }

 .el-tabs__item .el-icon-close {
    border-radius: 50%;
    text-align: center;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    margin-left: 5px
 }

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

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

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

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

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

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

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

 .el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    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;
    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;
    transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)
 }

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

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

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

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

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

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

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

 .el-tabs--border-card>.el-tabs__header .el-tabs__item {
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    border: 1px solid transparent;
    margin-top: -1px;
    color: #909399
 }

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

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

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

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

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

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

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

 .el-tabs--bottom .el-tabs--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--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--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),.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) {
    padding-left: 20px
 }

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

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

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

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

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

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

 .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: 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 {
    animation: slideInRight-enter .3s
 }

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

 .slideInLeft-enter {
    animation: slideInLeft-enter .3s
 }

 .slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    animation: slideInLeft-leave .3s
 }

 @keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
 }

 @keyframes slideInRight-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0
    }
 }

 @keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
 }

 @keyframes slideInLeft-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
    }
 }

 .el-tree {
    position: relative;
    cursor: default;
    background: #fff;
    color: #606266
 }

 .el-tree__empty-block {
    position: relative;
    min-height: 60px;
    text-align: center;
    width: 100%;
    height: 100%
 }

 .el-tree__empty-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #909399;
    font-size: 14px
 }

 .el-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #409eff
 }

 .el-tree-node {
    white-space: nowrap;
    outline: 0
 }

 .el-tree-node:focus>.el-tree-node__content {
    background-color: #f5f7fa
 }

 .el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
    background-color: #409eff;
    color: #fff
 }

 .el-tree-node__content {
    display: flex;
    align-items: center;
    height: 26px;
    cursor: pointer
 }

 .el-tree-node__content>.el-tree-node__expand-icon {
    padding: 6px
 }

 .el-tree-node__content>label.el-checkbox {
    margin-right: 8px
 }

 .el-tree-node__content:hover {
    background-color: #f5f7fa
 }

 .el-tree.is-dragging .el-tree-node__content {
    cursor: move
 }

 .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
    cursor: not-allowed
 }

 .el-tree-node__expand-icon {
    cursor: pointer;
    color: #c0c4cc;
    font-size: 12px;
    transform: rotate(0);
    transition: transform .3s ease-in-out
 }

 .el-tree-node__expand-icon.expanded {
    transform: rotate(90deg)
 }

 .el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default
 }

 .el-tree-node__label {
    font-size: 14px
 }

 .el-tree-node__loading-icon {
    margin-right: 8px;
    font-size: 14px;
    color: #c0c4cc
 }

 .el-tree-node>.el-tree-node__children {
    overflow: hidden;
    background-color: transparent
 }

 .el-tree-node.is-expanded>.el-tree-node__children {
    display: block
 }

 .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #f0f7ff
 }

 .el-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity .2s
 }

 .el-alert.is-light .el-alert__closebtn {
    color: #c0c4cc
 }

 .el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description {
    color: #fff
 }

 .el-alert.is-center {
    justify-content: center
 }

 .el-alert--success.is-light {
    background-color: #f0f9eb;
    color: #67c23a
 }

 .el-alert--success.is-light .el-alert__description {
    color: #67c23a
 }

 .el-alert--success.is-dark {
    background-color: #67c23a;
    color: #fff
 }

 .el-alert--info.is-light {
    background-color: #f4f4f5;
    color: #909399
 }

 .el-alert--info.is-dark {
    background-color: #909399;
    color: #fff
 }

 .el-alert--info .el-alert__description {
    color: #909399
 }

 .el-alert--warning.is-light {
    background-color: #fdf6ec;
    color: #e6a23c
 }

 .el-alert--warning.is-light .el-alert__description {
    color: #e6a23c
 }

 .el-alert--warning.is-dark {
    background-color: #e6a23c;
    color: #fff
 }

 .el-alert--error.is-light {
    background-color: #fef0f0;
    color: #f56c6c
 }

 .el-alert--error.is-light .el-alert__description {
    color: #f56c6c
 }

 .el-alert--error.is-dark {
    background-color: #f56c6c;
    color: #fff
 }

 .el-alert__content {
    display: table-cell;
    padding: 0 8px
 }

 .el-alert__icon {
    font-size: 16px;
    width: 16px
 }

 .el-alert__icon.is-big {
    font-size: 28px;
    width: 28px
 }

 .el-alert__title {
    font-size: 13px;
    line-height: 18px
 }

 .el-alert__title.is-bold {
    font-weight: 700
 }

 .el-alert .el-alert__description {
    font-size: 12px;
    margin: 5px 0 0
 }

 .el-alert__closebtn {
    font-size: 12px;
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer
 }

 .el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active {
    opacity: 0
 }

 .el-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 13px;
    top: 9px
 }

 .el-notification {
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .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;
    transform: translateX(100%)
 }

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

 .el-input-number {
    position: relative;
    display: inline-block;
    width: 180px;
    line-height: 38px
 }

 .el-input-number .el-input {
    display: block
 }

 .el-input-number .el-input__inner {
    -webkit-appearance: none;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center
 }

 .el-input-number__decrease,.el-input-number__increase {
    position: absolute;
    z-index: 1;
    top: 1px;
    width: 40px;
    height: auto;
    text-align: center;
    background: #f5f7fa;
    color: #606266;
    cursor: pointer;
    font-size: 13px
 }

 .el-input-number__decrease:hover,.el-input-number__increase:hover {
    color: #409eff
 }

 .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: #409eff
 }

 .el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
 }

 .el-input-number__increase {
    right: 1px;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #dcdfe6
 }

 .el-input-number__decrease {
    left: 1px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6
 }

 .el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase {
    border-color: #e4e7ed;
    color: #e4e7ed
 }

 .el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover {
    color: #e4e7ed;
    cursor: not-allowed
 }

 .el-input-number--medium {
    width: 200px;
    line-height: 34px
 }

 .el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase {
    width: 36px;
    font-size: 14px
 }

 .el-input-number--medium .el-input__inner {
    padding-left: 43px;
    padding-right: 43px
 }

 .el-input-number--small {
    width: 130px;
    line-height: 30px
 }

 .el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase {
    width: 32px;
    font-size: 13px
 }

 .el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon] {
    transform: scale(.9)
 }

 .el-input-number--small .el-input__inner {
    padding-left: 39px;
    padding-right: 39px
 }

 .el-input-number--mini {
    width: 130px;
    line-height: 26px
 }

 .el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase {
    width: 28px;
    font-size: 12px
 }

 .el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
 }

 .el-input-number--mini .el-input__inner {
    padding-left: 35px;
    padding-right: 35px
 }

 .el-input-number.is-without-controls .el-input__inner {
    padding-left: 15px;
    padding-right: 15px
 }

 .el-input-number.is-controls-right .el-input__inner {
    padding-left: 15px;
    padding-right: 50px
 }

 .el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase {
    height: auto;
    line-height: 19px
 }

 .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
 }

 .el-input-number.is-controls-right .el-input-number__increase {
    border-radius: 0 4px 0 0;
    border-bottom: 1px solid #dcdfe6
 }

 .el-input-number.is-controls-right .el-input-number__decrease {
    right: 1px;
    bottom: 1px;
    top: auto;
    left: auto;
    border-right: none;
    border-left: 1px solid #dcdfe6;
    border-radius: 0 0 4px
 }

 .el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase] {
    line-height: 17px
 }

 .el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase] {
    line-height: 15px
 }

 .el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase] {
    line-height: 13px
 }

 .el-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    word-wrap: break-word
 }

 .el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
 }

 .el-tooltip__popper .popper__arrow {
    border-width: 6px
 }

 .el-tooltip__popper .popper__arrow:after {
    content: " ";
    border-width: 5px
 }

 .el-progress-bar__inner:after,.el-row:after,.el-row:before,.el-slider:after,.el-slider:before,.el-slider__button-wrapper:after,.el-upload-cover:after {
    content: ""
 }

 .el-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
 }

 .el-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    border-top-color: #303133;
    border-bottom-width: 0
 }

 .el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: #303133;
    border-bottom-width: 0
 }

 .el-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
 }

 .el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    border-top-width: 0;
    border-bottom-color: #303133
 }

 .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #303133
 }

 .el-tooltip__popper[x-placement^=right] {
    margin-left: 12px
 }

 .el-tooltip__popper[x-placement^=right] .popper__arrow {
    left: -6px;
    border-right-color: #303133;
    border-left-width: 0
 }

 .el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    bottom: -5px;
    left: 1px;
    border-right-color: #303133;
    border-left-width: 0
 }

 .el-tooltip__popper[x-placement^=left] {
    margin-right: 12px
 }

 .el-tooltip__popper[x-placement^=left] .popper__arrow {
    right: -6px;
    border-right-width: 0;
    border-left-color: #303133
 }

 .el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -5px;
    margin-left: -5px;
    border-right-width: 0;
    border-left-color: #303133
 }

 .el-tooltip__popper.is-dark {
    background: #303133;
    color: #fff
 }

 .el-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #303133
 }

 .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #303133
 }

 .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff
 }

 .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133
 }

 .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
 }

 .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #303133
 }

 .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff
 }

 .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #303133
 }

 .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
    border-right-color: #fff
 }

 .el-slider:after,.el-slider:before {
    display: table
 }

 .el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper:after {
    vertical-align: middle;
    display: inline-block
 }

 .el-slider:after {
    clear: both
 }

 .el-slider__runway {
    width: 100%;
    height: 6px;
    margin: 16px 0;
    background-color: #e4e7ed;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    vertical-align: middle
 }

 .el-slider__runway.show-input {
    margin-right: 160px;
    width: auto
 }

 .el-slider__runway.disabled {
    cursor: default
 }

 .el-slider__runway.disabled .el-slider__bar {
    background-color: #c0c4cc
 }

 .el-slider__runway.disabled .el-slider__button {
    border-color: #c0c4cc
 }

 .el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed
 }

 .el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover {
    transform: scale(1);
    cursor: not-allowed
 }

 .el-slider__button-wrapper,.el-slider__stop {
    -webkit-transform: translateX(-50%);
    position: absolute
 }

 .el-slider__input {
    float: right;
    margin-top: 3px;
    width: 130px
 }

 .el-slider__input.el-input-number--mini {
    margin-top: 5px
 }

 .el-slider__input.el-input-number--medium {
    margin-top: 0
 }

 .el-slider__input.el-input-number--large {
    margin-top: -2px
 }

 .el-slider__bar {
    height: 6px;
    background-color: #409eff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute
 }

 .el-slider__button-wrapper {
    height: 36px;
    width: 36px;
    z-index: 1001;
    top: -15px;
    transform: translateX(-50%);
    background-color: transparent;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    line-height: normal
 }

 .el-slider__button-wrapper:after {
    height: 100%
 }

 .el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover {
    cursor: grab
 }

 .el-slider__button-wrapper.dragging {
    cursor: grabbing
 }

 .el-slider__button {
    width: 16px;
    height: 16px;
    border: 2px solid #409eff;
    background-color: #fff;
    border-radius: 50%;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
 }

 .el-image-viewer__btn,.el-step__icon-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
 }

 .el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover {
    transform: scale(1.2)
 }

 .el-slider__button.hover,.el-slider__button:hover {
    cursor: grab
 }

 .el-slider__button.dragging {
    cursor: grabbing
 }

 .el-slider__stop {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #fff;
    transform: translateX(-50%)
 }

 .el-slider__marks {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
 }

 .el-slider__marks-text {
    position: absolute;
    transform: translateX(-50%);
    font-size: 14px;
    color: #909399;
    margin-top: 15px
 }

 .el-slider.is-vertical {
    position: relative
 }

 .el-slider.is-vertical .el-slider__runway {
    width: 6px;
    height: 100%;
    margin: 0 16px
 }

 .el-slider.is-vertical .el-slider__bar {
    width: 6px;
    height: auto;
    border-radius: 0 0 3px 3px
 }

 .el-slider.is-vertical .el-slider__button-wrapper {
    top: auto;
    left: -15px;
    transform: translateY(50%)
 }

 .el-slider.is-vertical .el-slider__stop {
    transform: translateY(50%)
 }

 .el-slider.is-vertical.el-slider--with-input {
    padding-bottom: 58px
 }

 .el-slider.is-vertical.el-slider--with-input .el-slider__input {
    overflow: visible;
    float: none;
    position: absolute;
    bottom: 22px;
    width: 36px;
    margin-top: 15px
 }

 .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px
 }

 .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    top: 32px;
    margin-top: -1px;
    border: 1px solid #dcdfe6;
    line-height: 20px;
    box-sizing: border-box;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1)
 }

 .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
    width: 18px;
    right: 18px;
    border-bottom-left-radius: 4px
 }

 .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    width: 19px;
    border-bottom-right-radius: 4px
 }

 .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
 }

 .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
    border-color: #c0c4cc
 }

 .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
    border-color: #409eff
 }

 .el-slider.is-vertical .el-slider__marks-text {
    margin-top: 0;
    left: 15px;
    transform: translateY(50%)
 }

 .el-loading-parent--relative {
    position: relative!important
 }

 .el-loading-parent--hidden {
    overflow: hidden!important
 }

 .el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: hsla(0,0%,100%,.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s
 }

 .el-loading-mask.is-fullscreen {
    position: fixed
 }

 .el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: -25px
 }

 .el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: 50px;
    width: 50px
 }

 .el-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute
 }

 .el-col-pull-0,.el-col-pull-1,.el-col-pull-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-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.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-push-0,.el-col-push-1,.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-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.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-row {
    position: relative
 }

 .el-loading-spinner .el-loading-text {
    color: #409eff;
    margin: 3px 0;
    font-size: 14px
 }

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

 .el-loading-spinner .path {
    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
 }

 @keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
 }

 @keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
 }

 .el-row {
    box-sizing: border-box
 }

 .el-row:after,.el-row:before {
    display: table
 }

 .el-row:after {
    clear: both
 }

 .el-row--flex {
    display: flex
 }

 .el-col-0,.el-row--flex:after,.el-row--flex:before {
    display: none
 }

 .el-row--flex.is-justify-center {
    justify-content: center
 }

 .el-row--flex.is-justify-end {
    justify-content: flex-end
 }

 .el-row--flex.is-justify-space-between {
    justify-content: space-between
 }

 .el-row--flex.is-justify-space-around {
    justify-content: space-around
 }

 .el-row--flex.is-align-top {
    align-items: flex-start
 }

 .el-row--flex.is-align-middle {
    align-items: center
 }

 .el-row--flex.is-align-bottom {
    align-items: flex-end
 }

 [class*=el-col-] {
    float: left;
    box-sizing: border-box
 }

 .el-upload--picture-card,.el-upload-dragger {
    -webkit-box-sizing: border-box;
    cursor: pointer
 }

 .el-col-0 {
    width: 0
 }

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

 .el-col-pull-0 {
    right: 0
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .el-col-lg-offset-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .el-col-xl-offset-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0
 }

 .el-upload__input {
    display: none
 }

 .el-upload__tip {
    font-size: 12px;
    color: #606266;
    margin-top: 7px
 }

 .el-upload iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
 }

 .el-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    line-height: 146px;
    vertical-align: top
 }

 .el-upload--picture-card i {
    font-size: 28px;
    color: #8c939d
 }

 .el-upload--picture-card:hover,.el-upload:focus {
    border-color: #409eff;
    color: #409eff
 }

 .el-upload:focus .el-upload-dragger {
    border-color: #409eff
 }

 .el-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    box-sizing: border-box;
    width: 360px;
    height: 180px;
    text-align: center;
    position: relative;
    overflow: hidden
 }

 .el-upload-dragger .el-icon-upload {
    font-size: 67px;
    color: #c0c4cc;
    margin: 40px 0 16px;
    line-height: 50px
 }

 .el-upload-dragger+.el-upload__tip {
    text-align: center
 }

 .el-upload-dragger~.el-upload__files {
    border-top: 1px solid #dcdfe6;
    margin-top: 7px;
    padding-top: 5px
 }

 .el-upload-dragger .el-upload__text {
    color: #606266;
    font-size: 14px;
    text-align: center
 }

 .el-upload-dragger .el-upload__text em {
    color: #409eff;
    font-style: normal
 }

 .el-upload-dragger:hover {
    border-color: #409eff
 }

 .el-upload-dragger.is-dragover {
    background-color: rgba(32,159,255,.06);
    border: 2px dashed #409eff
 }

 .el-upload-list {
    margin: 0;
    padding: 0;
    list-style: none
 }

 .el-upload-list__item {
    transition: all .5s cubic-bezier(.55,0,.1,1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
 }

 .el-upload-list__item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%
 }

 .el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px
 }

 .el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0
 }

 .el-upload-list__item:first-child {
    margin-top: 10px
 }

 .el-upload-list__item .el-icon-upload-success {
    color: #67c23a
 }

 .el-upload-list__item .el-icon-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: .75;
    color: #606266
 }

 .el-upload-list__item .el-icon-close:hover {
    opacity: 1
 }

 .el-upload-list__item .el-icon-close-tip {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
    opacity: 1;
    color: #409eff
 }

 .el-upload-list__item:hover {
    background-color: #f5f7fa
 }

 .el-upload-list__item:hover .el-icon-close {
    display: inline-block
 }

 .el-upload-list__item:hover .el-progress__text {
    display: none
 }

 .el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: block
 }

 .el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: #409eff;
    cursor: pointer
 }

 .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block
 }

 .el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
 }

 .el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block
 }

 .el-upload-list__item-name {
    color: #606266;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap
 }

 .el-upload-list__item-name [class^=el-icon] {
    height: 100%;
    margin-right: 7px;
    color: #909399;
    line-height: inherit
 }

 .el-upload-list__item-status-label {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    display: none
 }

 .el-upload-list__item-delete {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: #606266;
    display: none
 }

 .el-upload-list__item-delete:hover {
    color: #409eff
 }

 .el-upload-list--picture-card {
    margin: 0;
    display: inline;
    vertical-align: top
 }

 .el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    margin: 0 8px 8px 0;
    display: inline-block
 }

 .el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
    color: #fff
 }

 .el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: none
 }

 .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
 }

 .el-upload-list--picture-card .el-upload-list__item-name {
    display: none
 }

 .el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 100%;
    height: 100%
 }

 .el-upload-list--picture-card .el-upload-list__item-status-label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
 }

 .el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
 }

 .el-upload-list--picture-card .el-upload-list__item-actions {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    background-color: rgba(0,0,0,.5);
    transition: opacity .3s
 }

 .el-upload-list--picture-card .el-upload-list__item-actions:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
 }

 .el-upload-list--picture-card .el-upload-list__item-actions span {
    display: none;
    cursor: pointer
 }

 .el-upload-list--picture-card .el-upload-list__item-actions span+span {
    margin-left: 15px
 }

 .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    position: static;
    font-size: inherit;
    color: inherit
 }

 .el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1
 }

 .el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-block
 }

 .el-upload-list--picture-card .el-progress {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    bottom: auto;
    width: 126px
 }

 .el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
 }

 .el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px 10px 90px;
    height: 92px
 }

 .el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
    color: #fff
 }

 .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    background: 0 0;
    box-shadow: none;
    top: -2px;
    right: -12px
 }

 .el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block
 }

 .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
    line-height: 70px;
    margin-top: 0
 }

 .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none
 }

 .el-upload-list--picture .el-upload-list__item-thumbnail {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -80px;
    background-color: #fff
 }

 .el-upload-list--picture .el-upload-list__item-name {
    display: block;
    margin-top: 20px
 }

 .el-upload-list--picture .el-upload-list__item-name i {
    font-size: 70px;
    line-height: 1;
    position: absolute;
    left: 9px;
    top: 10px
 }

 .el-upload-list--picture .el-upload-list__item-status-label {
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
    height: 26px;
    background: #13ce66;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 1px 1px #ccc
 }

 .el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    transform: rotate(-45deg)
 }

 .el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
 }

 .el-upload-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    cursor: default
 }

 .el-upload-cover:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle
 }

 .el-upload-cover img {
    display: block;
    width: 100%;
    height: 100%
 }

 .el-upload-cover__label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
 }

 .el-upload-cover__label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg);
    color: #fff
 }

 .el-upload-cover__progress {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 243px
 }

 .el-upload-cover__progress+.el-upload__inner {
    opacity: 0
 }

 .el-upload-cover__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
 }

 .el-upload-cover__interact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.72);
    text-align: center
 }

 .el-upload-cover__interact .btn {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    margin-top: 60px
 }

 .el-upload-cover__interact .btn span {
    opacity: 0;
    transition: opacity .15s linear
 }

 .el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
 }

 .el-upload-cover__interact .btn:hover {
    transform: translateY(-13px)
 }

 .el-upload-cover__interact .btn:hover span {
    opacity: 1
 }

 .el-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
 }

 .el-upload-cover__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: left;
    padding: 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 14px;
    color: #303133
 }

 .el-upload-cover+.el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
 }

 .el-progress {
    position: relative;
    line-height: 1
 }

 .el-progress__text {
    font-size: 14px;
    color: #606266;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1
 }

 .el-progress__text i {
    vertical-align: middle;
    display: block
 }

 .el-progress--circle,.el-progress--dashboard {
    display: inline-block
 }

 .el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    transform: translateY(-50%)
 }

 .el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i {
    vertical-align: middle;
    display: inline-block
 }

 .el-progress--without-text .el-progress__text {
    display: none
 }

 .el-progress--without-text .el-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block
 }

 .el-progress-bar,.el-progress-bar__inner:after,.el-progress-bar__innerText,.el-spinner {
    display: inline-block;
    vertical-align: middle
 }

 .el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
 }

 .el-progress.is-success .el-progress-bar__inner {
    background-color: #67c23a
 }

 .el-progress.is-success .el-progress__text {
    color: #67c23a
 }

 .el-progress.is-warning .el-progress-bar__inner {
    background-color: #e6a23c
 }

 .el-progress.is-warning .el-progress__text {
    color: #e6a23c
 }

 .el-progress.is-exception .el-progress-bar__inner {
    background-color: #f56c6c
 }

 .el-progress.is-exception .el-progress__text {
    color: #f56c6c
 }

 .el-progress-bar {
    padding-right: 50px;
    width: 100%;
    margin-right: -55px;
    box-sizing: border-box
 }

 .el-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
 }

 .el-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #409eff;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap;
    transition: width .6s ease
 }

 .el-card,.el-message {
    border-radius: 4px;
    overflow: hidden
 }

 .el-progress-bar__inner:after {
    height: 100%
 }

 .el-progress-bar__innerText {
    color: #fff;
    font-size: 12px;
    margin: 0 5px
 }

 @keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
 }

 .el-time-spinner {
    width: 100%;
    white-space: nowrap
 }

 .el-spinner-inner {
    animation: rotate 2s linear infinite;
    width: 50px;
    height: 50px
 }

 .el-spinner-inner .path {
    stroke: #ececec;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
 }

 @keyframes rotate {
    to {
        transform: rotate(1turn)
    }
 }

 @keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
 }

 .el-message {
    min-width: 380px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ebeef5;
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    background-color: #edf2fc;
    transition: opacity .3s,transform .4s,top .4s;
    padding: 15px 15px 15px 20px;
    display: flex;
    align-items: center
 }

 .el-message.is-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;
    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;
    transform: translate(-50%,-100%)
 }

 .el-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block
 }

 .el-badge__content {
    background-color: #f56c6c;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #fff
 }

 .el-badge__content.is-fixed {
    position: absolute;
    top: 0;
    right: 10px;
    transform: translateY(-50%) translateX(100%)
 }

 .el-rate__icon,.el-rate__item {
    position: relative;
    display: inline-block
 }

 .el-badge__content.is-fixed.is-dot {
    right: 5px
 }

 .el-badge__content.is-dot {
    height: 8px;
    width: 8px;
    padding: 0;
    right: 0;
    border-radius: 50%
 }

 .el-badge__content--primary {
    background-color: #409eff
 }

 .el-badge__content--success {
    background-color: #67c23a
 }

 .el-badge__content--warning {
    background-color: #e6a23c
 }

 .el-badge__content--info {
    background-color: #909399
 }

 .el-badge__content--danger {
    background-color: #f56c6c
 }

 .el-card {
    border: 1px solid #ebeef5;
    background-color: #fff;
    color: #303133;
    transition: .3s
 }

 .el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover {
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
 }

 .el-card__header {
    padding: 18px 20px;
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box
 }

 .el-card__body {
    padding: 20px
 }

 .el-rate {
    height: 20px;
    line-height: 1
 }

 .el-rate__item {
    font-size: 0;
    vertical-align: middle
 }

 .el-rate__icon {
    font-size: 18px;
    margin-right: 6px;
    color: #c0c4cc;
    transition: .3s
 }

 .el-rate__decimal,.el-rate__icon .path2 {
    position: absolute;
    top: 0;
    left: 0
 }

 .el-rate__icon.hover {
    transform: scale(1.15)
 }

 .el-rate__decimal {
    display: inline-block;
    overflow: hidden
 }

 .el-step.is-vertical,.el-steps {
    display: -ms-flexbox
 }

 .el-rate__text {
    font-size: 14px;
    vertical-align: middle
 }

 .el-steps {
    display: flex
 }

 .el-steps--simple {
    padding: 13px 8%;
    border-radius: 4px;
    background: #f5f7fa
 }

 .el-steps--horizontal {
    white-space: nowrap
 }

 .el-steps--vertical {
    height: 100%;
    flex-flow: column
 }

 .el-step {
    position: relative;
    flex-shrink: 1
 }

 .el-step:last-of-type .el-step__line {
    display: none
 }

 .el-step:last-of-type.is-flex {
    flex-basis: auto!important;
    flex-shrink: 0;
    flex-grow: 0
 }

 .el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main {
    padding-right: 0
 }

 .el-step__head {
    position: relative;
    width: 100%
 }

 .el-step__head.is-process {
    color: #303133;
    border-color: #303133
 }

 .el-step__head.is-wait {
    color: #c0c4cc;
    border-color: #c0c4cc
 }

 .el-step__head.is-success {
    color: #67c23a;
    border-color: #67c23a
 }

 .el-step__head.is-error {
    color: #f56c6c;
    border-color: #f56c6c
 }

 .el-step__head.is-finish {
    color: #409eff;
    border-color: #409eff
 }

 .el-step__icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    box-sizing: border-box;
    background: #fff;
    transition: .15s ease-out
 }

 .el-step__icon.is-text {
    border-radius: 50%;
    border: 2px solid;
    border-color: inherit
 }

 .el-step__icon.is-icon {
    width: 40px
 }

 .el-step__icon-inner {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: inherit
 }

 .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 25px;
    font-weight: 400
 }

 .el-step__icon-inner.is-status {
    transform: translateY(1px)
 }

 .el-step__line {
    position: absolute;
    border-color: inherit;
    background-color: #c0c4cc
 }

 .el-step__line-inner {
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    transition: .15s ease-out;
    box-sizing: border-box;
    width: 0;
    height: 0
 }

 .el-step__main {
    white-space: normal;
    text-align: left
 }

 .el-step__title {
    font-size: 16px;
    line-height: 38px
 }

 .el-step__title.is-process {
    font-weight: 700;
    color: #303133
 }

 .el-step__title.is-wait {
    color: #c0c4cc
 }

 .el-step__title.is-success {
    color: #67c23a
 }

 .el-step__title.is-error {
    color: #f56c6c
 }

 .el-step__title.is-finish {
    color: #409eff
 }

 .el-step__description {
    padding-right: 10%;
    margin-top: -5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400
 }

 .el-step__description.is-process {
    color: #303133
 }

 .el-step__description.is-wait {
    color: #c0c4cc
 }

 .el-step__description.is-success {
    color: #67c23a
 }

 .el-step__description.is-error {
    color: #f56c6c
 }

 .el-step__description.is-finish {
    color: #409eff
 }

 .el-step.is-horizontal {
    display: inline-block
 }

 .el-step.is-horizontal .el-step__line {
    height: 2px;
    top: 11px;
    left: 0;
    right: 0
 }

 .el-step.is-vertical {
    display: flex
 }

 .el-step.is-vertical .el-step__head {
    flex-grow: 0;
    width: 24px
 }

 .el-step.is-vertical .el-step__main {
    padding-left: 10px;
    flex-grow: 1
 }

 .el-step.is-vertical .el-step__title {
    line-height: 24px;
    padding-bottom: 8px
 }

 .el-step.is-vertical .el-step__line {
    width: 2px;
    top: 0;
    bottom: 0;
    left: 11px
 }

 .el-step.is-vertical .el-step__icon.is-icon {
    width: 24px
 }

 .el-step.is-center .el-step__head,.el-step.is-center .el-step__main {
    text-align: center
 }

 .el-step.is-center .el-step__description {
    padding-left: 20%;
    padding-right: 20%
 }

 .el-step.is-center .el-step__line {
    left: 50%;
    right: -50%
 }

 .el-step.is-simple {
    display: flex;
    align-items: center
 }

 .el-step.is-simple .el-step__head {
    width: auto;
    font-size: 0;
    padding-right: 10px
 }

 .el-step.is-simple .el-step__icon {
    background: 0 0;
    width: 16px;
    height: 16px;
    font-size: 12px
 }

 .el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 18px
 }

 .el-step.is-simple .el-step__icon-inner.is-status {
    transform: scale(.8) translateY(1px)
 }

 .el-step.is-simple .el-step__main {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-grow: 1
 }

 .el-step.is-simple .el-step__title {
    font-size: 16px;
    line-height: 20px
 }

 .el-step.is-simple:not(:last-of-type) .el-step__title {
    max-width: 50%;
    word-break: break-all
 }

 .el-step.is-simple .el-step__arrow {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
 }

 .el-step.is-simple .el-step__arrow:after,.el-step.is-simple .el-step__arrow:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 15px;
    width: 1px;
    background: #c0c4cc
 }

 .el-step.is-simple .el-step__arrow:before {
    transform: rotate(-45deg) translateY(-4px);
    transform-origin: 0 0
 }

 .el-step.is-simple .el-step__arrow:after {
    transform: rotate(45deg) translateY(4px);
    transform-origin: 100% 100%
 }

 .el-step.is-simple:last-of-type .el-step__arrow {
    display: none
 }

 .el-carousel {
    position: relative
 }

 .el-carousel--horizontal {
    overflow-x: hidden
 }

 .el-carousel--vertical {
    overflow-y: hidden
 }

 .el-carousel__container {
    position: relative;
    height: 300px
 }

 .el-carousel__arrow {
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(31,45,61,.11);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px
 }

 .el-carousel__arrow--left {
    left: 16px
 }

 .el-carousel__arrow--right {
    right: 16px
 }

 .el-carousel__arrow:hover {
    background-color: rgba(31,45,61,.23)
 }

 .el-carousel__arrow i {
    cursor: pointer
 }

 .el-carousel__indicators {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2
 }

 .el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
 }

 .el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
 }

 .el-carousel__indicators--outside {
    bottom: 26px;
    text-align: center;
    position: static;
    transform: none
 }

 .el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: .64
 }

 .el-carousel__indicators--outside button {
    background-color: #c0c4cc;
    opacity: .24
 }

 .el-carousel__indicators--labels {
    left: 0;
    right: 0;
    transform: none;
    text-align: center
 }

 .el-carousel__indicators--labels .el-carousel__button {
    height: auto;
    width: auto;
    padding: 2px 18px;
    font-size: 12px
 }

 .el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px
 }

 .el-carousel__indicator {
    background-color: transparent;
    cursor: pointer
 }

 .el-carousel__indicator:hover button {
    opacity: .72
 }

 .el-carousel__indicator--horizontal {
    display: inline-block;
    padding: 12px 4px
 }

 .el-carousel__indicator--vertical {
    padding: 4px 12px
 }

 .el-carousel__indicator--vertical .el-carousel__button {
    width: 2px;
    height: 15px
 }

 .el-carousel__indicator.is-active button {
    opacity: 1
 }

 .el-carousel__button {
    display: block;
    opacity: .48;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .3s
 }

 .el-carousel__item,.el-carousel__mask {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
 }

 .carousel-arrow-left-enter,.carousel-arrow-left-leave-active {
    transform: translateY(-50%) translateX(-10px);
    opacity: 0
 }

 .carousel-arrow-right-enter,.carousel-arrow-right-leave-active {
    transform: translateY(-50%) translateX(10px);
    opacity: 0
 }

 .el-carousel__item {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0
 }

 .el-carousel__item.is-active {
    z-index: 2
 }

 .el-carousel__item--card,.el-carousel__item.is-animating {
    transition: transform .4s ease-in-out
 }

 .el-carousel__item--card {
    width: 50%
 }

 .el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1
 }

 .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: .12
 }

 .el-carousel__item--card.is-active {
    z-index: 2
 }

 .el-carousel__mask {
    width: 100%;
    background-color: #fff;
    opacity: .24;
    transition: .2s
 }

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

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

 .el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active {
    transition: all .3s cubic-bezier(.55,0,.1,1)
 }

 .el-zoom-in-center-enter,.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
 }

 .el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transform-origin: center top
 }

 .el-zoom-in-top-enter,.el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
 }

 .el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transform-origin: center bottom
 }

 .el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
 }

 .el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transform-origin: top left
 }

 .el-zoom-in-left-enter,.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(.45)
 }

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

 .horizontal-collapse-transition {
    transition: width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out
 }

 .el-list-enter-active,.el-list-leave-active {
    transition: all 1s
 }

 .el-list-enter,.el-list-leave-active {
    opacity: 0;
    transform: translateY(-30px)
 }

 .el-opacity-transition {
    transition: opacity .3s cubic-bezier(.55,0,.1,1)
 }

 .el-collapse {
    border-top: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5
 }

 .el-collapse-item.is-disabled .el-collapse-item__header {
    color: #bbb;
    cursor: not-allowed
 }

 .el-collapse-item__header {
    display: flex;
    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;
    transition: border-bottom-color .3s;
    outline: 0
 }

 .el-collapse-item__arrow {
    margin: 0 8px 0 auto;
    transition: transform .3s;
    font-weight: 300
 }

 .el-collapse-item__arrow.is-active {
    transform: rotate(90deg)
 }

 .el-collapse-item__header.focusing:focus:not(:hover) {
    color: #409eff
 }

 .el-collapse-item__header.is-active {
    border-bottom-color: transparent
 }

 .el-collapse-item__wrap {
    will-change: height;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef5
 }

 .el-cascader__tags,.el-tag {
    -webkit-box-sizing: border-box
 }

 .el-collapse-item__content {
    padding-bottom: 25px;
    font-size: 13px;
    color: #303133;
    line-height: 1.769230769230769
 }

 .el-collapse-item:last-child {
    margin-bottom: -1px
 }

 .el-popper .popper__arrow,.el-popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
 }

 .el-popper .popper__arrow {
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0,0,0,.03))
 }

 .el-popper .popper__arrow:after {
    content: " ";
    border-width: 6px
 }

 .el-popper[x-placement^=top] {
    margin-bottom: 12px
 }

 .el-popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-color: #ebeef5;
    border-bottom-width: 0
 }

 .el-popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: #fff;
    border-bottom-width: 0
 }

 .el-popper[x-placement^=bottom] {
    margin-top: 12px
 }

 .el-popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: #ebeef5
 }

 .el-popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff
 }

 .el-popper[x-placement^=right] {
    margin-left: 12px
 }

 .el-popper[x-placement^=right] .popper__arrow {
    top: 50%;
    left: -6px;
    margin-bottom: 3px;
    border-right-color: #ebeef5;
    border-left-width: 0
 }

 .el-popper[x-placement^=right] .popper__arrow:after {
    bottom: -6px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
 }

 .el-popper[x-placement^=left] {
    margin-right: 12px
 }

 .el-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: #ebeef5
 }

 .el-popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -6px;
    margin-left: -6px;
    border-right-width: 0;
    border-left-color: #fff
 }

 .el-tag {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409eff;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    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 {
    transform: scale(.8)
 }

 .el-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px
 }

 .el-tag--small .el-icon-close {
    transform: scale(.8)
 }

 .el-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px
 }

 .el-tag--mini .el-icon-close {
    margin-left: -3px;
    transform: scale(.7)
 }

 .el-cascader {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 40px
 }

 .el-cascader:not(.is-disabled):hover .el-input__inner {
    cursor: pointer;
    border-color: #c0c4cc
 }

 .el-cascader .el-input .el-input__inner:focus,.el-cascader .el-input.is-focus .el-input__inner {
    border-color: #409eff
 }

 .el-cascader .el-input {
    cursor: pointer
 }

 .el-cascader .el-input .el-input__inner {
    text-overflow: ellipsis
 }

 .el-cascader .el-input .el-icon-arrow-down {
    transition: transform .3s;
    font-size: 14px
 }

 .el-cascader .el-input .el-icon-arrow-down.is-reverse {
    transform: rotate(180deg)
 }

 .el-cascader .el-input .el-icon-circle-close:hover {
    color: #909399
 }

 .el-cascader--medium {
    font-size: 14px;
    line-height: 36px
 }

 .el-cascader--small {
    font-size: 13px;
    line-height: 32px
 }

 .el-cascader--mini {
    font-size: 12px;
    line-height: 28px
 }

 .el-cascader.is-disabled .el-cascader__label {
    z-index: 2;
    color: #c0c4cc
 }

 .el-cascader__dropdown {
    margin: 5px 0;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
 }

 .el-cascader__tags {
    position: absolute;
    left: 0;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    text-align: left;
    box-sizing: border-box
 }

 .el-cascader__tags .el-tag {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin: 2px 0 2px 6px;
    text-overflow: ellipsis;
    background: #f0f2f5
 }

 .el-cascader__tags .el-tag:not(.is-hit) {
    border-color: transparent
 }

 .el-cascader__tags .el-tag>span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
 }

 .el-cascader__tags .el-tag .el-icon-close {
    flex: none;
    background-color: #c0c4cc;
    color: #fff
 }

 .el-cascader__tags .el-tag .el-icon-close:hover {
    background-color: #909399
 }

 .el-cascader__suggestion-panel {
    border-radius: 4px
 }

 .el-cascader__suggestion-list {
    max-height: 204px;
    margin: 0;
    padding: 6px 0;
    font-size: 14px;
    color: #606266;
    text-align: center
 }

 .el-cascader__suggestion-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    padding: 0 15px;
    text-align: left;
    outline: 0;
    cursor: pointer
 }

 .el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover {
    background: #f5f7fa
 }

 .el-cascader__suggestion-item.is-checked {
    color: #409eff;
    font-weight: 700
 }

 .el-cascader__suggestion-item>span {
    margin-right: 10px
 }

 .el-cascader__empty-text {
    margin: 10px 0;
    color: #c0c4cc
 }

 .el-cascader__search-input {
    flex: 1;
    height: 24px;
    min-width: 60px;
    margin: 2px 0 2px 15px;
    padding: 0;
    color: #606266;
    border: none;
    outline: 0;
    box-sizing: border-box
 }

 .el-cascader__search-input::-moz-placeholder {
    color: #c0c4cc
 }

 .el-cascader__search-input::placeholder {
    color: #c0c4cc
 }

 .el-color-predefine {
    display: flex;
    font-size: 12px;
    margin-top: 8px;
    width: 280px
 }

 .el-color-predefine__colors {
    display: flex;
    flex: 1;
    flex-wrap: wrap
 }

 .el-color-predefine__color-selector {
    margin: 0 0 8px 8px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    cursor: pointer
 }

 .el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
 }

 .el-color-predefine__color-selector.selected {
    box-shadow: 0 0 3px 2px #409eff
 }

 .el-color-predefine__color-selector>div {
    display: flex;
    height: 100%;
    border-radius: 3px
 }

 .el-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
 }

 .el-color-hue-slider {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background-color: red;
    padding: 0 2px
 }

 .el-color-hue-slider__bar {
    position: relative;
    background: linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);
    height: 100%
 }

 .el-color-hue-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 2px rgba(0,0,0,.6);
    z-index: 1
 }

 .el-color-hue-slider.is-vertical {
    width: 12px;
    height: 180px;
    padding: 2px 0
 }

 .el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)
 }

 .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
 }

 .el-color-svpanel {
    position: relative;
    width: 280px;
    height: 180px
 }

 .el-color-svpanel__black,.el-color-svpanel__white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
 }

 .el-color-svpanel__white {
    background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0))
 }

 .el-color-svpanel__black {
    background: linear-gradient(0deg,#000,transparent)
 }

 .el-color-svpanel__cursor {
    position: absolute
 }

 .el-color-svpanel__cursor>div {
    cursor: head;
    width: 4px;
    height: 4px;
    box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);
    border-radius: 50%;
    transform: translate(-2px,-2px)
 }

 .el-color-alpha-slider {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
 }

 .el-color-alpha-slider__bar {
    position: relative;
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
    height: 100%
 }

 .el-color-alpha-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 2px rgba(0,0,0,.6);
    z-index: 1
 }

 .el-color-alpha-slider.is-vertical {
    width: 20px;
    height: 180px
 }

 .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff)
 }

 .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
 }

 .el-color-dropdown {
    width: 300px
 }

 .el-color-dropdown__main-wrapper {
    margin-bottom: 6px
 }

 .el-color-dropdown__main-wrapper:after {
    content: "";
    display: table;
    clear: both
 }

 .el-color-dropdown__btns {
    margin-top: 6px;
    text-align: right
 }

 .el-color-dropdown__value {
    float: left;
    line-height: 26px;
    font-size: 12px;
    color: #000;
    width: 160px
 }

 .el-color-dropdown__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px
 }

 .el-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
 }

 .el-color-dropdown__btn:hover {
    color: #409eff;
    border-color: #409eff
 }

 .el-color-dropdown__link-btn {
    cursor: pointer;
    color: #409eff;
    text-decoration: none;
    padding: 15px;
    font-size: 12px
 }

 .el-color-dropdown__link-btn:hover {
    color: tint(#409eff,20%)
 }

 .el-color-picker {
    display: inline-block;
    position: relative;
    line-height: normal;
    height: 40px
 }

 .el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
 }

 .el-color-picker--medium {
    height: 36px
 }

 .el-color-picker--medium .el-color-picker__trigger {
    height: 36px;
    width: 36px
 }

 .el-color-picker--medium .el-color-picker__mask {
    height: 34px;
    width: 34px
 }

 .el-color-picker--small {
    height: 32px
 }

 .el-color-picker--small .el-color-picker__trigger {
    height: 32px;
    width: 32px
 }

 .el-color-picker--small .el-color-picker__mask {
    height: 30px;
    width: 30px
 }

 .el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon {
    transform: translate3d(-50%,-50%,0) scale(.8)
 }

 .el-color-picker--mini {
    height: 28px
 }

 .el-color-picker--mini .el-color-picker__trigger {
    height: 28px;
    width: 28px
 }

 .el-color-picker--mini .el-color-picker__mask {
    height: 26px;
    width: 26px
 }

 .el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon {
    transform: translate3d(-50%,-50%,0) scale(.8)
 }

 .el-color-picker__mask {
    height: 38px;
    width: 38px;
    border-radius: 4px;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    cursor: not-allowed;
    background-color: hsla(0,0%,100%,.7)
 }

 .el-color-picker__trigger {
    display: inline-block;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    padding: 4px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 0;
    position: relative;
    cursor: pointer
 }

 .el-color-picker__color {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    text-align: center
 }

 .el-color-picker__color.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
 }

 .el-color-picker__color-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
 }

 .el-color-picker__empty,.el-color-picker__icon {
    top: 50%;
    left: 50%;
    font-size: 12px;
    position: absolute
 }

 .el-color-picker__empty {
    color: #999;
    transform: translate3d(-50%,-50%,0)
 }

 .el-color-picker__icon {
    display: inline-block;
    width: 100%;
    transform: translate3d(-50%,-50%,0);
    color: #fff;
    text-align: center
 }

 .el-color-picker__panel {
    position: absolute;
    z-index: 10;
    padding: 6px;
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
 }

 .el-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: 14px
 }

 .el-textarea__inner {
    display: block;
    resize: vertical;
    padding: 5px 15px;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1)
 }

 .el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
 }

 .el-textarea__inner::placeholder {
    color: #c0c4cc
 }

 .el-textarea__inner:hover {
    border-color: #c0c4cc
 }

 .el-textarea__inner:focus {
    outline: 0;
    border-color: #409eff
 }

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

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

 .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
 }

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

 .el-textarea.is-exceed .el-textarea__inner {
    border-color: #f56c6c
 }

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

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

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

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

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

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

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

 .el-input .el-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    cursor: pointer;
    transition: color .2s cubic-bezier(.645,.045,.355,1)
 }

 .el-input .el-input__clear:hover {
    color: #909399
 }

 .el-input .el-input__count {
    height: 100%;
    display: inline-flex;
    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;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%
 }

 .el-input__prefix,.el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    height: 100%;
    color: #c0c4cc;
    text-align: center
 }

 .el-input__inner::-ms-reveal {
    display: none
 }

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

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

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

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

 .el-input__suffix {
    right: 5px;
    transition: all .3s
 }

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

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

 .el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    transition: all .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::-moz-placeholder {
    color: #c0c4cc
 }

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

 .el-input.is-disabled .el-input__icon {
    cursor: not-allowed
 }

 .el-link,.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
 }

 .el-input.is-exceed .el-input__inner {
    border-color: #f56c6c
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .el-transfer {
    font-size: 14px
 }

 .el-transfer__buttons {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px
 }

 .el-transfer__button {
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: #409eff;
    font-size: 0
 }

 .el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span {
    margin-left: 0
 }

 .el-transfer__button.is-with-texts {
    border-radius: 4px
 }

 .el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover {
    border: 1px solid #dcdfe6;
    background-color: #f5f7fa;
    color: #c0c4cc
 }

 .el-transfer__button:first-child {
    margin-bottom: 10px
 }

 .el-transfer__button:nth-child(2) {
    margin: 0
 }

 .el-transfer__button i,.el-transfer__button span {
    font-size: 14px
 }

 .el-transfer-panel {
    border: 1px solid #ebeef5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    box-sizing: border-box;
    position: relative
 }

 .el-transfer-panel__body {
    height: 246px
 }

 .el-transfer-panel__body.is-with-footer {
    padding-bottom: 40px
 }

 .el-transfer-panel__list {
    margin: 0;
    padding: 6px 0;
    list-style: none;
    height: 246px;
    overflow: auto;
    box-sizing: border-box
 }

 .el-transfer-panel__list.is-filterable {
    height: 194px;
    padding-top: 0
 }

 .el-transfer-panel__item {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    display: block!important
 }

 .el-transfer-panel__item.el-checkbox {
    color: #606266
 }

 .el-transfer-panel__item:hover {
    color: #409eff
 }

 .el-transfer-panel__item.el-checkbox .el-checkbox__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    box-sizing: border-box;
    padding-left: 24px;
    line-height: 30px
 }

 .el-transfer-panel__item .el-checkbox__input {
    position: absolute;
    top: 8px
 }

 .el-transfer-panel__filter {
    text-align: center;
    margin: 15px;
    box-sizing: border-box;
    display: block;
    width: auto
 }

 .el-transfer-panel__filter .el-input__inner {
    height: 32px;
    width: 100%;
    font-size: 12px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 16px;
    padding-right: 10px;
    padding-left: 30px
 }

 .el-transfer-panel__filter .el-input__icon {
    margin-left: 5px
 }

 .el-transfer-panel .el-transfer-panel__header {
    height: 40px;
    line-height: 40px;
    background: #f5f7fa;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box;
    color: #000
 }

 .el-transfer-panel .el-transfer-panel__header .el-checkbox {
    display: block;
    line-height: 40px
 }

 .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    font-size: 16px;
    color: #303133;
    font-weight: 400
 }

 .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    position: absolute;
    right: 15px;
    color: #909399;
    font-size: 12px;
    font-weight: 400
 }

 .el-divider__text,.el-link {
    font-weight: 500;
    font-size: 14px
 }

 .el-transfer-panel .el-transfer-panel__footer {
    height: 40px;
    background: #fff;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ebeef5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
 }

 .el-transfer-panel .el-transfer-panel__footer:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
 }

 .el-container,.el-timeline-item__node {
    display: -ms-flexbox
 }

 .el-transfer-panel .el-transfer-panel__footer .el-checkbox {
    padding-left: 20px;
    color: #606266
 }

 .el-transfer-panel .el-transfer-panel__empty {
    margin: 0;
    height: 30px;
    line-height: 30px;
    padding: 6px 15px 0;
    color: #909399;
    text-align: center
 }

 .el-transfer-panel .el-checkbox__label {
    padding-left: 8px
 }

 .el-transfer-panel .el-checkbox__inner {
    height: 14px;
    width: 14px;
    border-radius: 3px
 }

 .el-transfer-panel .el-checkbox__inner:after {
    height: 6px;
    width: 3px;
    left: 4px
 }

 .el-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0
 }

 .el-aside,.el-header {
    -webkit-box-sizing: border-box
 }

 .el-container.is-vertical {
    flex-direction: column
 }

 .el-header {
    padding: 0 20px
 }

 .el-aside,.el-header {
    box-sizing: border-box;
    flex-shrink: 0
 }

 .el-aside {
    overflow: auto
 }

 .el-footer,.el-main {
    -webkit-box-sizing: border-box
 }

 .el-main {
    display: block;
    flex: 1;
    flex-basis: auto;
    overflow: auto;
    padding: 20px
 }

 .el-footer,.el-main {
    box-sizing: border-box
 }

 .el-footer {
    padding: 0 20px;
    flex-shrink: 0
 }

 .el-timeline {
    margin: 0;
    font-size: 14px;
    list-style: none
 }

 .el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
    display: none
 }

 .el-timeline-item {
    position: relative;
    padding-bottom: 20px
 }

 .el-timeline-item__wrapper {
    position: relative;
    padding-left: 28px;
    top: -3px
 }

 .el-timeline-item__tail {
    position: absolute;
    left: 4px;
    height: 100%;
    border-left: 2px solid #e4e7ed
 }

 .el-timeline-item__icon {
    color: #fff;
    font-size: 13px
 }

 .el-timeline-item__node {
    position: absolute;
    background-color: #e4e7ed;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
 }

 .el-image__error,.el-timeline-item__dot {
    display: -ms-flexbox
 }

 .el-timeline-item__node--normal {
    left: -1px;
    width: 12px;
    height: 12px
 }

 .el-timeline-item__node--large {
    left: -2px;
    width: 14px;
    height: 14px
 }

 .el-timeline-item__node--primary {
    background-color: #409eff
 }

 .el-timeline-item__node--success {
    background-color: #67c23a
 }

 .el-timeline-item__node--warning {
    background-color: #e6a23c
 }

 .el-timeline-item__node--danger {
    background-color: #f56c6c
 }

 .el-timeline-item__node--info {
    background-color: #909399
 }

 .el-timeline-item__dot {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
 }

 .el-timeline-item__content {
    color: #303133
 }

 .el-timeline-item__timestamp {
    color: #909399;
    line-height: 1;
    font-size: 13px
 }

 .el-timeline-item__timestamp.is-top {
    margin-bottom: 8px;
    padding-top: 4px
 }

 .el-timeline-item__timestamp.is-bottom {
    margin-top: 8px
 }

 .el-link {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: 0;
    padding: 0
 }

 .el-drawer,.el-empty,.el-result {
    -webkit-box-orient: vertical
 }

 .el-link.is-underline:hover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid #409eff
 }

 .el-link.el-link--default:after,.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after {
    border-color: #409eff
 }

 .el-link.is-disabled {
    cursor: not-allowed
 }

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

 .el-link.el-link--default {
    color: #606266
 }

 .el-link.el-link--default:hover {
    color: #409eff
 }

 .el-link.el-link--default.is-disabled {
    color: #c0c4cc
 }

 .el-link.el-link--primary {
    color: #409eff
 }

 .el-link.el-link--primary:hover {
    color: #66b1ff
 }

 .el-link.el-link--primary.is-disabled {
    color: #a0cfff
 }

 .el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after {
    border-color: #f56c6c
 }

 .el-link.el-link--danger {
    color: #f56c6c
 }

 .el-link.el-link--danger:hover {
    color: #f78989
 }

 .el-link.el-link--danger.is-disabled {
    color: #fab6b6
 }

 .el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after {
    border-color: #67c23a
 }

 .el-link.el-link--success {
    color: #67c23a
 }

 .el-link.el-link--success:hover {
    color: #85ce61
 }

 .el-link.el-link--success.is-disabled {
    color: #b3e19d
 }

 .el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after {
    border-color: #e6a23c
 }

 .el-link.el-link--warning {
    color: #e6a23c
 }

 .el-link.el-link--warning:hover {
    color: #ebb563
 }

 .el-link.el-link--warning.is-disabled {
    color: #f3d19e
 }

 .el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after {
    border-color: #909399
 }

 .el-link.el-link--info {
    color: #909399
 }

 .el-link.el-link--info:hover {
    color: #a6a9ad
 }

 .el-link.el-link--info.is-disabled {
    color: #c8c9cc
 }

 .el-divider {
    background-color: #dcdfe6;
    position: relative
 }

 .el-divider--horizontal {
    display: block;
    height: 1px;
    width: 100%;
    margin: 24px 0
 }

 .el-divider--vertical {
    display: inline-block;
    width: 1px;
    height: 1em;
    margin: 0 8px;
    vertical-align: middle;
    position: relative
 }

 .el-divider__text {
    position: absolute;
    background-color: #fff;
    padding: 0 20px;
    color: #303133
 }

 .el-image__error,.el-image__placeholder {
    background: #f5f7fa
 }

 .el-divider__text.is-left {
    left: 20px;
    transform: translateY(-50%)
 }

 .el-divider__text.is-center {
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
 }

 .el-divider__text.is-right {
    right: 20px;
    transform: translateY(-50%)
 }

 .el-image__error,.el-image__inner,.el-image__placeholder {
    width: 100%;
    height: 100%
 }

 .el-image {
    position: relative;
    display: inline-block;
    overflow: hidden
 }

 .el-image__inner {
    vertical-align: top
 }

 .el-image__inner--center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block
 }

 .el-image__error {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #c0c4cc;
    vertical-align: middle
 }

 .el-image__preview {
    cursor: pointer
 }

 .el-image-viewer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
 }

 .el-image-viewer__btn {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
 }

 .el-button,.el-checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
 }

 .el-image-viewer__close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266
 }

 .el-image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
 }

 .el-image-viewer__actions {
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    width: 282px;
    height: 44px;
    padding: 0 23px;
    background-color: #606266;
    border-color: #fff;
    border-radius: 22px
 }

 .el-image-viewer__actions__inner {
    width: 100%;
    height: 100%;
    text-align: justify;
    cursor: default;
    font-size: 23px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around
 }

 .el-image-viewer__next,.el-image-viewer__prev {
    top: 50%;
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
    border-color: #fff
 }

 .el-image-viewer__prev {
    transform: translateY(-50%);
    left: 40px
 }

 .el-image-viewer__next {
    transform: translateY(-50%);
    right: 40px;
    text-indent: 2px
 }

 .el-image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: #000
 }

 .viewer-fade-enter-active {
    animation: viewer-fade-in .3s
 }

 .viewer-fade-leave-active {
    animation: viewer-fade-out .3s
 }

 @keyframes viewer-fade-in {
    0% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
 }

 @keyframes viewer-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .el-button-group>.el-button.is-disabled {
    z-index: 1
 }

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

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

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

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

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

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

 .el-button-group>.el-button:not(:last-child) {
    margin-right: -1px
 }

 .el-button-group>.el-button.is-active,.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover {
    z-index: 1
 }

 .el-button-group>.el-dropdown>.el-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--primary:first-child {
    border-right-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0,0%,100%,.5);
    border-right-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--success:first-child {
    border-right-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--success:last-child {
    border-left-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0,0%,100%,.5);
    border-right-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0,0%,100%,.5);
    border-right-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0,0%,100%,.5);
    border-right-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--info:first-child {
    border-right-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--info:last-child {
    border-left-color: hsla(0,0%,100%,.5)
 }

 .el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0,0%,100%,.5);
    border-right-color: hsla(0,0%,100%,.5)
 }

 .el-calendar {
    background-color: #fff
 }

 .el-calendar__header {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #ebeef5
 }

 .el-backtop,.el-page-header {
    display: -ms-flexbox
 }

 .el-calendar__title {
    color: #000;
    align-self: center
 }

 .el-calendar__body {
    padding: 12px 20px 35px
 }

 .el-calendar-table {
    table-layout: fixed;
    width: 100%
 }

 .el-calendar-table thead th {
    padding: 12px 0;
    color: #606266;
    font-weight: 400
 }

 .el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev {
    color: #c0c4cc
 }

 .el-backtop,.el-calendar-table td.is-today {
    color: #409eff
 }

 .el-calendar-table td {
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    vertical-align: top;
    transition: background-color .2s ease
 }

 .el-calendar-table td.is-selected {
    background-color: #f2f8fe
 }

 .el-calendar-table tr:first-child td {
    border-top: 1px solid #ebeef5
 }

 .el-calendar-table tr td:first-child {
    border-left: 1px solid #ebeef5
 }

 .el-calendar-table tr.el-calendar-table__row--hide-border td {
    border-top: none
 }

 .el-calendar-table .el-calendar-day {
    box-sizing: border-box;
    padding: 8px;
    height: 85px
 }

 .el-calendar-table .el-calendar-day:hover {
    cursor: pointer;
    background-color: #f2f8fe
 }

 .el-backtop {
    position: fixed;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 0 6px rgba(0,0,0,.12);
    cursor: pointer;
    z-index: 5
 }

 .el-backtop:hover {
    background-color: #f2f6fc
 }

 .el-page-header {
    display: flex;
    line-height: 24px
 }

 .el-page-header__left {
    display: flex;
    cursor: pointer;
    margin-right: 40px;
    position: relative
 }

 .el-page-header__left:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dcdfe6
 }

 .el-checkbox,.el-checkbox__input {
    display: inline-block;
    position: relative;
    white-space: nowrap
 }

 .el-page-header__left .el-icon-back {
    font-size: 18px;
    margin-right: 6px;
    align-self: center
 }

 .el-page-header__title {
    font-size: 14px;
    font-weight: 500
 }

 .el-page-header__content {
    font-size: 18px;
    color: #303133
 }

 .el-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 30px
 }

 .el-checkbox-button__inner,.el-empty__image img,.el-radio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
 }

 .el-checkbox.is-bordered {
    padding: 9px 20px 9px 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    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 {
    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;
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 5px
 }

 .el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
 }

 .el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #fff;
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)
 }

 .el-checkbox__inner:hover {
    border-color: #409eff
 }

 .el-checkbox__inner:after {
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in .05s;
    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;
    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;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
 }

 .el-checkbox-button__inner.is-round {
    padding: 12px 20px
 }

 .el-checkbox-button__inner:hover {
    color: #409eff
 }

 .el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
 }

 .el-radio,.el-radio__input {
    line-height: 1;
    white-space: nowrap;
    outline: 0
 }

 .el-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
 }

 .el-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1
 }

 .el-radio,.el-radio__inner,.el-radio__input {
    position: relative;
    display: inline-block
 }

 .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    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;
    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;
    box-shadow: none!important
 }

 .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409eff
 }

 .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0
 }

 .el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
 }

 .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px
 }

 .el-checkbox-button--small .el-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
 }

 .el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px
 }

 .el-checkbox-button--mini .el-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
 }

 .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px
 }

 .el-checkbox-group {
    font-size: 0
 }

 .el-radio,.el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px
 }

 .el-radio {
    color: #606266;
    font-weight: 500;
    cursor: pointer;
    margin-right: 30px
 }

 .el-cascader-node>.el-radio,.el-radio:last-child {
    margin-right: 0
 }

 .el-radio.is-bordered {
    padding: 12px 20px 0 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    height: 40px
 }

 .el-radio.is-bordered.is-checked {
    border-color: #409eff
 }

 .el-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #ebeef5
 }

 .el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed
 }

 .el-radio.is-bordered+.el-radio.is-bordered {
    margin-left: 10px
 }

 .el-radio--medium.is-bordered {
    padding: 10px 20px 0 10px;
    border-radius: 4px;
    height: 36px
 }

 .el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
 }

 .el-radio--medium.is-bordered .el-radio__inner {
    height: 14px;
    width: 14px
 }

 .el-radio--small.is-bordered {
    padding: 8px 15px 0 10px;
    border-radius: 3px;
    height: 32px
 }

 .el-radio--small.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
 }

 .el-radio--mini.is-bordered {
    padding: 6px 15px 0 10px;
    border-radius: 3px;
    height: 28px
 }

 .el-radio--mini.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
 }

 .el-radio__input {
    cursor: pointer;
    vertical-align: middle
 }

 .el-radio__input.is-disabled .el-radio__inner {
    cursor: not-allowed
 }

 .el-radio__input.is-disabled .el-radio__inner:after {
    cursor: not-allowed;
    background-color: #f5f7fa
 }

 .el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
 }

 .el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: #c0c4cc
 }

 .el-radio__input.is-disabled+span.el-radio__label {
    color: #c0c4cc;
    cursor: not-allowed
 }

 .el-radio__input.is-checked .el-radio__inner {
    border-color: #409eff;
    background: #409eff
 }

 .el-radio__input.is-checked .el-radio__inner:after {
    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;
    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%;
    transform: translate(-50%,-50%) scale(0);
    transition: transform .15s ease-in
 }

 .el-radio__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
 }

 .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px #409eff
 }

 .el-radio__label {
    font-size: 14px;
    padding-left: 10px
 }

 .el-scrollbar {
    overflow: hidden;
    position: relative
 }

 .el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar {
    opacity: 1;
    transition: opacity .34s ease-out
 }

 .el-scrollbar__wrap {
    overflow: scroll;
    height: 100%
 }

 .el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
 }

 .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0
 }

 .el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: hsla(220,4%,58%,.3);
    transition: background-color .3s
 }

 .el-scrollbar__thumb:hover {
    background-color: hsla(220,4%,58%,.5)
 }

 .el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    transition: opacity .12s ease-out
 }

 .el-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px
 }

 .el-scrollbar__bar.is-vertical>div {
    width: 100%
 }

 .el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
 }

 .el-scrollbar__bar.is-horizontal>div {
    height: 100%
 }

 .el-cascader-panel {
    display: flex;
    border-radius: 4px;
    font-size: 14px
 }

 .el-cascader-panel.is-bordered {
    border: 1px solid #e4e7ed;
    border-radius: 4px
 }

 .el-cascader-menu {
    min-width: 180px;
    box-sizing: border-box;
    color: #606266;
    border-right: 1px solid #e4e7ed
 }

 .el-cascader-menu:last-child {
    border-right: none
 }

 .el-cascader-menu:last-child .el-cascader-node {
    padding-right: 20px
 }

 .el-cascader-menu__wrap {
    height: 204px
 }

 .el-cascader-menu__list {
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    box-sizing: border-box
 }

 .el-avatar,.el-drawer {
    -webkit-box-sizing: border-box;
    overflow: hidden
 }

 .el-cascader-menu__hover-zone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
 }

 .el-cascader-menu__empty-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #c0c4cc
 }

 .el-cascader-node {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 30px 0 20px;
    height: 34px;
    line-height: 34px;
    outline: 0
 }

 .el-cascader-node.is-selectable.in-active-path {
    color: #606266
 }

 .el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path {
    color: #409eff;
    font-weight: 700
 }

 .el-cascader-node:not(.is-disabled) {
    cursor: pointer
 }

 .el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover {
    background: #f5f7fa
 }

 .el-cascader-node.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
 }

 .el-cascader-node__prefix {
    position: absolute;
    left: 10px
 }

 .el-cascader-node__postfix {
    position: absolute;
    right: 10px
 }

 .el-cascader-node__label {
    flex: 1;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
 }

 .el-cascader-node>.el-radio .el-radio__label {
    padding-left: 0
 }

 .el-avatar {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: #c0c4cc;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px
 }

 .el-avatar>img {
    display: block;
    height: 100%;
    vertical-align: middle
 }

 .el-drawer,.el-drawer__header {
    display: -ms-flexbox
 }

 .el-empty__image img,.el-empty__image svg {
    vertical-align: top;
    height: 100%;
    width: 100%
 }

 .el-avatar--circle {
    border-radius: 50%
 }

 .el-avatar--square {
    border-radius: 4px
 }

 .el-avatar--icon {
    font-size: 18px
 }

 .el-avatar--large {
    width: 40px;
    height: 40px;
    line-height: 40px
 }

 .el-avatar--medium {
    width: 36px;
    height: 36px;
    line-height: 36px
 }

 .el-avatar--small {
    width: 28px;
    height: 28px;
    line-height: 28px
 }

 .el-drawer.ltr,.el-drawer.rtl,.el-drawer__container {
    top: 0;
    bottom: 0;
    height: 100%
 }

 @keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
 }

 @keyframes rtl-drawer-in {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
 }

 @keyframes rtl-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
 }

 @keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
 }

 @keyframes ltr-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
 }

 @keyframes ttb-drawer-in {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
 }

 @keyframes ttb-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
 }

 @keyframes btt-drawer-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
 }

 @keyframes btt-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
 }

 .el-drawer {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
    outline: 0
 }

 .el-drawer__body>*,.el-empty {
    -webkit-box-sizing: border-box
 }

 .el-drawer.rtl {
    animation: rtl-drawer-out .3s;
    right: 0
 }

 .el-drawer__open .el-drawer.rtl {
    animation: rtl-drawer-in .3s 1ms
 }

 .el-drawer.ltr {
    animation: ltr-drawer-out .3s;
    left: 0
 }

 .el-drawer__open .el-drawer.ltr {
    animation: ltr-drawer-in .3s 1ms
 }

 .el-drawer.ttb {
    animation: ttb-drawer-out .3s;
    top: 0
 }

 .el-drawer__open .el-drawer.ttb {
    animation: ttb-drawer-in .3s 1ms
 }

 .el-drawer.btt {
    animation: btt-drawer-out .3s;
    bottom: 0
 }

 .el-drawer__open .el-drawer.btt {
    animation: btt-drawer-in .3s 1ms
 }

 .el-drawer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0
 }

 .el-drawer__header {
    align-items: center;
    color: #72767b;
    display: flex;
    margin-bottom: 32px;
    padding: 20px 20px 0
 }

 .el-drawer__header>:first-child {
    flex: 1
 }

 .el-drawer__title {
    margin: 0;
    flex: 1;
    line-height: inherit;
    font-size: 1rem
 }

 .el-drawer__close-btn {
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: inherit;
    background-color: transparent
 }

 .el-drawer__body {
    flex: 1;
    overflow: auto
 }

 .el-drawer__body>* {
    box-sizing: border-box
 }

 .el-drawer.btt,.el-drawer.ttb,.el-drawer__container {
    width: 100%;
    left: 0;
    right: 0
 }

 .el-drawer__container {
    position: relative
 }

 .el-drawer-fade-enter-active {
    animation: el-drawer-fade-in .3s
 }

 .el-drawer-fade-leave-active {
    animation: el-drawer-fade-in .3s reverse
 }

 .el-popconfirm__main {
    display: flex;
    align-items: center
 }

 .el-popconfirm__icon {
    margin-right: 5px
 }

 .el-popconfirm__action {
    text-align: right;
    margin: 0
 }

 @keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
 }

 .el-skeleton {
    width: 100%
 }

 .el-skeleton__first-line,.el-skeleton__paragraph {
    height: 16px;
    margin-top: 16px;
    background: #f2f2f2
 }

 .el-skeleton.is-animated .el-skeleton__item {
    background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
    background-size: 400% 100%;
    animation: el-skeleton-loading 1.4s ease infinite
 }

 .el-skeleton__item {
    background: #f2f2f2;
    display: inline-block;
    height: 16px;
    border-radius: 4px;
    width: 100%
 }

 .el-empty,.el-skeleton__image {
    display: -ms-flexbox
 }

 .el-skeleton__circle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px
 }

 .el-skeleton__circle--lg {
    width: 40px;
    height: 40px;
    line-height: 40px
 }

 .el-skeleton__circle--md {
    width: 28px;
    height: 28px;
    line-height: 28px
 }

 .el-skeleton__button {
    height: 40px;
    width: 64px;
    border-radius: 4px
 }

 .el-skeleton__p {
    width: 100%
 }

 .el-skeleton__p.is-last {
    width: 61%
 }

 .el-skeleton__p.is-first {
    width: 33%
 }

 .el-skeleton__text {
    width: 100%;
    height: 13px
 }

 .el-skeleton__caption {
    height: 12px
 }

 .el-skeleton__h1 {
    height: 20px
 }

 .el-skeleton__h3 {
    height: 18px
 }

 .el-skeleton__h5 {
    height: 16px
 }

 .el-skeleton__image {
    width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0
 }

 .el-skeleton__image svg {
    fill: #dcdde0;
    width: 22%;
    height: 22%
 }

 .el-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 0
 }

 .el-empty__image {
    width: 160px
 }

 .el-empty__image img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-object-fit: contain;
    object-fit: contain
 }

 .el-empty__image svg {
    fill: #dcdde0
 }

 .el-empty__description {
    margin-top: 20px
 }

 .el-empty__description p {
    margin: 0;
    font-size: 14px;
    color: #909399
 }

 .el-empty__bottom,.el-result__title {
    margin-top: 20px
 }

 .el-descriptions {
    box-sizing: border-box;
    font-size: 14px;
    color: #303133
 }

 .el-descriptions__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
 }

 .el-descriptions__title {
    font-size: 16px;
    font-weight: 700
 }

 .el-descriptions--mini,.el-descriptions--small {
    font-size: 12px
 }

 .el-descriptions__body {
    color: #606266;
    background-color: #fff
 }

 .el-descriptions__body .el-descriptions__table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed
 }

 .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
    box-sizing: border-box;
    text-align: left;
    font-weight: 400;
    line-height: 1.5
 }

 .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left {
    text-align: left
 }

 .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center {
    text-align: center
 }

 .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right {
    text-align: right
 }

 .el-descriptions .is-bordered {
    table-layout: auto
 }

 .el-descriptions .is-bordered .el-descriptions-item__cell {
    border: 1px solid #ebeef5;
    padding: 12px 10px
 }

 .el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 12px
 }

 .el-descriptions--medium.is-bordered .el-descriptions-item__cell {
    padding: 10px
 }

 .el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 10px
 }

 .el-descriptions--small.is-bordered .el-descriptions-item__cell {
    padding: 8px 10px
 }

 .el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 8px
 }

 .el-descriptions--mini.is-bordered .el-descriptions-item__cell {
    padding: 6px 10px
 }

 .el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 6px
 }

 .el-descriptions-item__container {
    display: flex
 }

 .el-descriptions-item__label.has-colon:after {
    content: ":";
    position: relative;
    top: -.5px
 }

 .el-descriptions-item__label.is-bordered-label {
    font-weight: 700;
    color: #909399;
    background: #fafafa
 }

 .el-descriptions-item__label:not(.is-bordered-label) {
    margin-right: 10px
 }

 .el-result {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 30px
 }

 .el-result__icon svg {
    width: 64px;
    height: 64px
 }

 .el-result__title p {
    margin: 0;
    font-size: 20px;
    color: #303133;
    line-height: 1.3
 }

 .el-result__subtitle {
    margin-top: 10px
 }

 .el-result__subtitle p {
    margin: 0;
    font-size: 14px;
    color: #606266;
    line-height: 1.3
 }

 .el-result__extra {
    margin-top: 30px
 }

 .el-result .icon-success {
    fill: #67c23a
 }

 .el-result .icon-error {
    fill: #f56c6c
 }

 .el-result .icon-info {
    fill: #909399
 }

 .el-result .icon-warning {
    fill: #e6a23c
 }

 :root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #439741;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #ec4b3d;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 67,151,65;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 236,75,61;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-rgb: 33,37,41;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
 }

 .scoped-bootstrap *,.scoped-bootstrap :after,.scoped-bootstrap :before {
    box-sizing: border-box
 }

 @media(prefers-reduced-motion:no-preference) {
    .scoped-bootstrap :root {
        scroll-behavior: smooth
    }
 }

 .scoped-bootstrap body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
 }

 .scoped-bootstrap hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
 }

 .scoped-bootstrap hr:not([size]) {
    height: 1px
 }

 .scoped-bootstrap h1,.scoped-bootstrap h2,.scoped-bootstrap h3,.scoped-bootstrap h4,.scoped-bootstrap h5,.scoped-bootstrap h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
 }

 .scoped-bootstrap h1 {
    font-size: calc(1.375rem + 1.5vw)
 }

 @media(min-width: 1200px) {
    .scoped-bootstrap h1 {
        font-size:2.5rem
    }
 }

 .scoped-bootstrap h2 {
    font-size: calc(1.325rem + .9vw)
 }

 @media(min-width: 1200px) {
    .scoped-bootstrap h2 {
        font-size:2rem
    }
 }

 .scoped-bootstrap h3 {
    font-size: calc(1.3rem + .6vw)
 }

 @media(min-width: 1200px) {
    .scoped-bootstrap h3 {
        font-size:1.75rem
    }
 }

 .scoped-bootstrap h4 {
    font-size: calc(1.275rem + .3vw)
 }

 @media(min-width: 1200px) {
    .scoped-bootstrap h4 {
        font-size:1.5rem
    }
 }

 .scoped-bootstrap h5 {
    font-size: 1.25rem
 }

 .scoped-bootstrap h6 {
    font-size: 1rem
 }

 .scoped-bootstrap p {
    margin-top: 0;
    margin-bottom: 1rem
 }

 .scoped-bootstrap abbr[data-bs-original-title],.scoped-bootstrap abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
 }

 .scoped-bootstrap address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
 }

 .scoped-bootstrap ol,.scoped-bootstrap ul {
    padding-left: 2rem
 }

 .scoped-bootstrap dl,.scoped-bootstrap ol,.scoped-bootstrap ul {
    margin-top: 0;
    margin-bottom: 1rem
 }

 .scoped-bootstrap ol ol,.scoped-bootstrap ol ul,.scoped-bootstrap ul ol,.scoped-bootstrap ul ul {
    margin-bottom: 0
 }

 .scoped-bootstrap dt {
    font-weight: 700
 }

 .scoped-bootstrap dd {
    margin-bottom: .5rem;
    margin-left: 0
 }

 .scoped-bootstrap blockquote {
    margin: 0 0 1rem
 }

 .scoped-bootstrap b,.scoped-bootstrap strong {
    font-weight: bolder
 }

 .scoped-bootstrap small {
    font-size: .875em
 }

 .scoped-bootstrap mark {
    padding: .2em;
    background-color: #fcf8e3
 }

 .scoped-bootstrap sub,.scoped-bootstrap sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
 }

 .scoped-bootstrap sub {
    bottom: -.25em
 }

 .scoped-bootstrap sup {
    top: -.5em
 }

 .scoped-bootstrap a {
    color: #080fa7;
    text-decoration: none
 }

 .scoped-bootstrap a:hover {
    color: #060c86
 }

 .scoped-bootstrap a:not([href]):not([class]),.scoped-bootstrap a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
 }

 .scoped-bootstrap code,.scoped-bootstrap kbd,.scoped-bootstrap pre,.scoped-bootstrap samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override
 }

 .scoped-bootstrap pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
 }

 .scoped-bootstrap pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
 }

 .scoped-bootstrap code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
 }

 a>.scoped-bootstrap code {
    color: inherit
 }

 .scoped-bootstrap kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #212529;
    border-radius: 3px
 }

 .scoped-bootstrap kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
 }

 .scoped-bootstrap figure {
    margin: 0 0 1rem
 }

 .scoped-bootstrap img,.scoped-bootstrap svg {
    vertical-align: middle
 }

 .scoped-bootstrap table {
    caption-side: bottom;
    border-collapse: collapse
 }

 .scoped-bootstrap caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
 }

 .scoped-bootstrap th {
    text-align: inherit;
    text-align: -webkit-match-parent
 }

 .scoped-bootstrap tbody,.scoped-bootstrap td,.scoped-bootstrap tfoot,.scoped-bootstrap th,.scoped-bootstrap thead,.scoped-bootstrap tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
 }

 .scoped-bootstrap label {
    display: inline-block
 }

 .scoped-bootstrap button {
    border-radius: 0
 }

 .scoped-bootstrap button:focus:not(:focus-visible) {
    outline: 0
 }

 .scoped-bootstrap button,.scoped-bootstrap input,.scoped-bootstrap optgroup,.scoped-bootstrap select,.scoped-bootstrap textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
 }

 .scoped-bootstrap button,.scoped-bootstrap select {
    text-transform: none
 }

 .scoped-bootstrap [role=button] {
    cursor: pointer
 }

 .scoped-bootstrap select {
    word-wrap: normal
 }

 .scoped-bootstrap select:disabled {
    opacity: 1
 }

 .scoped-bootstrap [list]::-webkit-calendar-picker-indicator {
    display: none
 }

 .scoped-bootstrap [type=button],.scoped-bootstrap [type=reset],.scoped-bootstrap [type=submit],.scoped-bootstrap button {
    -webkit-appearance: button
 }

 .scoped-bootstrap [type=button]:not(:disabled),.scoped-bootstrap [type=reset]:not(:disabled),.scoped-bootstrap [type=submit]:not(:disabled),.scoped-bootstrap button:not(:disabled) {
    cursor: pointer
 }

 .scoped-bootstrap ::-moz-focus-inner {
    padding: 0;
    border-style: none
 }

 .scoped-bootstrap textarea {
    resize: vertical
 }

 .scoped-bootstrap fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
 }

 .scoped-bootstrap legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
 }

 @media(min-width: 1200px) {
    .scoped-bootstrap legend {
        font-size:1.5rem
    }
 }

 .scoped-bootstrap legend+* {
    clear: left
 }

 .scoped-bootstrap ::-webkit-datetime-edit-day-field,.scoped-bootstrap ::-webkit-datetime-edit-fields-wrapper,.scoped-bootstrap ::-webkit-datetime-edit-hour-field,.scoped-bootstrap ::-webkit-datetime-edit-minute,.scoped-bootstrap ::-webkit-datetime-edit-month-field,.scoped-bootstrap ::-webkit-datetime-edit-text,.scoped-bootstrap ::-webkit-datetime-edit-year-field {
    padding: 0
 }

 .scoped-bootstrap ::-webkit-inner-spin-button {
    height: auto
 }

 .scoped-bootstrap [type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
 }

 .scoped-bootstrap ::-webkit-search-decoration {
    -webkit-appearance: none
 }

 .scoped-bootstrap ::-webkit-color-swatch-wrapper {
    padding: 0
 }

 .scoped-bootstrap ::file-selector-button {
    font: inherit
 }

 .scoped-bootstrap ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
 }

 .scoped-bootstrap output {
    display: inline-block
 }

 .scoped-bootstrap iframe {
    border: 0
 }

 .scoped-bootstrap summary {
    display: list-item;
    cursor: pointer
 }

 .scoped-bootstrap progress {
    vertical-align: baseline
 }

 .scoped-bootstrap [hidden] {
    display: none!important
 }

 .scoped-bootstrap .clearfix:after {
    display: block;
    clear: both;
    content: ""
 }

 .scoped-bootstrap .link-primary {
    color: #0d6efd
 }

 .scoped-bootstrap .link-primary:focus,.scoped-bootstrap .link-primary:hover {
    color: #0a58ca
 }

 .scoped-bootstrap .link-secondary {
    color: #6c757d
 }

 .scoped-bootstrap .link-secondary:focus,.scoped-bootstrap .link-secondary:hover {
    color: #565e64
 }

 .scoped-bootstrap .link-success {
    color: #439741
 }

 .scoped-bootstrap .link-success:focus,.scoped-bootstrap .link-success:hover {
    color: #69ac67
 }

 .scoped-bootstrap .link-info {
    color: #0dcaf0
 }

 .scoped-bootstrap .link-info:focus,.scoped-bootstrap .link-info:hover {
    color: #3dd5f3
 }

 .scoped-bootstrap .link-warning {
    color: #ffc107
 }

 .scoped-bootstrap .link-warning:focus,.scoped-bootstrap .link-warning:hover {
    color: #ffcd39
 }

 .scoped-bootstrap .link-danger {
    color: #ec4b3d
 }

 .scoped-bootstrap .link-danger:focus,.scoped-bootstrap .link-danger:hover {
    color: #f06f64
 }

 .scoped-bootstrap .link-light {
    color: #f8f9fa
 }

 .scoped-bootstrap .link-light:focus,.scoped-bootstrap .link-light:hover {
    color: #f9fafb
 }

 .scoped-bootstrap .link-dark {
    color: #212529
 }

 .scoped-bootstrap .link-dark:focus,.scoped-bootstrap .link-dark:hover {
    color: #1a1e21
 }

 .scoped-bootstrap .ratio {
    position: relative;
    width: 100%
 }

 .scoped-bootstrap .ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
 }

 .scoped-bootstrap .ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
 }

 .scoped-bootstrap .ratio-1x1 {
    --bs-aspect-ratio: 100%
 }

 .scoped-bootstrap .ratio-4x3 {
    --bs-aspect-ratio: 75%
 }

 .scoped-bootstrap .ratio-16x9 {
    --bs-aspect-ratio: 56.25%
 }

 .scoped-bootstrap .ratio-21x9 {
    --bs-aspect-ratio: 42.85714%
 }

 .scoped-bootstrap .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
 }

 .scoped-bootstrap .fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
 }

 .scoped-bootstrap .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
 }

 @media(min-width: 576px) {
    .scoped-bootstrap .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
 }

 @media(min-width: 768px) {
    .scoped-bootstrap .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
 }

 @media(min-width: 992px) {
    .scoped-bootstrap .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
 }

 @media(min-width: 1200px) {
    .scoped-bootstrap .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
 }

 @media(min-width: 1400px) {
    .scoped-bootstrap .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
 }

 .scoped-bootstrap .hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
 }

 .scoped-bootstrap .vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
 }

 .scoped-bootstrap .visually-hidden,.scoped-bootstrap .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
 }

 .scoped-bootstrap .stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
 }

 .scoped-bootstrap .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
 }

 .scoped-bootstrap .vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
 }

 .scoped-bootstrap .alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 3px
 }

 .scoped-bootstrap .alert-heading {
    color: inherit
 }

 .scoped-bootstrap .alert-link {
    font-weight: 700
 }

 .scoped-bootstrap .alert-dismissible {
    padding-right: 3rem
 }

 .scoped-bootstrap .alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
 }

 .scoped-bootstrap .alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
 }

 .scoped-bootstrap .alert-primary .alert-link {
    color: #06357a
 }

 .scoped-bootstrap .alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
 }

 .scoped-bootstrap .alert-secondary .alert-link {
    color: #34383c
 }

 .scoped-bootstrap .alert-success {
    color: #285b27;
    background-color: #d9ead9;
    border-color: #c7e0c6
 }

 .scoped-bootstrap .alert-success .alert-link {
    color: #20491f
 }

 .scoped-bootstrap .alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
 }

 .scoped-bootstrap .alert-info .alert-link {
    color: #04414d
 }

 .scoped-bootstrap .alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
 }

 .scoped-bootstrap .alert-warning .alert-link {
    color: #523e02
 }

 .scoped-bootstrap .alert-danger {
    color: #8e2d25;
    background-color: #fbdbd8;
    border-color: #f9c9c5
 }

 .scoped-bootstrap .alert-danger .alert-link {
    color: #72241e
 }

 .scoped-bootstrap .alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe
 }

 .scoped-bootstrap .alert-light .alert-link {
    color: #4f5050
 }

 .scoped-bootstrap .alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
 }

 .scoped-bootstrap .alert-dark .alert-link {
    color: #101214
 }

 .scoped-bootstrap .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 11px;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 4px 9px;
    font-size: .6875rem;
    border-radius: 3px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
 }

 @media(prefers-reduced-motion:reduce) {
    .scoped-bootstrap .btn {
        transition: none
    }
 }

 .scoped-bootstrap .btn:hover {
    color: #212529
 }

 .btn-check:focus+.scoped-bootstrap .btn,.scoped-bootstrap .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
 }

 .scoped-bootstrap .btn.disabled,.scoped-bootstrap .btn:disabled,fieldset:disabled .scoped-bootstrap .btn {
    pointer-events: none;
    opacity: .65
 }

 .scoped-bootstrap .btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
 }

 .scoped-bootstrap .btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
 }

 .btn-check:focus+.scoped-bootstrap .btn-primary,.scoped-bootstrap .btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-primary,.btn-check:checked+.scoped-bootstrap .btn-primary,.scoped-bootstrap .btn-primary.active,.scoped-bootstrap .btn-primary:active,.show>.scoped-bootstrap .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
 }

 .btn-check:active+.scoped-bootstrap .btn-primary:focus,.btn-check:checked+.scoped-bootstrap .btn-primary:focus,.scoped-bootstrap .btn-primary.active:focus,.scoped-bootstrap .btn-primary:active:focus,.show>.scoped-bootstrap .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
 }

 .scoped-bootstrap .btn-primary.disabled,.scoped-bootstrap .btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
 }

 .scoped-bootstrap .btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
 }

 .scoped-bootstrap .btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
 }

 .btn-check:focus+.scoped-bootstrap .btn-secondary,.scoped-bootstrap .btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem hsla(208,6%,54%,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-secondary,.btn-check:checked+.scoped-bootstrap .btn-secondary,.scoped-bootstrap .btn-secondary.active,.scoped-bootstrap .btn-secondary:active,.show>.scoped-bootstrap .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
 }

 .btn-check:active+.scoped-bootstrap .btn-secondary:focus,.btn-check:checked+.scoped-bootstrap .btn-secondary:focus,.scoped-bootstrap .btn-secondary.active:focus,.scoped-bootstrap .btn-secondary:active:focus,.show>.scoped-bootstrap .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(208,6%,54%,.5)
 }

 .scoped-bootstrap .btn-secondary.disabled,.scoped-bootstrap .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
 }

 .scoped-bootstrap .btn-success {
    color: #000;
    background-color: #439741;
    border-color: #439741
 }

 .scoped-bootstrap .btn-success:hover {
    color: #000;
    background-color: #5fa75e;
    border-color: #56a154
 }

 .btn-check:focus+.scoped-bootstrap .btn-success,.scoped-bootstrap .btn-success:focus {
    color: #000;
    background-color: #5fa75e;
    border-color: #56a154;
    box-shadow: 0 0 0 .25rem rgba(57,128,55,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-success,.btn-check:checked+.scoped-bootstrap .btn-success,.scoped-bootstrap .btn-success.active,.scoped-bootstrap .btn-success:active,.show>.scoped-bootstrap .btn-success.dropdown-toggle {
    color: #000;
    background-color: #69ac67;
    border-color: #56a154
 }

 .btn-check:active+.scoped-bootstrap .btn-success:focus,.btn-check:checked+.scoped-bootstrap .btn-success:focus,.scoped-bootstrap .btn-success.active:focus,.scoped-bootstrap .btn-success:active:focus,.show>.scoped-bootstrap .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(57,128,55,.5)
 }

 .scoped-bootstrap .btn-success.disabled,.scoped-bootstrap .btn-success:disabled {
    color: #000;
    background-color: #439741;
    border-color: #439741
 }

 .scoped-bootstrap .btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
 }

 .scoped-bootstrap .btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
 }

 .btn-check:focus+.scoped-bootstrap .btn-info,.scoped-bootstrap .btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-info,.btn-check:checked+.scoped-bootstrap .btn-info,.scoped-bootstrap .btn-info.active,.scoped-bootstrap .btn-info:active,.show>.scoped-bootstrap .btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
 }

 .btn-check:active+.scoped-bootstrap .btn-info:focus,.btn-check:checked+.scoped-bootstrap .btn-info:focus,.scoped-bootstrap .btn-info.active:focus,.scoped-bootstrap .btn-info:active:focus,.show>.scoped-bootstrap .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
 }

 .scoped-bootstrap .btn-info.disabled,.scoped-bootstrap .btn-info:disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
 }

 .scoped-bootstrap .btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
 }

 .scoped-bootstrap .btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
 }

 .btn-check:focus+.scoped-bootstrap .btn-warning,.scoped-bootstrap .btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-warning,.btn-check:checked+.scoped-bootstrap .btn-warning,.scoped-bootstrap .btn-warning.active,.scoped-bootstrap .btn-warning:active,.show>.scoped-bootstrap .btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
 }

 .btn-check:active+.scoped-bootstrap .btn-warning:focus,.btn-check:checked+.scoped-bootstrap .btn-warning:focus,.scoped-bootstrap .btn-warning.active:focus,.scoped-bootstrap .btn-warning:active:focus,.show>.scoped-bootstrap .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
 }

 .scoped-bootstrap .btn-warning.disabled,.scoped-bootstrap .btn-warning:disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
 }

 .scoped-bootstrap .btn-danger {
    color: #000;
    background-color: #ec4b3d;
    border-color: #ec4b3d
 }

 .scoped-bootstrap .btn-danger:hover {
    color: #000;
    background-color: #ef665a;
    border-color: #ee5d50
 }

 .btn-check:focus+.scoped-bootstrap .btn-danger,.scoped-bootstrap .btn-danger:focus {
    color: #000;
    background-color: #ef665a;
    border-color: #ee5d50;
    box-shadow: 0 0 0 .25rem rgba(201,64,52,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-danger,.btn-check:checked+.scoped-bootstrap .btn-danger,.scoped-bootstrap .btn-danger.active,.scoped-bootstrap .btn-danger:active,.show>.scoped-bootstrap .btn-danger.dropdown-toggle {
    color: #000;
    background-color: #f06f64;
    border-color: #ee5d50
 }

 .btn-check:active+.scoped-bootstrap .btn-danger:focus,.btn-check:checked+.scoped-bootstrap .btn-danger:focus,.scoped-bootstrap .btn-danger.active:focus,.scoped-bootstrap .btn-danger:active:focus,.show>.scoped-bootstrap .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(201,64,52,.5)
 }

 .scoped-bootstrap .btn-danger.disabled,.scoped-bootstrap .btn-danger:disabled {
    color: #000;
    background-color: #ec4b3d;
    border-color: #ec4b3d
 }

 .scoped-bootstrap .btn-light {
    background-color: #f8f9fa;
    border-color: #f8f9fa
 }

 .scoped-bootstrap .btn-light:hover {
    background-color: #f9fafb;
    border-color: #f9fafb
 }

 .btn-check:focus+.scoped-bootstrap .btn-light,.scoped-bootstrap .btn-light:focus {
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem hsla(210,2%,83%,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-light,.btn-check:checked+.scoped-bootstrap .btn-light,.scoped-bootstrap .btn-light.active,.scoped-bootstrap .btn-light:active,.show>.scoped-bootstrap .btn-light.dropdown-toggle {
    background-color: #f9fafb;
    border-color: #f9fafb
 }

 .btn-check:active+.scoped-bootstrap .btn-light:focus,.btn-check:checked+.scoped-bootstrap .btn-light:focus,.scoped-bootstrap .btn-light.active:focus,.scoped-bootstrap .btn-light:active:focus,.show>.scoped-bootstrap .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(210,2%,83%,.5)
 }

 .scoped-bootstrap .btn-light.disabled,.scoped-bootstrap .btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa
 }

 .scoped-bootstrap .btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
 }

 .scoped-bootstrap .btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
 }

 .btn-check:focus+.scoped-bootstrap .btn-dark,.scoped-bootstrap .btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-dark,.btn-check:checked+.scoped-bootstrap .btn-dark,.scoped-bootstrap .btn-dark.active,.scoped-bootstrap .btn-dark:active,.show>.scoped-bootstrap .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
 }

 .btn-check:active+.scoped-bootstrap .btn-dark:focus,.btn-check:checked+.scoped-bootstrap .btn-dark:focus,.scoped-bootstrap .btn-dark.active:focus,.scoped-bootstrap .btn-dark:active:focus,.show>.scoped-bootstrap .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
 }

 .scoped-bootstrap .btn-dark.disabled,.scoped-bootstrap .btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
 }

 .scoped-bootstrap .btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
 }

 .scoped-bootstrap .btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
 }

 .btn-check:focus+.scoped-bootstrap .btn-outline-primary,.scoped-bootstrap .btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-primary,.btn-check:checked+.scoped-bootstrap .btn-outline-primary,.scoped-bootstrap .btn-outline-primary.active,.scoped-bootstrap .btn-outline-primary.dropdown-toggle.show,.scoped-bootstrap .btn-outline-primary:active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-primary:focus,.btn-check:checked+.scoped-bootstrap .btn-outline-primary:focus,.scoped-bootstrap .btn-outline-primary.active:focus,.scoped-bootstrap .btn-outline-primary.dropdown-toggle.show:focus,.scoped-bootstrap .btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.5)
 }

 .scoped-bootstrap .btn-outline-primary.disabled,.scoped-bootstrap .btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent
 }

 .scoped-bootstrap .btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
 }

 .scoped-bootstrap .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
 }

 .btn-check:focus+.scoped-bootstrap .btn-outline-secondary,.scoped-bootstrap .btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem hsla(208,7%,46%,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-secondary,.btn-check:checked+.scoped-bootstrap .btn-outline-secondary,.scoped-bootstrap .btn-outline-secondary.active,.scoped-bootstrap .btn-outline-secondary.dropdown-toggle.show,.scoped-bootstrap .btn-outline-secondary:active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-secondary:focus,.btn-check:checked+.scoped-bootstrap .btn-outline-secondary:focus,.scoped-bootstrap .btn-outline-secondary.active:focus,.scoped-bootstrap .btn-outline-secondary.dropdown-toggle.show:focus,.scoped-bootstrap .btn-outline-secondary:active:focus {
    box-shadow: 0 0 0 .25rem hsla(208,7%,46%,.5)
 }

 .scoped-bootstrap .btn-outline-secondary.disabled,.scoped-bootstrap .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
 }

 .scoped-bootstrap .btn-outline-success {
    color: #439741;
    border-color: #439741
 }

 .scoped-bootstrap .btn-outline-success:hover {
    color: #000;
    background-color: #439741;
    border-color: #439741
 }

 .btn-check:focus+.scoped-bootstrap .btn-outline-success,.scoped-bootstrap .btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(67,151,65,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-success,.btn-check:checked+.scoped-bootstrap .btn-outline-success,.scoped-bootstrap .btn-outline-success.active,.scoped-bootstrap .btn-outline-success.dropdown-toggle.show,.scoped-bootstrap .btn-outline-success:active {
    color: #000;
    background-color: #439741;
    border-color: #439741
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-success:focus,.btn-check:checked+.scoped-bootstrap .btn-outline-success:focus,.scoped-bootstrap .btn-outline-success.active:focus,.scoped-bootstrap .btn-outline-success.dropdown-toggle.show:focus,.scoped-bootstrap .btn-outline-success:active:focus {
    box-shadow: 0 0 0 .25rem rgba(67,151,65,.5)
 }

 .scoped-bootstrap .btn-outline-success.disabled,.scoped-bootstrap .btn-outline-success:disabled {
    color: #439741;
    background-color: transparent
 }

 .scoped-bootstrap .btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
 }

 .scoped-bootstrap .btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
 }

 .btn-check:focus+.scoped-bootstrap .btn-outline-info,.scoped-bootstrap .btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-info,.btn-check:checked+.scoped-bootstrap .btn-outline-info,.scoped-bootstrap .btn-outline-info.active,.scoped-bootstrap .btn-outline-info.dropdown-toggle.show,.scoped-bootstrap .btn-outline-info:active {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-info:focus,.btn-check:checked+.scoped-bootstrap .btn-outline-info:focus,.scoped-bootstrap .btn-outline-info.active:focus,.scoped-bootstrap .btn-outline-info.dropdown-toggle.show:focus,.scoped-bootstrap .btn-outline-info:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
 }

 .scoped-bootstrap .btn-outline-info.disabled,.scoped-bootstrap .btn-outline-info:disabled {
    color: #0dcaf0;
    background-color: transparent
 }

 .scoped-bootstrap .btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
 }

 .scoped-bootstrap .btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
 }

 .btn-check:focus+.scoped-bootstrap .btn-outline-warning,.scoped-bootstrap .btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(255,193,7,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-warning,.btn-check:checked+.scoped-bootstrap .btn-outline-warning,.scoped-bootstrap .btn-outline-warning.active,.scoped-bootstrap .btn-outline-warning.dropdown-toggle.show,.scoped-bootstrap .btn-outline-warning:active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-warning:focus,.btn-check:checked+.scoped-bootstrap .btn-outline-warning:focus,.scoped-bootstrap .btn-outline-warning.active:focus,.scoped-bootstrap .btn-outline-warning.dropdown-toggle.show:focus,.scoped-bootstrap .btn-outline-warning:active:focus {
    box-shadow: 0 0 0 .25rem rgba(255,193,7,.5)
 }

 .scoped-bootstrap .btn-outline-warning.disabled,.scoped-bootstrap .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
 }

 .scoped-bootstrap .btn-outline-danger {
    color: #ec4b3d;
    border-color: #ec4b3d
 }

 .scoped-bootstrap .btn-outline-danger:hover {
    color: #000;
    background-color: #ec4b3d;
    border-color: #ec4b3d
 }

 .btn-check:focus+.scoped-bootstrap .btn-outline-danger,.scoped-bootstrap .btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(236,75,61,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-danger,.btn-check:checked+.scoped-bootstrap .btn-outline-danger,.scoped-bootstrap .btn-outline-danger.active,.scoped-bootstrap .btn-outline-danger.dropdown-toggle.show,.scoped-bootstrap .btn-outline-danger:active {
    color: #000;
    background-color: #ec4b3d;
    border-color: #ec4b3d
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-danger:focus,.btn-check:checked+.scoped-bootstrap .btn-outline-danger:focus,.scoped-bootstrap .btn-outline-danger.active:focus,.scoped-bootstrap .btn-outline-danger.dropdown-toggle.show:focus,.scoped-bootstrap .btn-outline-danger:active:focus {
    box-shadow: 0 0 0 .25rem rgba(236,75,61,.5)
 }

 .scoped-bootstrap .btn-outline-danger.disabled,.scoped-bootstrap .btn-outline-danger:disabled {
    color: #ec4b3d;
    background-color: transparent
 }

 .scoped-bootstrap .btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
 }

 .scoped-bootstrap .btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
 }

 .btn-check:focus+.scoped-bootstrap .btn-outline-light,.scoped-bootstrap .btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-light,.btn-check:checked+.scoped-bootstrap .btn-outline-light,.scoped-bootstrap .btn-outline-light.active,.scoped-bootstrap .btn-outline-light.dropdown-toggle.show,.scoped-bootstrap .btn-outline-light:active {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-light:focus,.btn-check:checked+.scoped-bootstrap .btn-outline-light:focus,.scoped-bootstrap .btn-outline-light.active:focus,.scoped-bootstrap .btn-outline-light.dropdown-toggle.show:focus,.scoped-bootstrap .btn-outline-light:active:focus {
    box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
 }

 .scoped-bootstrap .btn-outline-light.disabled,.scoped-bootstrap .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
 }

 .scoped-bootstrap .btn-outline-dark {
    color: #212529;
    border-color: #212529
 }

 .scoped-bootstrap .btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529
 }

 .btn-check:focus+.scoped-bootstrap .btn-outline-dark,.scoped-bootstrap .btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-dark,.btn-check:checked+.scoped-bootstrap .btn-outline-dark,.scoped-bootstrap .btn-outline-dark.active,.scoped-bootstrap .btn-outline-dark.dropdown-toggle.show,.scoped-bootstrap .btn-outline-dark:active {
    color: #fff;
    background-color: #212529;
    border-color: #212529
 }

 .btn-check:active+.scoped-bootstrap .btn-outline-dark:focus,.btn-check:checked+.scoped-bootstrap .btn-outline-dark:focus,.scoped-bootstrap .btn-outline-dark.active:focus,.scoped-bootstrap .btn-outline-dark.dropdown-toggle.show:focus,.scoped-bootstrap .btn-outline-dark:active:focus {
    box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
 }

 .scoped-bootstrap .btn-outline-dark.disabled,.scoped-bootstrap .btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent
 }

 .scoped-bootstrap .btn-link {
    font-weight: 400;
    color: #080fa7;
    text-decoration: none
 }

 .scoped-bootstrap .btn-link:hover {
    color: #060c86
 }

 .scoped-bootstrap .btn-link.disabled,.scoped-bootstrap .btn-link:disabled {
    color: #6c757d
 }

 .scoped-bootstrap .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: 3px
 }

 .scoped-bootstrap .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: 3px
 }

 .scoped-bootstrap .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0
 }

 .scoped-bootstrap .card>hr {
    margin-right: 0;
    margin-left: 0
 }

 .scoped-bootstrap .card>.list-group {
    border-top: inherit;
    border-bottom: inherit
 }

 .scoped-bootstrap .card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
 }

 .scoped-bootstrap .card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
 }

 .scoped-bootstrap .card>.card-header+.list-group,.scoped-bootstrap .card>.list-group+.card-footer {
    border-top: 0
 }

 .scoped-bootstrap .card-body {
    flex: 1 1 auto;
    padding: 10px 10px
 }

 .scoped-bootstrap .card-title {
    margin-bottom: .5rem
 }

 .scoped-bootstrap .card-subtitle {
    margin-top: -.25rem;
    margin-bottom: 0
 }

 .scoped-bootstrap .card-text:last-child {
    margin-bottom: 0
 }

 .scoped-bootstrap .card-link+.card-link {
    margin-left: 10px
 }

 .scoped-bootstrap .card-header {
    padding: 0 10px;
    margin-bottom: 0;
    background-color: #f0f0ee;
    border-bottom: 1px solid rgba(0,0,0,.125)
 }

 .scoped-bootstrap .card-header:first-child {
    border-radius: 0 0 0 0
 }

 .scoped-bootstrap .card-footer {
    padding: 0 10px;
    background-color: #f0f0ee;
    border-top: 1px solid rgba(0,0,0,.125)
 }

 .scoped-bootstrap .card-footer:last-child {
    border-radius: 0 0 0 0
 }

 .scoped-bootstrap .card-header-tabs {
    margin-right: -5px;
    margin-bottom: 0;
    margin-left: -5px;
    border-bottom: 0
 }

 .scoped-bootstrap .card-header-pills {
    margin-right: -5px;
    margin-left: -5px
 }

 .scoped-bootstrap .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: 0
 }

 .scoped-bootstrap .card-img,.scoped-bootstrap .card-img-bottom,.scoped-bootstrap .card-img-top {
    width: 100%
 }

 .scoped-bootstrap .card-img,.scoped-bootstrap .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
 }

 .scoped-bootstrap .card-img,.scoped-bootstrap .card-img-bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
 }

 .scoped-bootstrap .card-group>.card {
    margin-bottom: .75rem
 }

 @media(min-width: 576px) {
    .scoped-bootstrap .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .scoped-bootstrap .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .scoped-bootstrap .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .scoped-bootstrap .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .scoped-bootstrap .card-group>.card:not(:last-child) .card-header,.scoped-bootstrap .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .scoped-bootstrap .card-group>.card:not(:last-child) .card-footer,.scoped-bootstrap .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .scoped-bootstrap .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .scoped-bootstrap .card-group>.card:not(:first-child) .card-header,.scoped-bootstrap .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .scoped-bootstrap .card-group>.card:not(:first-child) .card-footer,.scoped-bootstrap .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
 }

 .scoped-bootstrap .form-label {
    margin-bottom: .5rem
 }

 .scoped-bootstrap .col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
 }

 .scoped-bootstrap .col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
 }

 .scoped-bootstrap .col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
 }

 .scoped-bootstrap .form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
 }

 .scoped-bootstrap .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
 }

 @media(prefers-reduced-motion:reduce) {
    .scoped-bootstrap .form-control {
        transition: none
    }
 }

 .scoped-bootstrap .form-control[type=file] {
    overflow: hidden
 }

 .scoped-bootstrap .form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
 }

 .scoped-bootstrap .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
 }

 .scoped-bootstrap .form-control::-webkit-date-and-time-value {
    height: 1.5em
 }

 .scoped-bootstrap .form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
 }

 .scoped-bootstrap .form-control::placeholder {
    color: #6c757d;
    opacity: 1
 }

 .scoped-bootstrap .form-control:disabled,.scoped-bootstrap .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
 }

 .scoped-bootstrap .form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
 }

 @media(prefers-reduced-motion:reduce) {
    .scoped-bootstrap .form-control::file-selector-button {
        transition: none
    }
 }

 .scoped-bootstrap .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
 }

 .scoped-bootstrap .form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
 }

 @media(prefers-reduced-motion:reduce) {
    .scoped-bootstrap .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
 }

 .scoped-bootstrap .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
 }

 .scoped-bootstrap .form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
 }

 .scoped-bootstrap .form-control-plaintext.form-control-lg,.scoped-bootstrap .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
 }

 .scoped-bootstrap .form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: 3px
 }

 .scoped-bootstrap .form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem}

 .scoped-bootstrap .form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem}

 .scoped-bootstrap .form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: 3px
 }

 .scoped-bootstrap .form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end:1rem}

 .scoped-bootstrap .form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end:1rem}

 .scoped-bootstrap textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
 }

 .scoped-bootstrap textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
 }

 .scoped-bootstrap textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
 }

 .scoped-bootstrap .form-control-color {
    width: 3rem;
    height: auto;
    padding: .375rem
 }

 .scoped-bootstrap .form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
 }

 .scoped-bootstrap .form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: 3px
 }

 .scoped-bootstrap .form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: 3px
 }

 .scoped-bootstrap .form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
 }

 @media(prefers-reduced-motion:reduce) {
    .scoped-bootstrap .form-select {
        transition: none
    }
 }

 .scoped-bootstrap .form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
 }

 .scoped-bootstrap .form-select[multiple],.scoped-bootstrap .form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
 }

 .scoped-bootstrap .form-select:disabled {
    background-color: #e9ecef
 }

 .scoped-bootstrap .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
 }

 .scoped-bootstrap .form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
 }

 .scoped-bootstrap .form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
 }

 .scoped-bootstrap .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
 }

 .scoped-bootstrap .form-check .form-check-input {
    float: left;
    margin-left: -1.5em
 }

 .scoped-bootstrap .form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
 }

 .scoped-bootstrap .form-check-input[type=checkbox] {
    border-radius: .25em
 }

 .scoped-bootstrap .form-check-input[type=radio] {
    border-radius: 50%
 }

 .scoped-bootstrap .form-check-input:active {
    filter: brightness(90%)
 }

 .scoped-bootstrap .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
 }

 .scoped-bootstrap .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
 }

 .scoped-bootstrap .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
 }

 .scoped-bootstrap .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
 }

 .scoped-bootstrap .form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
 }

 .scoped-bootstrap .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
 }

 .scoped-bootstrap .form-check-input:disabled~.form-check-label,.scoped-bootstrap .form-check-input[disabled]~.form-check-label {
    opacity: .5
 }

 .scoped-bootstrap .form-switch {
    padding-left: 2.5em
 }

 .scoped-bootstrap .form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
    background-position: 0;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
 }

 @media(prefers-reduced-motion:reduce) {
    .scoped-bootstrap .form-switch .form-check-input {
        transition: none
    }
 }

 .scoped-bootstrap .form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E")
 }

 .scoped-bootstrap .form-switch .form-check-input:checked {
    background-position: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
 }

 .scoped-bootstrap .form-check-inline {
    display: inline-block;
    margin-right: 1rem
 }

 .scoped-bootstrap .btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
 }

 .scoped-bootstrap .btn-check:disabled+.btn,.scoped-bootstrap .btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
 }

 .scoped-bootstrap .form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
 }

 .scoped-bootstrap .form-range:focus {
    outline: 0
 }

 .scoped-bootstrap .form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
 }

 .scoped-bootstrap .form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
 }

 .scoped-bootstrap .form-range::-moz-focus-outer {
    border: 0
 }

 .scoped-bootstrap .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
 }

 @media(prefers-reduced-motion:reduce) {
    .scoped-bootstrap .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
 }

 .scoped-bootstrap .form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
 }

 .scoped-bootstrap .form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
 }

 .scoped-bootstrap .form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
 }

 @media(prefers-reduced-motion:reduce) {
    .scoped-bootstrap .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
 }

 .scoped-bootstrap .form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
 }

 .scoped-bootstrap .form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
 }

 .scoped-bootstrap .form-range:disabled {
    pointer-events: none
 }

 .scoped-bootstrap .form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
 }

 .scoped-bootstrap .form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
 }

 .scoped-bootstrap .form-floating {
    position: relative
 }

 .scoped-bootstrap .form-floating>.form-control,.scoped-bootstrap .form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
 }

 .scoped-bootstrap .form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
 }

 @media(prefers-reduced-motion:reduce) {
    .scoped-bootstrap .form-floating>label {
        transition: none
    }
 }

 .scoped-bootstrap .form-floating>.form-control {
    padding: 1rem .75rem
 }

 .scoped-bootstrap .form-floating>.form-control::-moz-placeholder {
    color: transparent
 }

 .scoped-bootstrap .form-floating>.form-control::placeholder {
    color: transparent
 }

 .scoped-bootstrap .form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
 }

 .scoped-bootstrap .form-floating>.form-control:focus,.scoped-bootstrap .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
 }

 .scoped-bootstrap .form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
 }

 .scoped-bootstrap .form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
 }

 .scoped-bootstrap .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
 }

 .scoped-bootstrap .form-floating>.form-control:focus~label,.scoped-bootstrap .form-floating>.form-control:not(:placeholder-shown)~label,.scoped-bootstrap .form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
 }

 .scoped-bootstrap .form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
 }

 .scoped-bootstrap .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
 }

 .scoped-bootstrap .input-group>.form-control,.scoped-bootstrap .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
 }

 .scoped-bootstrap .input-group>.form-control:focus,.scoped-bootstrap .input-group>.form-select:focus {
    z-index: 3
 }

 .scoped-bootstrap .input-group .btn {
    position: relative;
    z-index: 2
 }

 .scoped-bootstrap .input-group .btn:focus {
    z-index: 3
 }

 .scoped-bootstrap .input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 3px
 }

 .scoped-bootstrap .input-group-lg>.btn,.scoped-bootstrap .input-group-lg>.form-control,.scoped-bootstrap .input-group-lg>.form-select,.scoped-bootstrap .input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: 3px
 }

 .scoped-bootstrap .input-group-sm>.btn,.scoped-bootstrap .input-group-sm>.form-control,.scoped-bootstrap .input-group-sm>.form-select,.scoped-bootstrap .input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: 3px
 }

 .scoped-bootstrap .input-group-lg>.form-select,.scoped-bootstrap .input-group-sm>.form-select {
    padding-right: 3rem
 }

 .scoped-bootstrap .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.scoped-bootstrap .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.scoped-bootstrap .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.scoped-bootstrap .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
 }

 .scoped-bootstrap .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
 }

 .scoped-bootstrap .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #439741
 }

 .scoped-bootstrap .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #000;
    background-color: rgba(67,151,65,.9);
    border-radius: 3px
 }

 .scoped-bootstrap.is-valid~.valid-feedback,.scoped-bootstrap.is-valid~.valid-tooltip,.was-validated .scoped-bootstrap:valid~.valid-feedback,.was-validated .scoped-bootstrap:valid~.valid-tooltip {
    display: block
 }

 .scoped-bootstrap .form-control.is-valid,.was-validated .scoped-bootstrap .form-control:valid {
    border-color: #439741;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23439741' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .scoped-bootstrap .form-control.is-valid:focus,.was-validated .scoped-bootstrap .form-control:valid:focus {
    border-color: #439741;
    box-shadow: 0 0 0 .25rem rgba(67,151,65,.25)
 }

 .scoped-bootstrap textarea.form-control.is-valid,.was-validated .scoped-bootstrap textarea.form-control:valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
 }

 .scoped-bootstrap .form-select.is-valid,.was-validated .scoped-bootstrap .form-select:valid {
    border-color: #439741
 }

 .scoped-bootstrap .form-select.is-valid:not([multiple]):not([size]),.scoped-bootstrap .form-select.is-valid:not([multiple])[size="1"],.was-validated .scoped-bootstrap .form-select:valid:not([multiple]):not([size]),.was-validated .scoped-bootstrap .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23439741' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .scoped-bootstrap .form-select.is-valid:focus,.was-validated .scoped-bootstrap .form-select:valid:focus {
    border-color: #439741;
    box-shadow: 0 0 0 .25rem rgba(67,151,65,.25)
 }

 .scoped-bootstrap .form-check-input.is-valid,.was-validated .scoped-bootstrap .form-check-input:valid {
    border-color: #439741
 }

 .scoped-bootstrap .form-check-input.is-valid:checked,.was-validated .scoped-bootstrap .form-check-input:valid:checked {
    background-color: #439741
 }

 .scoped-bootstrap .form-check-input.is-valid:focus,.was-validated .scoped-bootstrap .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(67,151,65,.25)
 }

 .scoped-bootstrap .form-check-input.is-valid~.form-check-label,.was-validated .scoped-bootstrap .form-check-input:valid~.form-check-label {
    color: #439741
 }

 .scoped-bootstrap .form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
 }

 .scoped-bootstrap .input-group .form-control.is-valid,.scoped-bootstrap .input-group .form-select.is-valid,.was-validated .scoped-bootstrap .input-group .form-control:valid,.was-validated .scoped-bootstrap .input-group .form-select:valid {
    z-index: 1
 }

 .scoped-bootstrap .input-group .form-control.is-valid:focus,.scoped-bootstrap .input-group .form-select.is-valid:focus,.was-validated .scoped-bootstrap .input-group .form-control:valid:focus,.was-validated .scoped-bootstrap .input-group .form-select:valid:focus {
    z-index: 3
 }

 .scoped-bootstrap .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #ec4b3d
 }

 .scoped-bootstrap .invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #000;
    background-color: rgba(236,75,61,.9);
    border-radius: 3px
 }

 .scoped-bootstrap.is-invalid~.invalid-feedback,.scoped-bootstrap.is-invalid~.invalid-tooltip,.was-validated .scoped-bootstrap:invalid~.invalid-feedback,.was-validated .scoped-bootstrap:invalid~.invalid-tooltip {
    display: block
 }

 .scoped-bootstrap .form-control.is-invalid,.was-validated .scoped-bootstrap .form-control:invalid {
    border-color: #ec4b3d;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23EC4B3D'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23EC4B3D' stroke='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .scoped-bootstrap .form-control.is-invalid:focus,.was-validated .scoped-bootstrap .form-control:invalid:focus {
    border-color: #ec4b3d;
    box-shadow: 0 0 0 .25rem rgba(236,75,61,.25)
 }

 .scoped-bootstrap textarea.form-control.is-invalid,.was-validated .scoped-bootstrap textarea.form-control:invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
 }

 .scoped-bootstrap .form-select.is-invalid,.was-validated .scoped-bootstrap .form-select:invalid {
    border-color: #ec4b3d
 }

 .scoped-bootstrap .form-select.is-invalid:not([multiple]):not([size]),.scoped-bootstrap .form-select.is-invalid:not([multiple])[size="1"],.was-validated .scoped-bootstrap .form-select:invalid:not([multiple]):not([size]),.was-validated .scoped-bootstrap .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23EC4B3D'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23EC4B3D' stroke='none'/%3E%3C/svg%3E");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .scoped-bootstrap .form-select.is-invalid:focus,.was-validated .scoped-bootstrap .form-select:invalid:focus {
    border-color: #ec4b3d;
    box-shadow: 0 0 0 .25rem rgba(236,75,61,.25)
 }

 .scoped-bootstrap .form-check-input.is-invalid,.was-validated .scoped-bootstrap .form-check-input:invalid {
    border-color: #ec4b3d
 }

 .scoped-bootstrap .form-check-input.is-invalid:checked,.was-validated .scoped-bootstrap .form-check-input:invalid:checked {
    background-color: #ec4b3d
 }

 .scoped-bootstrap .form-check-input.is-invalid:focus,.was-validated .scoped-bootstrap .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(236,75,61,.25)
 }

 .scoped-bootstrap .form-check-input.is-invalid~.form-check-label,.was-validated .scoped-bootstrap .form-check-input:invalid~.form-check-label {
    color: #ec4b3d
 }

 .scoped-bootstrap .form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
 }

 .scoped-bootstrap .input-group .form-control.is-invalid,.scoped-bootstrap .input-group .form-select.is-invalid,.was-validated .scoped-bootstrap .input-group .form-control:invalid,.was-validated .scoped-bootstrap .input-group .form-select:invalid {
    z-index: 2
 }

 .scoped-bootstrap .input-group .form-control.is-invalid:focus,.scoped-bootstrap .input-group .form-select.is-invalid:focus,.was-validated .scoped-bootstrap .input-group .form-control:invalid:focus,.was-validated .scoped-bootstrap .input-group .form-select:invalid:focus {
    z-index: 3
 }

 .scoped-bootstrap .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
 }

 .scoped-bootstrap .nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #080fa7;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
 }

 @media(prefers-reduced-motion:reduce) {
    .scoped-bootstrap .nav-link {
        transition: none
    }
 }

 .scoped-bootstrap .nav-link:focus,.scoped-bootstrap .nav-link:hover {
    color: #060c86
 }

 .scoped-bootstrap .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
 }

 .scoped-bootstrap .nav-tabs {
    border-bottom: 1px solid #dee2e6
 }

 .scoped-bootstrap .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
 }

 .scoped-bootstrap .nav-tabs .nav-link:focus,.scoped-bootstrap .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
 }

 .scoped-bootstrap .nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
 }

 .scoped-bootstrap .nav-tabs .nav-item.show .nav-link,.scoped-bootstrap .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
 }

 .scoped-bootstrap .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
 }

 .scoped-bootstrap .nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 3px
 }

 .scoped-bootstrap .nav-pills .nav-link.active,.scoped-bootstrap .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd
 }

 .scoped-bootstrap .nav-fill .nav-item,.scoped-bootstrap .nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
 }

 .scoped-bootstrap .nav-justified .nav-item,.scoped-bootstrap .nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
 }

 .scoped-bootstrap .nav-fill .nav-item .nav-link,.scoped-bootstrap .nav-justified .nav-item .nav-link {
    width: 100%
 }

 .scoped-bootstrap .tab-content>.tab-pane {
    display: none
 }

 .scoped-bootstrap .tab-content>.active {
    display: block
 }

 .scoped-bootstrap .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)*-1);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-left: calc(var(--bs-gutter-x)*-.5)
 }

 .scoped-bootstrap .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
 }

 .scoped-bootstrap .col {
    flex: 1 0 0%
 }

 .scoped-bootstrap .row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
 }

 .scoped-bootstrap .row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
 }

 .scoped-bootstrap .row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
 }

 .scoped-bootstrap .row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
 }

 .scoped-bootstrap .row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
 }

 .scoped-bootstrap .row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
 }

 .scoped-bootstrap .row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
 }

 .scoped-bootstrap .col-auto {
    flex: 0 0 auto;
    width: auto
 }

 .scoped-bootstrap .col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
 }

 .scoped-bootstrap .col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
 }

 .scoped-bootstrap .col-3 {
    flex: 0 0 auto;
    width: 25%
 }

 .scoped-bootstrap .col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
 }

 .scoped-bootstrap .col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
 }

 .scoped-bootstrap .col-6 {
    flex: 0 0 auto;
    width: 50%
 }

 .scoped-bootstrap .col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
 }

 .scoped-bootstrap .col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
 }

 .scoped-bootstrap .col-9 {
    flex: 0 0 auto;
    width: 75%
 }

 .scoped-bootstrap .col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
 }

 .scoped-bootstrap .col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
 }

 .scoped-bootstrap .col-12 {
    flex: 0 0 auto;
    width: 100%
 }

 .scoped-bootstrap .offset-1 {
    margin-left: 8.33333333%
 }

 .scoped-bootstrap .offset-2 {
    margin-left: 16.66666667%
 }

 .scoped-bootstrap .offset-3 {
    margin-left: 25%
 }

 .scoped-bootstrap .offset-4 {
    margin-left: 33.33333333%
 }

 .scoped-bootstrap .offset-5 {
    margin-left: 41.66666667%
 }

 .scoped-bootstrap .offset-6 {
    margin-left: 50%
 }

 .scoped-bootstrap .offset-7 {
    margin-left: 58.33333333%
 }

 .scoped-bootstrap .offset-8 {
    margin-left: 66.66666667%
 }

 .scoped-bootstrap .offset-9 {
    margin-left: 75%
 }

 .scoped-bootstrap .offset-10 {
    margin-left: 83.33333333%
 }

 .scoped-bootstrap .offset-11 {
    margin-left: 91.66666667%
 }

 .scoped-bootstrap .g-0,.scoped-bootstrap .gx-0 {
    --bs-gutter-x: 0
 }

 .scoped-bootstrap .g-0,.scoped-bootstrap .gy-0 {
    --bs-gutter-y: 0
 }

 .scoped-bootstrap .g-1,.scoped-bootstrap .gx-1 {
    --bs-gutter-x: 0.25rem
 }

 .scoped-bootstrap .g-1,.scoped-bootstrap .gy-1 {
    --bs-gutter-y: 0.25rem
 }

 .scoped-bootstrap .g-2,.scoped-bootstrap .gx-2 {
    --bs-gutter-x: 0.5rem
 }

 .scoped-bootstrap .g-2,.scoped-bootstrap .gy-2 {
    --bs-gutter-y: 0.5rem
 }

 .scoped-bootstrap .g-3,.scoped-bootstrap .gx-3 {
    --bs-gutter-x: 1rem
 }

 .scoped-bootstrap .g-3,.scoped-bootstrap .gy-3 {
    --bs-gutter-y: 1rem
 }

 .scoped-bootstrap .g-4,.scoped-bootstrap .gx-4 {
    --bs-gutter-x: 1.5rem
 }

 .scoped-bootstrap .g-4,.scoped-bootstrap .gy-4 {
    --bs-gutter-y: 1.5rem
 }

 .scoped-bootstrap .g-5,.scoped-bootstrap .gx-5 {
    --bs-gutter-x: 3rem
 }

 .scoped-bootstrap .g-5,.scoped-bootstrap .gy-5 {
    --bs-gutter-y: 3rem
 }

 @media(min-width: 576px) {
    .scoped-bootstrap .col-sm {
        flex:1 0 0%
    }

    .scoped-bootstrap .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .scoped-bootstrap .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .scoped-bootstrap .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .scoped-bootstrap .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .scoped-bootstrap .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .scoped-bootstrap .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .scoped-bootstrap .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .scoped-bootstrap .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .scoped-bootstrap .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .scoped-bootstrap .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .scoped-bootstrap .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .scoped-bootstrap .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .scoped-bootstrap .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .scoped-bootstrap .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .scoped-bootstrap .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .scoped-bootstrap .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .scoped-bootstrap .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .scoped-bootstrap .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .scoped-bootstrap .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .scoped-bootstrap .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .scoped-bootstrap .offset-sm-0 {
        margin-left: 0
    }

    .scoped-bootstrap .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .scoped-bootstrap .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .scoped-bootstrap .offset-sm-3 {
        margin-left: 25%
    }

    .scoped-bootstrap .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .scoped-bootstrap .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .scoped-bootstrap .offset-sm-6 {
        margin-left: 50%
    }

    .scoped-bootstrap .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .scoped-bootstrap .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .scoped-bootstrap .offset-sm-9 {
        margin-left: 75%
    }

    .scoped-bootstrap .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .scoped-bootstrap .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .scoped-bootstrap .g-sm-0,.scoped-bootstrap .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .scoped-bootstrap .g-sm-0,.scoped-bootstrap .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .scoped-bootstrap .g-sm-1,.scoped-bootstrap .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .scoped-bootstrap .g-sm-1,.scoped-bootstrap .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .scoped-bootstrap .g-sm-2,.scoped-bootstrap .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .scoped-bootstrap .g-sm-2,.scoped-bootstrap .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .scoped-bootstrap .g-sm-3,.scoped-bootstrap .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .scoped-bootstrap .g-sm-3,.scoped-bootstrap .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .scoped-bootstrap .g-sm-4,.scoped-bootstrap .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .scoped-bootstrap .g-sm-4,.scoped-bootstrap .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .scoped-bootstrap .g-sm-5,.scoped-bootstrap .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .scoped-bootstrap .g-sm-5,.scoped-bootstrap .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
 }

 @media(min-width: 768px) {
    .scoped-bootstrap .col-md {
        flex:1 0 0%
    }

    .scoped-bootstrap .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .scoped-bootstrap .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .scoped-bootstrap .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .scoped-bootstrap .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .scoped-bootstrap .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .scoped-bootstrap .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .scoped-bootstrap .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .scoped-bootstrap .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .scoped-bootstrap .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .scoped-bootstrap .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .scoped-bootstrap .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .scoped-bootstrap .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .scoped-bootstrap .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .scoped-bootstrap .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .scoped-bootstrap .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .scoped-bootstrap .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .scoped-bootstrap .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .scoped-bootstrap .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .scoped-bootstrap .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .scoped-bootstrap .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .scoped-bootstrap .offset-md-0 {
        margin-left: 0
    }

    .scoped-bootstrap .offset-md-1 {
        margin-left: 8.33333333%
    }

    .scoped-bootstrap .offset-md-2 {
        margin-left: 16.66666667%
    }

    .scoped-bootstrap .offset-md-3 {
        margin-left: 25%
    }

    .scoped-bootstrap .offset-md-4 {
        margin-left: 33.33333333%
    }

    .scoped-bootstrap .offset-md-5 {
        margin-left: 41.66666667%
    }

    .scoped-bootstrap .offset-md-6 {
        margin-left: 50%
    }

    .scoped-bootstrap .offset-md-7 {
        margin-left: 58.33333333%
    }

    .scoped-bootstrap .offset-md-8 {
        margin-left: 66.66666667%
    }

    .scoped-bootstrap .offset-md-9 {
        margin-left: 75%
    }

    .scoped-bootstrap .offset-md-10 {
        margin-left: 83.33333333%
    }

    .scoped-bootstrap .offset-md-11 {
        margin-left: 91.66666667%
    }

    .scoped-bootstrap .g-md-0,.scoped-bootstrap .gx-md-0 {
        --bs-gutter-x: 0
    }

    .scoped-bootstrap .g-md-0,.scoped-bootstrap .gy-md-0 {
        --bs-gutter-y: 0
    }

    .scoped-bootstrap .g-md-1,.scoped-bootstrap .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .scoped-bootstrap .g-md-1,.scoped-bootstrap .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .scoped-bootstrap .g-md-2,.scoped-bootstrap .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .scoped-bootstrap .g-md-2,.scoped-bootstrap .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .scoped-bootstrap .g-md-3,.scoped-bootstrap .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .scoped-bootstrap .g-md-3,.scoped-bootstrap .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .scoped-bootstrap .g-md-4,.scoped-bootstrap .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .scoped-bootstrap .g-md-4,.scoped-bootstrap .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .scoped-bootstrap .g-md-5,.scoped-bootstrap .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .scoped-bootstrap .g-md-5,.scoped-bootstrap .gy-md-5 {
        --bs-gutter-y: 3rem
    }
 }

 @media(min-width: 992px) {
    .scoped-bootstrap .col-lg {
        flex:1 0 0%
    }

    .scoped-bootstrap .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .scoped-bootstrap .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .scoped-bootstrap .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .scoped-bootstrap .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .scoped-bootstrap .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .scoped-bootstrap .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .scoped-bootstrap .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .scoped-bootstrap .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .scoped-bootstrap .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .scoped-bootstrap .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .scoped-bootstrap .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .scoped-bootstrap .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .scoped-bootstrap .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .scoped-bootstrap .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .scoped-bootstrap .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .scoped-bootstrap .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .scoped-bootstrap .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .scoped-bootstrap .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .scoped-bootstrap .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .scoped-bootstrap .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .scoped-bootstrap .offset-lg-0 {
        margin-left: 0
    }

    .scoped-bootstrap .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .scoped-bootstrap .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .scoped-bootstrap .offset-lg-3 {
        margin-left: 25%
    }

    .scoped-bootstrap .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .scoped-bootstrap .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .scoped-bootstrap .offset-lg-6 {
        margin-left: 50%
    }

    .scoped-bootstrap .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .scoped-bootstrap .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .scoped-bootstrap .offset-lg-9 {
        margin-left: 75%
    }

    .scoped-bootstrap .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .scoped-bootstrap .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .scoped-bootstrap .g-lg-0,.scoped-bootstrap .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .scoped-bootstrap .g-lg-0,.scoped-bootstrap .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .scoped-bootstrap .g-lg-1,.scoped-bootstrap .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .scoped-bootstrap .g-lg-1,.scoped-bootstrap .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .scoped-bootstrap .g-lg-2,.scoped-bootstrap .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .scoped-bootstrap .g-lg-2,.scoped-bootstrap .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .scoped-bootstrap .g-lg-3,.scoped-bootstrap .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .scoped-bootstrap .g-lg-3,.scoped-bootstrap .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .scoped-bootstrap .g-lg-4,.scoped-bootstrap .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .scoped-bootstrap .g-lg-4,.scoped-bootstrap .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .scoped-bootstrap .g-lg-5,.scoped-bootstrap .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .scoped-bootstrap .g-lg-5,.scoped-bootstrap .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
 }

 @media(min-width: 1200px) {
    .scoped-bootstrap .col-xl {
        flex:1 0 0%
    }

    .scoped-bootstrap .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .scoped-bootstrap .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .scoped-bootstrap .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .scoped-bootstrap .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .scoped-bootstrap .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .scoped-bootstrap .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .scoped-bootstrap .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .scoped-bootstrap .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .scoped-bootstrap .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .scoped-bootstrap .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .scoped-bootstrap .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .scoped-bootstrap .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .scoped-bootstrap .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .scoped-bootstrap .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .scoped-bootstrap .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .scoped-bootstrap .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .scoped-bootstrap .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .scoped-bootstrap .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .scoped-bootstrap .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .scoped-bootstrap .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .scoped-bootstrap .offset-xl-0 {
        margin-left: 0
    }

    .scoped-bootstrap .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .scoped-bootstrap .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .scoped-bootstrap .offset-xl-3 {
        margin-left: 25%
    }

    .scoped-bootstrap .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .scoped-bootstrap .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .scoped-bootstrap .offset-xl-6 {
        margin-left: 50%
    }

    .scoped-bootstrap .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .scoped-bootstrap .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .scoped-bootstrap .offset-xl-9 {
        margin-left: 75%
    }

    .scoped-bootstrap .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .scoped-bootstrap .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .scoped-bootstrap .g-xl-0,.scoped-bootstrap .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .scoped-bootstrap .g-xl-0,.scoped-bootstrap .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .scoped-bootstrap .g-xl-1,.scoped-bootstrap .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .scoped-bootstrap .g-xl-1,.scoped-bootstrap .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .scoped-bootstrap .g-xl-2,.scoped-bootstrap .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .scoped-bootstrap .g-xl-2,.scoped-bootstrap .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .scoped-bootstrap .g-xl-3,.scoped-bootstrap .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .scoped-bootstrap .g-xl-3,.scoped-bootstrap .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .scoped-bootstrap .g-xl-4,.scoped-bootstrap .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .scoped-bootstrap .g-xl-4,.scoped-bootstrap .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .scoped-bootstrap .g-xl-5,.scoped-bootstrap .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .scoped-bootstrap .g-xl-5,.scoped-bootstrap .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
 }

 @media(min-width: 1400px) {
    .scoped-bootstrap .col-xxl {
        flex:1 0 0%
    }

    .scoped-bootstrap .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .scoped-bootstrap .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .scoped-bootstrap .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .scoped-bootstrap .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .scoped-bootstrap .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .scoped-bootstrap .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .scoped-bootstrap .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .scoped-bootstrap .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .scoped-bootstrap .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .scoped-bootstrap .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .scoped-bootstrap .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .scoped-bootstrap .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .scoped-bootstrap .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .scoped-bootstrap .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .scoped-bootstrap .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .scoped-bootstrap .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .scoped-bootstrap .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .scoped-bootstrap .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .scoped-bootstrap .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .scoped-bootstrap .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .scoped-bootstrap .offset-xxl-0 {
        margin-left: 0
    }

    .scoped-bootstrap .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .scoped-bootstrap .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .scoped-bootstrap .offset-xxl-3 {
        margin-left: 25%
    }

    .scoped-bootstrap .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .scoped-bootstrap .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .scoped-bootstrap .offset-xxl-6 {
        margin-left: 50%
    }

    .scoped-bootstrap .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .scoped-bootstrap .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .scoped-bootstrap .offset-xxl-9 {
        margin-left: 75%
    }

    .scoped-bootstrap .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .scoped-bootstrap .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .scoped-bootstrap .g-xxl-0,.scoped-bootstrap .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .scoped-bootstrap .g-xxl-0,.scoped-bootstrap .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .scoped-bootstrap .g-xxl-1,.scoped-bootstrap .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .scoped-bootstrap .g-xxl-1,.scoped-bootstrap .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .scoped-bootstrap .g-xxl-2,.scoped-bootstrap .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .scoped-bootstrap .g-xxl-2,.scoped-bootstrap .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .scoped-bootstrap .g-xxl-3,.scoped-bootstrap .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .scoped-bootstrap .g-xxl-3,.scoped-bootstrap .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .scoped-bootstrap .g-xxl-4,.scoped-bootstrap .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .scoped-bootstrap .g-xxl-4,.scoped-bootstrap .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .scoped-bootstrap .g-xxl-5,.scoped-bootstrap .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .scoped-bootstrap .g-xxl-5,.scoped-bootstrap .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
 }

 .scoped-bootstrap .align-baseline {
    vertical-align: baseline!important
 }

 .scoped-bootstrap .align-top {
    vertical-align: top!important
 }

 .scoped-bootstrap .align-middle {
    vertical-align: middle!important
 }

 .scoped-bootstrap .align-bottom {
    vertical-align: bottom!important
 }

 .scoped-bootstrap .align-text-bottom {
    vertical-align: text-bottom!important
 }

 .scoped-bootstrap .align-text-top {
    vertical-align: text-top!important
 }

 .scoped-bootstrap .float-start {
    float: left!important
 }

 .scoped-bootstrap .float-end {
    float: right!important
 }

 .scoped-bootstrap .float-none {
    float: none!important
 }

 .scoped-bootstrap .opacity-0 {
    opacity: 0!important
 }

 .scoped-bootstrap .opacity-25 {
    opacity: .25!important
 }

 .scoped-bootstrap .opacity-50 {
    opacity: .5!important
 }

 .scoped-bootstrap .opacity-75 {
    opacity: .75!important
 }

 .scoped-bootstrap .opacity-100 {
    opacity: 1!important
 }

 .scoped-bootstrap .overflow-auto {
    overflow: auto!important
 }

 .scoped-bootstrap .overflow-hidden {
    overflow: hidden!important
 }

 .scoped-bootstrap .overflow-visible {
    overflow: visible!important
 }

 .scoped-bootstrap .overflow-scroll {
    overflow: scroll!important
 }

 .scoped-bootstrap .d-inline {
    display: inline!important
 }

 .scoped-bootstrap .d-inline-block {
    display: inline-block!important
 }

 .scoped-bootstrap .d-block {
    display: block!important
 }

 .scoped-bootstrap .d-grid {
    display: grid!important
 }

 .scoped-bootstrap .d-table {
    display: table!important
 }

 .scoped-bootstrap .d-table-row {
    display: table-row!important
 }

 .scoped-bootstrap .d-table-cell {
    display: table-cell!important
 }

 .scoped-bootstrap .d-flex {
    display: flex!important
 }

 .scoped-bootstrap .d-inline-flex {
    display: inline-flex!important
 }

 .scoped-bootstrap .d-none {
    display: none!important
 }

 .scoped-bootstrap .shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
 }

 .scoped-bootstrap .shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
 }

 .scoped-bootstrap .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
 }

 .scoped-bootstrap .shadow-none {
    box-shadow: none!important
 }

 .scoped-bootstrap .position-static {
    position: static!important
 }

 .scoped-bootstrap .position-relative {
    position: relative!important
 }

 .scoped-bootstrap .position-absolute {
    position: absolute!important
 }

 .scoped-bootstrap .position-fixed {
    position: fixed!important
 }

 .scoped-bootstrap .position-sticky {
    position: sticky!important
 }

 .scoped-bootstrap .top-0 {
    top: 0!important
 }

 .scoped-bootstrap .top-50 {
    top: 50%!important
 }

 .scoped-bootstrap .top-100 {
    top: 100%!important
 }

 .scoped-bootstrap .bottom-0 {
    bottom: 0!important
 }

 .scoped-bootstrap .bottom-50 {
    bottom: 50%!important
 }

 .scoped-bootstrap .bottom-100 {
    bottom: 100%!important
 }

 .scoped-bootstrap .start-0 {
    left: 0!important
 }

 .scoped-bootstrap .start-50 {
    left: 50%!important
 }

 .scoped-bootstrap .start-100 {
    left: 100%!important
 }

 .scoped-bootstrap .end-0 {
    right: 0!important
 }

 .scoped-bootstrap .end-50 {
    right: 50%!important
 }

 .scoped-bootstrap .end-100 {
    right: 100%!important
 }

 .scoped-bootstrap .translate-middle {
    transform: translate(-50%,-50%)!important
 }

 .scoped-bootstrap .translate-middle-x {
    transform: translateX(-50%)!important
 }

 .scoped-bootstrap .translate-middle-y {
    transform: translateY(-50%)!important
 }

 .scoped-bootstrap .border {
    border: 1px solid #dee2e6!important
 }

 .scoped-bootstrap .border-0 {
    border: 0!important
 }

 .scoped-bootstrap .border-top {
    border-top: 1px solid #dee2e6!important
 }

 .scoped-bootstrap .border-top-0 {
    border-top: 0!important
 }

 .scoped-bootstrap .border-end {
    border-right: 1px solid #dee2e6!important
 }

 .scoped-bootstrap .border-end-0 {
    border-right: 0!important
 }

 .scoped-bootstrap .border-bottom {
    border-bottom: 1px solid #dee2e6!important
 }

 .scoped-bootstrap .border-bottom-0 {
    border-bottom: 0!important
 }

 .scoped-bootstrap .border-start {
    border-left: 1px solid #dee2e6!important
 }

 .scoped-bootstrap .border-start-0 {
    border-left: 0!important
 }

 .scoped-bootstrap .border-primary {
    border-color: #0d6efd!important
 }

 .scoped-bootstrap .border-secondary {
    border-color: #6c757d!important
 }

 .scoped-bootstrap .border-success {
    border-color: #439741!important
 }

 .scoped-bootstrap .border-info {
    border-color: #0dcaf0!important
 }

 .scoped-bootstrap .border-warning {
    border-color: #ffc107!important
 }

 .scoped-bootstrap .border-danger {
    border-color: #ec4b3d!important
 }

 .scoped-bootstrap .border-light {
    border-color: #f8f9fa!important
 }

 .scoped-bootstrap .border-dark {
    border-color: #212529!important
 }

 .scoped-bootstrap .border-white {
    border-color: #fff!important
 }

 .scoped-bootstrap .border-1 {
    border-width: 1px!important
 }

 .scoped-bootstrap .border-2 {
    border-width: 2px!important
 }

 .scoped-bootstrap .border-3 {
    border-width: 3px!important
 }

 .scoped-bootstrap .border-4 {
    border-width: 4px!important
 }

 .scoped-bootstrap .border-5 {
    border-width: 5px!important
 }

 .scoped-bootstrap .w-25 {
    width: 25%!important
 }

 .scoped-bootstrap .w-50 {
    width: 50%!important
 }

 .scoped-bootstrap .w-75 {
    width: 75%!important
 }

 .scoped-bootstrap .w-100 {
    width: 100%!important
 }

 .scoped-bootstrap .w-auto {
    width: auto!important
 }

 .scoped-bootstrap .mw-100 {
    max-width: 100%!important
 }

 .scoped-bootstrap .vw-100 {
    width: 100vw!important
 }

 .scoped-bootstrap .min-vw-100 {
    min-width: 100vw!important
 }

 .scoped-bootstrap .h-25 {
    height: 25%!important
 }

 .scoped-bootstrap .h-50 {
    height: 50%!important
 }

 .scoped-bootstrap .h-75 {
    height: 75%!important
 }

 .scoped-bootstrap .h-100 {
    height: 100%!important
 }

 .scoped-bootstrap .h-auto {
    height: auto!important
 }

 .scoped-bootstrap .mh-100 {
    max-height: 100%!important
 }

 .scoped-bootstrap .vh-100 {
    height: 100vh!important
 }

 .scoped-bootstrap .min-vh-100 {
    min-height: 100vh!important
 }

 .scoped-bootstrap .flex-fill {
    flex: 1 1 auto!important
 }

 .scoped-bootstrap .flex-row {
    flex-direction: row!important
 }

 .scoped-bootstrap .flex-column {
    flex-direction: column!important
 }

 .scoped-bootstrap .flex-row-reverse {
    flex-direction: row-reverse!important
 }

 .scoped-bootstrap .flex-column-reverse {
    flex-direction: column-reverse!important
 }

 .scoped-bootstrap .flex-grow-0 {
    flex-grow: 0!important
 }

 .scoped-bootstrap .flex-grow-1 {
    flex-grow: 1!important
 }

 .scoped-bootstrap .flex-shrink-0 {
    flex-shrink: 0!important
 }

 .scoped-bootstrap .flex-shrink-1 {
    flex-shrink: 1!important
 }

 .scoped-bootstrap .flex-wrap {
    flex-wrap: wrap!important
 }

 .scoped-bootstrap .flex-nowrap {
    flex-wrap: nowrap!important
 }

 .scoped-bootstrap .flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
 }

 .scoped-bootstrap .gap-0 {
    gap: 0!important
 }

 .scoped-bootstrap .gap-1 {
    gap: .25rem!important
 }

 .scoped-bootstrap .gap-2 {
    gap: .5rem!important
 }

 .scoped-bootstrap .gap-3 {
    gap: 1rem!important
 }

 .scoped-bootstrap .gap-4 {
    gap: 1.5rem!important
 }

 .scoped-bootstrap .gap-5 {
    gap: 3rem!important
 }

 .scoped-bootstrap .justify-content-start {
    justify-content: flex-start!important
 }

 .scoped-bootstrap .justify-content-end {
    justify-content: flex-end!important
 }

 .scoped-bootstrap .justify-content-center {
    justify-content: center!important
 }

 .scoped-bootstrap .justify-content-between {
    justify-content: space-between!important
 }

 .scoped-bootstrap .justify-content-around {
    justify-content: space-around!important
 }

 .scoped-bootstrap .justify-content-evenly {
    justify-content: space-evenly!important
 }

 .scoped-bootstrap .align-items-start {
    align-items: flex-start!important
 }

 .scoped-bootstrap .align-items-end {
    align-items: flex-end!important
 }

 .scoped-bootstrap .align-items-center {
    align-items: center!important
 }

 .scoped-bootstrap .align-items-baseline {
    align-items: baseline!important
 }

 .scoped-bootstrap .align-items-stretch {
    align-items: stretch!important
 }

 .scoped-bootstrap .align-content-start {
    align-content: flex-start!important
 }

 .scoped-bootstrap .align-content-end {
    align-content: flex-end!important
 }

 .scoped-bootstrap .align-content-center {
    align-content: center!important
 }

 .scoped-bootstrap .align-content-between {
    align-content: space-between!important
 }

 .scoped-bootstrap .align-content-around {
    align-content: space-around!important
 }

 .scoped-bootstrap .align-content-stretch {
    align-content: stretch!important
 }

 .scoped-bootstrap .align-self-auto {
    align-self: auto!important
 }

 .scoped-bootstrap .align-self-start {
    align-self: flex-start!important
 }

 .scoped-bootstrap .align-self-end {
    align-self: flex-end!important
 }

 .scoped-bootstrap .align-self-center {
    align-self: center!important
 }

 .scoped-bootstrap .align-self-baseline {
    align-self: baseline!important
 }

 .scoped-bootstrap .align-self-stretch {
    align-self: stretch!important
 }

 .scoped-bootstrap .order-first {
    order: -1!important
 }

 .scoped-bootstrap .order-0 {
    order: 0!important
 }

 .scoped-bootstrap .order-1 {
    order: 1!important
 }

 .scoped-bootstrap .order-2 {
    order: 2!important
 }

 .scoped-bootstrap .order-3 {
    order: 3!important
 }

 .scoped-bootstrap .order-4 {
    order: 4!important
 }

 .scoped-bootstrap .order-5 {
    order: 5!important
 }

 .scoped-bootstrap .order-last {
    order: 6!important
 }

 .scoped-bootstrap .m-0 {
    margin: 0!important
 }

 .scoped-bootstrap .m-1 {
    margin: .25rem!important
 }

 .scoped-bootstrap .m-2 {
    margin: .5rem!important
 }

 .scoped-bootstrap .m-3 {
    margin: 1rem!important
 }

 .scoped-bootstrap .m-4 {
    margin: 1.5rem!important
 }

 .scoped-bootstrap .m-5 {
    margin: 3rem!important
 }

 .scoped-bootstrap .m-auto {
    margin: auto!important
 }

 .scoped-bootstrap .mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
 }

 .scoped-bootstrap .mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
 }

 .scoped-bootstrap .mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
 }

 .scoped-bootstrap .mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
 }

 .scoped-bootstrap .mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
 }

 .scoped-bootstrap .mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
 }

 .scoped-bootstrap .mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
 }

 .scoped-bootstrap .my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
 }

 .scoped-bootstrap .my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
 }

 .scoped-bootstrap .my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
 }

 .scoped-bootstrap .my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
 }

 .scoped-bootstrap .my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
 }

 .scoped-bootstrap .my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
 }

 .scoped-bootstrap .my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
 }

 .scoped-bootstrap .mt-0 {
    margin-top: 0!important
 }

 .scoped-bootstrap .mt-1 {
    margin-top: .25rem!important
 }

 .scoped-bootstrap .mt-2 {
    margin-top: .5rem!important
 }

 .scoped-bootstrap .mt-3 {
    margin-top: 1rem!important
 }

 .scoped-bootstrap .mt-4 {
    margin-top: 1.5rem!important
 }

 .scoped-bootstrap .mt-5 {
    margin-top: 3rem!important
 }

 .scoped-bootstrap .mt-auto {
    margin-top: auto!important
 }

 .scoped-bootstrap .me-0 {
    margin-right: 0!important
 }

 .scoped-bootstrap .me-1 {
    margin-right: .25rem!important
 }

 .scoped-bootstrap .me-2 {
    margin-right: .5rem!important
 }

 .scoped-bootstrap .me-3 {
    margin-right: 1rem!important
 }

 .scoped-bootstrap .me-4 {
    margin-right: 1.5rem!important
 }

 .scoped-bootstrap .me-5 {
    margin-right: 3rem!important
 }

 .scoped-bootstrap .me-auto {
    margin-right: auto!important
 }

 .scoped-bootstrap .mb-0 {
    margin-bottom: 0!important
 }

 .scoped-bootstrap .mb-1 {
    margin-bottom: .25rem!important
 }

 .scoped-bootstrap .mb-2 {
    margin-bottom: .5rem!important
 }

 .scoped-bootstrap .mb-3 {
    margin-bottom: 1rem!important
 }

 .scoped-bootstrap .mb-4 {
    margin-bottom: 1.5rem!important
 }

 .scoped-bootstrap .mb-5 {
    margin-bottom: 3rem!important
 }

 .scoped-bootstrap .mb-auto {
    margin-bottom: auto!important
 }

 .scoped-bootstrap .ms-0 {
    margin-left: 0!important
 }

 .scoped-bootstrap .ms-1 {
    margin-left: .25rem!important
 }

 .scoped-bootstrap .ms-2 {
    margin-left: .5rem!important
 }

 .scoped-bootstrap .ms-3 {
    margin-left: 1rem!important
 }

 .scoped-bootstrap .ms-4 {
    margin-left: 1.5rem!important
 }

 .scoped-bootstrap .ms-5 {
    margin-left: 3rem!important
 }

 .scoped-bootstrap .ms-auto {
    margin-left: auto!important
 }

 .scoped-bootstrap .p-0 {
    padding: 0!important
 }

 .scoped-bootstrap .p-1 {
    padding: .25rem!important
 }

 .scoped-bootstrap .p-2 {
    padding: .5rem!important
 }

 .scoped-bootstrap .p-3 {
    padding: 1rem!important
 }

 .scoped-bootstrap .p-4 {
    padding: 1.5rem!important
 }

 .scoped-bootstrap .p-5 {
    padding: 3rem!important
 }

 .scoped-bootstrap .px-0 {
    padding-right: 0!important;
    padding-left: 0!important
 }

 .scoped-bootstrap .px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
 }

 .scoped-bootstrap .px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
 }

 .scoped-bootstrap .px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
 }

 .scoped-bootstrap .px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
 }

 .scoped-bootstrap .px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
 }

 .scoped-bootstrap .py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
 }

 .scoped-bootstrap .py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
 }

 .scoped-bootstrap .py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
 }

 .scoped-bootstrap .py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
 }

 .scoped-bootstrap .py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
 }

 .scoped-bootstrap .py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
 }

 .scoped-bootstrap .pt-0 {
    padding-top: 0!important
 }

 .scoped-bootstrap .pt-1 {
    padding-top: .25rem!important
 }

 .scoped-bootstrap .pt-2 {
    padding-top: .5rem!important
 }

 .scoped-bootstrap .pt-3 {
    padding-top: 1rem!important
 }

 .scoped-bootstrap .pt-4 {
    padding-top: 1.5rem!important
 }

 .scoped-bootstrap .pt-5 {
    padding-top: 3rem!important
 }

 .scoped-bootstrap .pe-0 {
    padding-right: 0!important
 }

 .scoped-bootstrap .pe-1 {
    padding-right: .25rem!important
 }

 .scoped-bootstrap .pe-2 {
    padding-right: .5rem!important
 }

 .scoped-bootstrap .pe-3 {
    padding-right: 1rem!important
 }

 .scoped-bootstrap .pe-4 {
    padding-right: 1.5rem!important
 }

 .scoped-bootstrap .pe-5 {
    padding-right: 3rem!important
 }

 .scoped-bootstrap .pb-0 {
    padding-bottom: 0!important
 }

 .scoped-bootstrap .pb-1 {
    padding-bottom: .25rem!important
 }

 .scoped-bootstrap .pb-2 {
    padding-bottom: .5rem!important
 }

 .scoped-bootstrap .pb-3 {
    padding-bottom: 1rem!important
 }

 .scoped-bootstrap .pb-4 {
    padding-bottom: 1.5rem!important
 }

 .scoped-bootstrap .pb-5 {
    padding-bottom: 3rem!important
 }

 .scoped-bootstrap .ps-0 {
    padding-left: 0!important
 }

 .scoped-bootstrap .ps-1 {
    padding-left: .25rem!important
 }

 .scoped-bootstrap .ps-2 {
    padding-left: .5rem!important
 }

 .scoped-bootstrap .ps-3 {
    padding-left: 1rem!important
 }

 .scoped-bootstrap .ps-4 {
    padding-left: 1.5rem!important
 }

 .scoped-bootstrap .ps-5 {
    padding-left: 3rem!important
 }

 .scoped-bootstrap .font-monospace {
    font-family: var(--bs-font-monospace)!important
 }

 .scoped-bootstrap .fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
 }

 .scoped-bootstrap .fs-2 {
    font-size: calc(1.325rem + .9vw)!important
 }

 .scoped-bootstrap .fs-3 {
    font-size: calc(1.3rem + .6vw)!important
 }

 .scoped-bootstrap .fs-4 {
    font-size: calc(1.275rem + .3vw)!important
 }

 .scoped-bootstrap .fs-5 {
    font-size: 1.25rem!important
 }

 .scoped-bootstrap .fs-6 {
    font-size: 1rem!important
 }

 .scoped-bootstrap .fst-italic {
    font-style: italic!important
 }

 .scoped-bootstrap .fst-normal {
    font-style: normal!important
 }

 .scoped-bootstrap .fw-light {
    font-weight: 300!important
 }

 .scoped-bootstrap .fw-lighter {
    font-weight: lighter!important
 }

 .scoped-bootstrap .fw-normal {
    font-weight: 400!important
 }

 .scoped-bootstrap .fw-bold {
    font-weight: 700!important
 }

 .scoped-bootstrap .fw-bolder {
    font-weight: bolder!important
 }

 .scoped-bootstrap .lh-1 {
    line-height: 1!important
 }

 .scoped-bootstrap .lh-sm {
    line-height: 1.25!important
 }

 .scoped-bootstrap .lh-base {
    line-height: 1.5!important
 }

 .scoped-bootstrap .lh-lg {
    line-height: 2!important
 }

 .scoped-bootstrap .text-start {
    text-align: left!important
 }

 .scoped-bootstrap .text-end {
    text-align: right!important
 }

 .scoped-bootstrap .text-center {
    text-align: center!important
 }

 .scoped-bootstrap .text-decoration-none {
    text-decoration: none!important
 }

 .scoped-bootstrap .text-decoration-underline {
    text-decoration: underline!important
 }

 .scoped-bootstrap .text-decoration-line-through {
    text-decoration: line-through!important
 }

 .scoped-bootstrap .text-lowercase {
    text-transform: lowercase!important
 }

 .scoped-bootstrap .text-uppercase {
    text-transform: uppercase!important
 }

 .scoped-bootstrap .text-capitalize {
    text-transform: capitalize!important
 }

 .scoped-bootstrap .text-wrap {
    white-space: normal!important
 }

 .scoped-bootstrap .text-nowrap {
    white-space: nowrap!important
 }

 .scoped-bootstrap .text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
 }

 .scoped-bootstrap .text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-rgb),var(--bs-text-opacity))!important
 }

 .scoped-bootstrap .text-muted {
    --bs-text-opacity: 1;
    color: #6c757d!important
 }

 .scoped-bootstrap .text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
 }

 .scoped-bootstrap .text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0,0%,100%,.5)!important
 }

 .scoped-bootstrap .text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
 }

 .scoped-bootstrap .text-opacity-25 {
    --bs-text-opacity: 0.25
 }

 .scoped-bootstrap .text-opacity-50 {
    --bs-text-opacity: 0.5
 }

 .scoped-bootstrap .text-opacity-75 {
    --bs-text-opacity: 0.75
 }

 .scoped-bootstrap .text-opacity-100 {
    --bs-text-opacity: 1
 }

 .scoped-bootstrap .bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-rgb),var(--bs-bg-opacity))!important
 }

 .scoped-bootstrap .bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
 }

 .scoped-bootstrap .bg-opacity-10 {
    --bs-bg-opacity: 0.1
 }

 .scoped-bootstrap .bg-opacity-25 {
    --bs-bg-opacity: 0.25
 }

 .scoped-bootstrap .bg-opacity-50 {
    --bs-bg-opacity: 0.5
 }

 .scoped-bootstrap .bg-opacity-75 {
    --bs-bg-opacity: 0.75
 }

 .scoped-bootstrap .bg-opacity-100 {
    --bs-bg-opacity: 1
 }

 .scoped-bootstrap .bg-gradient {
    background-image: var(--bs-gradient)!important
 }

 .scoped-bootstrap .user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
 }

 .scoped-bootstrap .user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    user-select: auto!important
 }

 .scoped-bootstrap .user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important
 }

 .scoped-bootstrap .pe-none {
    pointer-events: none!important
 }

 .scoped-bootstrap .pe-auto {
    pointer-events: auto!important
 }

 .scoped-bootstrap .rounded {
    border-radius: 3px!important
 }

 .scoped-bootstrap .rounded-0 {
    border-radius: 0!important
 }

 .scoped-bootstrap .rounded-1,.scoped-bootstrap .rounded-2,.scoped-bootstrap .rounded-3 {
    border-radius: 3px!important
 }

 .scoped-bootstrap .rounded-circle {
    border-radius: 50%!important
 }

 .scoped-bootstrap .rounded-pill {
    border-radius: 50rem!important
 }

 .scoped-bootstrap .rounded-top {
    border-top-left-radius: 3px!important;
    border-top-right-radius: 3px!important
 }

 .scoped-bootstrap .rounded-end {
    border-top-right-radius: 3px!important;
    border-bottom-right-radius: 3px!important
 }

 .scoped-bootstrap .rounded-bottom {
    border-bottom-right-radius: 3px!important;
    border-bottom-left-radius: 3px!important
 }

 .scoped-bootstrap .rounded-start {
    border-bottom-left-radius: 3px!important;
    border-top-left-radius: 3px!important
 }

 .scoped-bootstrap .visible {
    visibility: visible!important
 }

 .scoped-bootstrap .invisible {
    visibility: hidden!important
 }

 @media(min-width: 576px) {
    .scoped-bootstrap .float-sm-start {
        float:left!important
    }

    .scoped-bootstrap .float-sm-end {
        float: right!important
    }

    .scoped-bootstrap .float-sm-none {
        float: none!important
    }

    .scoped-bootstrap .d-sm-inline {
        display: inline!important
    }

    .scoped-bootstrap .d-sm-inline-block {
        display: inline-block!important
    }

    .scoped-bootstrap .d-sm-block {
        display: block!important
    }

    .scoped-bootstrap .d-sm-grid {
        display: grid!important
    }

    .scoped-bootstrap .d-sm-table {
        display: table!important
    }

    .scoped-bootstrap .d-sm-table-row {
        display: table-row!important
    }

    .scoped-bootstrap .d-sm-table-cell {
        display: table-cell!important
    }

    .scoped-bootstrap .d-sm-flex {
        display: flex!important
    }

    .scoped-bootstrap .d-sm-inline-flex {
        display: inline-flex!important
    }

    .scoped-bootstrap .d-sm-none {
        display: none!important
    }

    .scoped-bootstrap .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .scoped-bootstrap .flex-sm-row {
        flex-direction: row!important
    }

    .scoped-bootstrap .flex-sm-column {
        flex-direction: column!important
    }

    .scoped-bootstrap .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .scoped-bootstrap .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .scoped-bootstrap .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .scoped-bootstrap .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .scoped-bootstrap .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .scoped-bootstrap .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .scoped-bootstrap .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .scoped-bootstrap .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .scoped-bootstrap .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .scoped-bootstrap .gap-sm-0 {
        gap: 0!important
    }

    .scoped-bootstrap .gap-sm-1 {
        gap: .25rem!important
    }

    .scoped-bootstrap .gap-sm-2 {
        gap: .5rem!important
    }

    .scoped-bootstrap .gap-sm-3 {
        gap: 1rem!important
    }

    .scoped-bootstrap .gap-sm-4 {
        gap: 1.5rem!important
    }

    .scoped-bootstrap .gap-sm-5 {
        gap: 3rem!important
    }

    .scoped-bootstrap .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .scoped-bootstrap .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .scoped-bootstrap .justify-content-sm-center {
        justify-content: center!important
    }

    .scoped-bootstrap .justify-content-sm-between {
        justify-content: space-between!important
    }

    .scoped-bootstrap .justify-content-sm-around {
        justify-content: space-around!important
    }

    .scoped-bootstrap .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .scoped-bootstrap .align-items-sm-start {
        align-items: flex-start!important
    }

    .scoped-bootstrap .align-items-sm-end {
        align-items: flex-end!important
    }

    .scoped-bootstrap .align-items-sm-center {
        align-items: center!important
    }

    .scoped-bootstrap .align-items-sm-baseline {
        align-items: baseline!important
    }

    .scoped-bootstrap .align-items-sm-stretch {
        align-items: stretch!important
    }

    .scoped-bootstrap .align-content-sm-start {
        align-content: flex-start!important
    }

    .scoped-bootstrap .align-content-sm-end {
        align-content: flex-end!important
    }

    .scoped-bootstrap .align-content-sm-center {
        align-content: center!important
    }

    .scoped-bootstrap .align-content-sm-between {
        align-content: space-between!important
    }

    .scoped-bootstrap .align-content-sm-around {
        align-content: space-around!important
    }

    .scoped-bootstrap .align-content-sm-stretch {
        align-content: stretch!important
    }

    .scoped-bootstrap .align-self-sm-auto {
        align-self: auto!important
    }

    .scoped-bootstrap .align-self-sm-start {
        align-self: flex-start!important
    }

    .scoped-bootstrap .align-self-sm-end {
        align-self: flex-end!important
    }

    .scoped-bootstrap .align-self-sm-center {
        align-self: center!important
    }

    .scoped-bootstrap .align-self-sm-baseline {
        align-self: baseline!important
    }

    .scoped-bootstrap .align-self-sm-stretch {
        align-self: stretch!important
    }

    .scoped-bootstrap .order-sm-first {
        order: -1!important
    }

    .scoped-bootstrap .order-sm-0 {
        order: 0!important
    }

    .scoped-bootstrap .order-sm-1 {
        order: 1!important
    }

    .scoped-bootstrap .order-sm-2 {
        order: 2!important
    }

    .scoped-bootstrap .order-sm-3 {
        order: 3!important
    }

    .scoped-bootstrap .order-sm-4 {
        order: 4!important
    }

    .scoped-bootstrap .order-sm-5 {
        order: 5!important
    }

    .scoped-bootstrap .order-sm-last {
        order: 6!important
    }

    .scoped-bootstrap .m-sm-0 {
        margin: 0!important
    }

    .scoped-bootstrap .m-sm-1 {
        margin: .25rem!important
    }

    .scoped-bootstrap .m-sm-2 {
        margin: .5rem!important
    }

    .scoped-bootstrap .m-sm-3 {
        margin: 1rem!important
    }

    .scoped-bootstrap .m-sm-4 {
        margin: 1.5rem!important
    }

    .scoped-bootstrap .m-sm-5 {
        margin: 3rem!important
    }

    .scoped-bootstrap .m-sm-auto {
        margin: auto!important
    }

    .scoped-bootstrap .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .scoped-bootstrap .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .scoped-bootstrap .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .scoped-bootstrap .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .scoped-bootstrap .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .scoped-bootstrap .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .scoped-bootstrap .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .scoped-bootstrap .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .scoped-bootstrap .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .scoped-bootstrap .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .scoped-bootstrap .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .scoped-bootstrap .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .scoped-bootstrap .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .scoped-bootstrap .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .scoped-bootstrap .mt-sm-0 {
        margin-top: 0!important
    }

    .scoped-bootstrap .mt-sm-1 {
        margin-top: .25rem!important
    }

    .scoped-bootstrap .mt-sm-2 {
        margin-top: .5rem!important
    }

    .scoped-bootstrap .mt-sm-3 {
        margin-top: 1rem!important
    }

    .scoped-bootstrap .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .scoped-bootstrap .mt-sm-5 {
        margin-top: 3rem!important
    }

    .scoped-bootstrap .mt-sm-auto {
        margin-top: auto!important
    }

    .scoped-bootstrap .me-sm-0 {
        margin-right: 0!important
    }

    .scoped-bootstrap .me-sm-1 {
        margin-right: .25rem!important
    }

    .scoped-bootstrap .me-sm-2 {
        margin-right: .5rem!important
    }

    .scoped-bootstrap .me-sm-3 {
        margin-right: 1rem!important
    }

    .scoped-bootstrap .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .scoped-bootstrap .me-sm-5 {
        margin-right: 3rem!important
    }

    .scoped-bootstrap .me-sm-auto {
        margin-right: auto!important
    }

    .scoped-bootstrap .mb-sm-0 {
        margin-bottom: 0!important
    }

    .scoped-bootstrap .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .scoped-bootstrap .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .scoped-bootstrap .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .scoped-bootstrap .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .scoped-bootstrap .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .scoped-bootstrap .mb-sm-auto {
        margin-bottom: auto!important
    }

    .scoped-bootstrap .ms-sm-0 {
        margin-left: 0!important
    }

    .scoped-bootstrap .ms-sm-1 {
        margin-left: .25rem!important
    }

    .scoped-bootstrap .ms-sm-2 {
        margin-left: .5rem!important
    }

    .scoped-bootstrap .ms-sm-3 {
        margin-left: 1rem!important
    }

    .scoped-bootstrap .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .scoped-bootstrap .ms-sm-5 {
        margin-left: 3rem!important
    }

    .scoped-bootstrap .ms-sm-auto {
        margin-left: auto!important
    }

    .scoped-bootstrap .p-sm-0 {
        padding: 0!important
    }

    .scoped-bootstrap .p-sm-1 {
        padding: .25rem!important
    }

    .scoped-bootstrap .p-sm-2 {
        padding: .5rem!important
    }

    .scoped-bootstrap .p-sm-3 {
        padding: 1rem!important
    }

    .scoped-bootstrap .p-sm-4 {
        padding: 1.5rem!important
    }

    .scoped-bootstrap .p-sm-5 {
        padding: 3rem!important
    }

    .scoped-bootstrap .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .scoped-bootstrap .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .scoped-bootstrap .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .scoped-bootstrap .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .scoped-bootstrap .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .scoped-bootstrap .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .scoped-bootstrap .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .scoped-bootstrap .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .scoped-bootstrap .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .scoped-bootstrap .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .scoped-bootstrap .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .scoped-bootstrap .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .scoped-bootstrap .pt-sm-0 {
        padding-top: 0!important
    }

    .scoped-bootstrap .pt-sm-1 {
        padding-top: .25rem!important
    }

    .scoped-bootstrap .pt-sm-2 {
        padding-top: .5rem!important
    }

    .scoped-bootstrap .pt-sm-3 {
        padding-top: 1rem!important
    }

    .scoped-bootstrap .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .scoped-bootstrap .pt-sm-5 {
        padding-top: 3rem!important
    }

    .scoped-bootstrap .pe-sm-0 {
        padding-right: 0!important
    }

    .scoped-bootstrap .pe-sm-1 {
        padding-right: .25rem!important
    }

    .scoped-bootstrap .pe-sm-2 {
        padding-right: .5rem!important
    }

    .scoped-bootstrap .pe-sm-3 {
        padding-right: 1rem!important
    }

    .scoped-bootstrap .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .scoped-bootstrap .pe-sm-5 {
        padding-right: 3rem!important
    }

    .scoped-bootstrap .pb-sm-0 {
        padding-bottom: 0!important
    }

    .scoped-bootstrap .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .scoped-bootstrap .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .scoped-bootstrap .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .scoped-bootstrap .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .scoped-bootstrap .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .scoped-bootstrap .ps-sm-0 {
        padding-left: 0!important
    }

    .scoped-bootstrap .ps-sm-1 {
        padding-left: .25rem!important
    }

    .scoped-bootstrap .ps-sm-2 {
        padding-left: .5rem!important
    }

    .scoped-bootstrap .ps-sm-3 {
        padding-left: 1rem!important
    }

    .scoped-bootstrap .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .scoped-bootstrap .ps-sm-5 {
        padding-left: 3rem!important
    }

    .scoped-bootstrap .text-sm-start {
        text-align: left!important
    }

    .scoped-bootstrap .text-sm-end {
        text-align: right!important
    }

    .scoped-bootstrap .text-sm-center {
        text-align: center!important
    }
 }

 @media(min-width: 768px) {
    .scoped-bootstrap .float-md-start {
        float:left!important
    }

    .scoped-bootstrap .float-md-end {
        float: right!important
    }

    .scoped-bootstrap .float-md-none {
        float: none!important
    }

    .scoped-bootstrap .d-md-inline {
        display: inline!important
    }

    .scoped-bootstrap .d-md-inline-block {
        display: inline-block!important
    }

    .scoped-bootstrap .d-md-block {
        display: block!important
    }

    .scoped-bootstrap .d-md-grid {
        display: grid!important
    }

    .scoped-bootstrap .d-md-table {
        display: table!important
    }

    .scoped-bootstrap .d-md-table-row {
        display: table-row!important
    }

    .scoped-bootstrap .d-md-table-cell {
        display: table-cell!important
    }

    .scoped-bootstrap .d-md-flex {
        display: flex!important
    }

    .scoped-bootstrap .d-md-inline-flex {
        display: inline-flex!important
    }

    .scoped-bootstrap .d-md-none {
        display: none!important
    }

    .scoped-bootstrap .flex-md-fill {
        flex: 1 1 auto!important
    }

    .scoped-bootstrap .flex-md-row {
        flex-direction: row!important
    }

    .scoped-bootstrap .flex-md-column {
        flex-direction: column!important
    }

    .scoped-bootstrap .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .scoped-bootstrap .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .scoped-bootstrap .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .scoped-bootstrap .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .scoped-bootstrap .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .scoped-bootstrap .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .scoped-bootstrap .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .scoped-bootstrap .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .scoped-bootstrap .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .scoped-bootstrap .gap-md-0 {
        gap: 0!important
    }

    .scoped-bootstrap .gap-md-1 {
        gap: .25rem!important
    }

    .scoped-bootstrap .gap-md-2 {
        gap: .5rem!important
    }

    .scoped-bootstrap .gap-md-3 {
        gap: 1rem!important
    }

    .scoped-bootstrap .gap-md-4 {
        gap: 1.5rem!important
    }

    .scoped-bootstrap .gap-md-5 {
        gap: 3rem!important
    }

    .scoped-bootstrap .justify-content-md-start {
        justify-content: flex-start!important
    }

    .scoped-bootstrap .justify-content-md-end {
        justify-content: flex-end!important
    }

    .scoped-bootstrap .justify-content-md-center {
        justify-content: center!important
    }

    .scoped-bootstrap .justify-content-md-between {
        justify-content: space-between!important
    }

    .scoped-bootstrap .justify-content-md-around {
        justify-content: space-around!important
    }

    .scoped-bootstrap .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .scoped-bootstrap .align-items-md-start {
        align-items: flex-start!important
    }

    .scoped-bootstrap .align-items-md-end {
        align-items: flex-end!important
    }

    .scoped-bootstrap .align-items-md-center {
        align-items: center!important
    }

    .scoped-bootstrap .align-items-md-baseline {
        align-items: baseline!important
    }

    .scoped-bootstrap .align-items-md-stretch {
        align-items: stretch!important
    }

    .scoped-bootstrap .align-content-md-start {
        align-content: flex-start!important
    }

    .scoped-bootstrap .align-content-md-end {
        align-content: flex-end!important
    }

    .scoped-bootstrap .align-content-md-center {
        align-content: center!important
    }

    .scoped-bootstrap .align-content-md-between {
        align-content: space-between!important
    }

    .scoped-bootstrap .align-content-md-around {
        align-content: space-around!important
    }

    .scoped-bootstrap .align-content-md-stretch {
        align-content: stretch!important
    }

    .scoped-bootstrap .align-self-md-auto {
        align-self: auto!important
    }

    .scoped-bootstrap .align-self-md-start {
        align-self: flex-start!important
    }

    .scoped-bootstrap .align-self-md-end {
        align-self: flex-end!important
    }

    .scoped-bootstrap .align-self-md-center {
        align-self: center!important
    }

    .scoped-bootstrap .align-self-md-baseline {
        align-self: baseline!important
    }

    .scoped-bootstrap .align-self-md-stretch {
        align-self: stretch!important
    }

    .scoped-bootstrap .order-md-first {
        order: -1!important
    }

    .scoped-bootstrap .order-md-0 {
        order: 0!important
    }

    .scoped-bootstrap .order-md-1 {
        order: 1!important
    }

    .scoped-bootstrap .order-md-2 {
        order: 2!important
    }

    .scoped-bootstrap .order-md-3 {
        order: 3!important
    }

    .scoped-bootstrap .order-md-4 {
        order: 4!important
    }

    .scoped-bootstrap .order-md-5 {
        order: 5!important
    }

    .scoped-bootstrap .order-md-last {
        order: 6!important
    }

    .scoped-bootstrap .m-md-0 {
        margin: 0!important
    }

    .scoped-bootstrap .m-md-1 {
        margin: .25rem!important
    }

    .scoped-bootstrap .m-md-2 {
        margin: .5rem!important
    }

    .scoped-bootstrap .m-md-3 {
        margin: 1rem!important
    }

    .scoped-bootstrap .m-md-4 {
        margin: 1.5rem!important
    }

    .scoped-bootstrap .m-md-5 {
        margin: 3rem!important
    }

    .scoped-bootstrap .m-md-auto {
        margin: auto!important
    }

    .scoped-bootstrap .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .scoped-bootstrap .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .scoped-bootstrap .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .scoped-bootstrap .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .scoped-bootstrap .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .scoped-bootstrap .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .scoped-bootstrap .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .scoped-bootstrap .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .scoped-bootstrap .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .scoped-bootstrap .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .scoped-bootstrap .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .scoped-bootstrap .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .scoped-bootstrap .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .scoped-bootstrap .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .scoped-bootstrap .mt-md-0 {
        margin-top: 0!important
    }

    .scoped-bootstrap .mt-md-1 {
        margin-top: .25rem!important
    }

    .scoped-bootstrap .mt-md-2 {
        margin-top: .5rem!important
    }

    .scoped-bootstrap .mt-md-3 {
        margin-top: 1rem!important
    }

    .scoped-bootstrap .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .scoped-bootstrap .mt-md-5 {
        margin-top: 3rem!important
    }

    .scoped-bootstrap .mt-md-auto {
        margin-top: auto!important
    }

    .scoped-bootstrap .me-md-0 {
        margin-right: 0!important
    }

    .scoped-bootstrap .me-md-1 {
        margin-right: .25rem!important
    }

    .scoped-bootstrap .me-md-2 {
        margin-right: .5rem!important
    }

    .scoped-bootstrap .me-md-3 {
        margin-right: 1rem!important
    }

    .scoped-bootstrap .me-md-4 {
        margin-right: 1.5rem!important
    }

    .scoped-bootstrap .me-md-5 {
        margin-right: 3rem!important
    }

    .scoped-bootstrap .me-md-auto {
        margin-right: auto!important
    }

    .scoped-bootstrap .mb-md-0 {
        margin-bottom: 0!important
    }

    .scoped-bootstrap .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .scoped-bootstrap .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .scoped-bootstrap .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .scoped-bootstrap .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .scoped-bootstrap .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .scoped-bootstrap .mb-md-auto {
        margin-bottom: auto!important
    }

    .scoped-bootstrap .ms-md-0 {
        margin-left: 0!important
    }

    .scoped-bootstrap .ms-md-1 {
        margin-left: .25rem!important
    }

    .scoped-bootstrap .ms-md-2 {
        margin-left: .5rem!important
    }

    .scoped-bootstrap .ms-md-3 {
        margin-left: 1rem!important
    }

    .scoped-bootstrap .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .scoped-bootstrap .ms-md-5 {
        margin-left: 3rem!important
    }

    .scoped-bootstrap .ms-md-auto {
        margin-left: auto!important
    }

    .scoped-bootstrap .p-md-0 {
        padding: 0!important
    }

    .scoped-bootstrap .p-md-1 {
        padding: .25rem!important
    }

    .scoped-bootstrap .p-md-2 {
        padding: .5rem!important
    }

    .scoped-bootstrap .p-md-3 {
        padding: 1rem!important
    }

    .scoped-bootstrap .p-md-4 {
        padding: 1.5rem!important
    }

    .scoped-bootstrap .p-md-5 {
        padding: 3rem!important
    }

    .scoped-bootstrap .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .scoped-bootstrap .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .scoped-bootstrap .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .scoped-bootstrap .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .scoped-bootstrap .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .scoped-bootstrap .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .scoped-bootstrap .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .scoped-bootstrap .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .scoped-bootstrap .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .scoped-bootstrap .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .scoped-bootstrap .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .scoped-bootstrap .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .scoped-bootstrap .pt-md-0 {
        padding-top: 0!important
    }

    .scoped-bootstrap .pt-md-1 {
        padding-top: .25rem!important
    }

    .scoped-bootstrap .pt-md-2 {
        padding-top: .5rem!important
    }

    .scoped-bootstrap .pt-md-3 {
        padding-top: 1rem!important
    }

    .scoped-bootstrap .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .scoped-bootstrap .pt-md-5 {
        padding-top: 3rem!important
    }

    .scoped-bootstrap .pe-md-0 {
        padding-right: 0!important
    }

    .scoped-bootstrap .pe-md-1 {
        padding-right: .25rem!important
    }

    .scoped-bootstrap .pe-md-2 {
        padding-right: .5rem!important
    }

    .scoped-bootstrap .pe-md-3 {
        padding-right: 1rem!important
    }

    .scoped-bootstrap .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .scoped-bootstrap .pe-md-5 {
        padding-right: 3rem!important
    }

    .scoped-bootstrap .pb-md-0 {
        padding-bottom: 0!important
    }

    .scoped-bootstrap .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .scoped-bootstrap .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .scoped-bootstrap .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .scoped-bootstrap .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .scoped-bootstrap .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .scoped-bootstrap .ps-md-0 {
        padding-left: 0!important
    }

    .scoped-bootstrap .ps-md-1 {
        padding-left: .25rem!important
    }

    .scoped-bootstrap .ps-md-2 {
        padding-left: .5rem!important
    }

    .scoped-bootstrap .ps-md-3 {
        padding-left: 1rem!important
    }

    .scoped-bootstrap .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .scoped-bootstrap .ps-md-5 {
        padding-left: 3rem!important
    }

    .scoped-bootstrap .text-md-start {
        text-align: left!important
    }

    .scoped-bootstrap .text-md-end {
        text-align: right!important
    }

    .scoped-bootstrap .text-md-center {
        text-align: center!important
    }
 }

 @media(min-width: 992px) {
    .scoped-bootstrap .float-lg-start {
        float:left!important
    }

    .scoped-bootstrap .float-lg-end {
        float: right!important
    }

    .scoped-bootstrap .float-lg-none {
        float: none!important
    }

    .scoped-bootstrap .d-lg-inline {
        display: inline!important
    }

    .scoped-bootstrap .d-lg-inline-block {
        display: inline-block!important
    }

    .scoped-bootstrap .d-lg-block {
        display: block!important
    }

    .scoped-bootstrap .d-lg-grid {
        display: grid!important
    }

    .scoped-bootstrap .d-lg-table {
        display: table!important
    }

    .scoped-bootstrap .d-lg-table-row {
        display: table-row!important
    }

    .scoped-bootstrap .d-lg-table-cell {
        display: table-cell!important
    }

    .scoped-bootstrap .d-lg-flex {
        display: flex!important
    }

    .scoped-bootstrap .d-lg-inline-flex {
        display: inline-flex!important
    }

    .scoped-bootstrap .d-lg-none {
        display: none!important
    }

    .scoped-bootstrap .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .scoped-bootstrap .flex-lg-row {
        flex-direction: row!important
    }

    .scoped-bootstrap .flex-lg-column {
        flex-direction: column!important
    }

    .scoped-bootstrap .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .scoped-bootstrap .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .scoped-bootstrap .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .scoped-bootstrap .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .scoped-bootstrap .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .scoped-bootstrap .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .scoped-bootstrap .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .scoped-bootstrap .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .scoped-bootstrap .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .scoped-bootstrap .gap-lg-0 {
        gap: 0!important
    }

    .scoped-bootstrap .gap-lg-1 {
        gap: .25rem!important
    }

    .scoped-bootstrap .gap-lg-2 {
        gap: .5rem!important
    }

    .scoped-bootstrap .gap-lg-3 {
        gap: 1rem!important
    }

    .scoped-bootstrap .gap-lg-4 {
        gap: 1.5rem!important
    }

    .scoped-bootstrap .gap-lg-5 {
        gap: 3rem!important
    }

    .scoped-bootstrap .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .scoped-bootstrap .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .scoped-bootstrap .justify-content-lg-center {
        justify-content: center!important
    }

    .scoped-bootstrap .justify-content-lg-between {
        justify-content: space-between!important
    }

    .scoped-bootstrap .justify-content-lg-around {
        justify-content: space-around!important
    }

    .scoped-bootstrap .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .scoped-bootstrap .align-items-lg-start {
        align-items: flex-start!important
    }

    .scoped-bootstrap .align-items-lg-end {
        align-items: flex-end!important
    }

    .scoped-bootstrap .align-items-lg-center {
        align-items: center!important
    }

    .scoped-bootstrap .align-items-lg-baseline {
        align-items: baseline!important
    }

    .scoped-bootstrap .align-items-lg-stretch {
        align-items: stretch!important
    }

    .scoped-bootstrap .align-content-lg-start {
        align-content: flex-start!important
    }

    .scoped-bootstrap .align-content-lg-end {
        align-content: flex-end!important
    }

    .scoped-bootstrap .align-content-lg-center {
        align-content: center!important
    }

    .scoped-bootstrap .align-content-lg-between {
        align-content: space-between!important
    }

    .scoped-bootstrap .align-content-lg-around {
        align-content: space-around!important
    }

    .scoped-bootstrap .align-content-lg-stretch {
        align-content: stretch!important
    }

    .scoped-bootstrap .align-self-lg-auto {
        align-self: auto!important
    }

    .scoped-bootstrap .align-self-lg-start {
        align-self: flex-start!important
    }

    .scoped-bootstrap .align-self-lg-end {
        align-self: flex-end!important
    }

    .scoped-bootstrap .align-self-lg-center {
        align-self: center!important
    }

    .scoped-bootstrap .align-self-lg-baseline {
        align-self: baseline!important
    }

    .scoped-bootstrap .align-self-lg-stretch {
        align-self: stretch!important
    }

    .scoped-bootstrap .order-lg-first {
        order: -1!important
    }

    .scoped-bootstrap .order-lg-0 {
        order: 0!important
    }

    .scoped-bootstrap .order-lg-1 {
        order: 1!important
    }

    .scoped-bootstrap .order-lg-2 {
        order: 2!important
    }

    .scoped-bootstrap .order-lg-3 {
        order: 3!important
    }

    .scoped-bootstrap .order-lg-4 {
        order: 4!important
    }

    .scoped-bootstrap .order-lg-5 {
        order: 5!important
    }

    .scoped-bootstrap .order-lg-last {
        order: 6!important
    }

    .scoped-bootstrap .m-lg-0 {
        margin: 0!important
    }

    .scoped-bootstrap .m-lg-1 {
        margin: .25rem!important
    }

    .scoped-bootstrap .m-lg-2 {
        margin: .5rem!important
    }

    .scoped-bootstrap .m-lg-3 {
        margin: 1rem!important
    }

    .scoped-bootstrap .m-lg-4 {
        margin: 1.5rem!important
    }

    .scoped-bootstrap .m-lg-5 {
        margin: 3rem!important
    }

    .scoped-bootstrap .m-lg-auto {
        margin: auto!important
    }

    .scoped-bootstrap .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .scoped-bootstrap .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .scoped-bootstrap .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .scoped-bootstrap .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .scoped-bootstrap .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .scoped-bootstrap .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .scoped-bootstrap .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .scoped-bootstrap .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .scoped-bootstrap .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .scoped-bootstrap .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .scoped-bootstrap .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .scoped-bootstrap .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .scoped-bootstrap .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .scoped-bootstrap .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .scoped-bootstrap .mt-lg-0 {
        margin-top: 0!important
    }

    .scoped-bootstrap .mt-lg-1 {
        margin-top: .25rem!important
    }

    .scoped-bootstrap .mt-lg-2 {
        margin-top: .5rem!important
    }

    .scoped-bootstrap .mt-lg-3 {
        margin-top: 1rem!important
    }

    .scoped-bootstrap .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .scoped-bootstrap .mt-lg-5 {
        margin-top: 3rem!important
    }

    .scoped-bootstrap .mt-lg-auto {
        margin-top: auto!important
    }

    .scoped-bootstrap .me-lg-0 {
        margin-right: 0!important
    }

    .scoped-bootstrap .me-lg-1 {
        margin-right: .25rem!important
    }

    .scoped-bootstrap .me-lg-2 {
        margin-right: .5rem!important
    }

    .scoped-bootstrap .me-lg-3 {
        margin-right: 1rem!important
    }

    .scoped-bootstrap .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .scoped-bootstrap .me-lg-5 {
        margin-right: 3rem!important
    }

    .scoped-bootstrap .me-lg-auto {
        margin-right: auto!important
    }

    .scoped-bootstrap .mb-lg-0 {
        margin-bottom: 0!important
    }

    .scoped-bootstrap .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .scoped-bootstrap .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .scoped-bootstrap .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .scoped-bootstrap .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .scoped-bootstrap .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .scoped-bootstrap .mb-lg-auto {
        margin-bottom: auto!important
    }

    .scoped-bootstrap .ms-lg-0 {
        margin-left: 0!important
    }

    .scoped-bootstrap .ms-lg-1 {
        margin-left: .25rem!important
    }

    .scoped-bootstrap .ms-lg-2 {
        margin-left: .5rem!important
    }

    .scoped-bootstrap .ms-lg-3 {
        margin-left: 1rem!important
    }

    .scoped-bootstrap .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .scoped-bootstrap .ms-lg-5 {
        margin-left: 3rem!important
    }

    .scoped-bootstrap .ms-lg-auto {
        margin-left: auto!important
    }

    .scoped-bootstrap .p-lg-0 {
        padding: 0!important
    }

    .scoped-bootstrap .p-lg-1 {
        padding: .25rem!important
    }

    .scoped-bootstrap .p-lg-2 {
        padding: .5rem!important
    }

    .scoped-bootstrap .p-lg-3 {
        padding: 1rem!important
    }

    .scoped-bootstrap .p-lg-4 {
        padding: 1.5rem!important
    }

    .scoped-bootstrap .p-lg-5 {
        padding: 3rem!important
    }

    .scoped-bootstrap .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .scoped-bootstrap .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .scoped-bootstrap .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .scoped-bootstrap .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .scoped-bootstrap .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .scoped-bootstrap .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .scoped-bootstrap .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .scoped-bootstrap .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .scoped-bootstrap .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .scoped-bootstrap .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .scoped-bootstrap .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .scoped-bootstrap .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .scoped-bootstrap .pt-lg-0 {
        padding-top: 0!important
    }

    .scoped-bootstrap .pt-lg-1 {
        padding-top: .25rem!important
    }

    .scoped-bootstrap .pt-lg-2 {
        padding-top: .5rem!important
    }

    .scoped-bootstrap .pt-lg-3 {
        padding-top: 1rem!important
    }

    .scoped-bootstrap .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .scoped-bootstrap .pt-lg-5 {
        padding-top: 3rem!important
    }

    .scoped-bootstrap .pe-lg-0 {
        padding-right: 0!important
    }

    .scoped-bootstrap .pe-lg-1 {
        padding-right: .25rem!important
    }

    .scoped-bootstrap .pe-lg-2 {
        padding-right: .5rem!important
    }

    .scoped-bootstrap .pe-lg-3 {
        padding-right: 1rem!important
    }

    .scoped-bootstrap .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .scoped-bootstrap .pe-lg-5 {
        padding-right: 3rem!important
    }

    .scoped-bootstrap .pb-lg-0 {
        padding-bottom: 0!important
    }

    .scoped-bootstrap .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .scoped-bootstrap .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .scoped-bootstrap .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .scoped-bootstrap .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .scoped-bootstrap .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .scoped-bootstrap .ps-lg-0 {
        padding-left: 0!important
    }

    .scoped-bootstrap .ps-lg-1 {
        padding-left: .25rem!important
    }

    .scoped-bootstrap .ps-lg-2 {
        padding-left: .5rem!important
    }

    .scoped-bootstrap .ps-lg-3 {
        padding-left: 1rem!important
    }

    .scoped-bootstrap .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .scoped-bootstrap .ps-lg-5 {
        padding-left: 3rem!important
    }

    .scoped-bootstrap .text-lg-start {
        text-align: left!important
    }

    .scoped-bootstrap .text-lg-end {
        text-align: right!important
    }

    .scoped-bootstrap .text-lg-center {
        text-align: center!important
    }
 }

 @media(min-width: 1200px) {
    .scoped-bootstrap .float-xl-start {
        float:left!important
    }

    .scoped-bootstrap .float-xl-end {
        float: right!important
    }

    .scoped-bootstrap .float-xl-none {
        float: none!important
    }

    .scoped-bootstrap .d-xl-inline {
        display: inline!important
    }

    .scoped-bootstrap .d-xl-inline-block {
        display: inline-block!important
    }

    .scoped-bootstrap .d-xl-block {
        display: block!important
    }

    .scoped-bootstrap .d-xl-grid {
        display: grid!important
    }

    .scoped-bootstrap .d-xl-table {
        display: table!important
    }

    .scoped-bootstrap .d-xl-table-row {
        display: table-row!important
    }

    .scoped-bootstrap .d-xl-table-cell {
        display: table-cell!important
    }

    .scoped-bootstrap .d-xl-flex {
        display: flex!important
    }

    .scoped-bootstrap .d-xl-inline-flex {
        display: inline-flex!important
    }

    .scoped-bootstrap .d-xl-none {
        display: none!important
    }

    .scoped-bootstrap .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .scoped-bootstrap .flex-xl-row {
        flex-direction: row!important
    }

    .scoped-bootstrap .flex-xl-column {
        flex-direction: column!important
    }

    .scoped-bootstrap .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .scoped-bootstrap .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .scoped-bootstrap .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .scoped-bootstrap .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .scoped-bootstrap .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .scoped-bootstrap .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .scoped-bootstrap .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .scoped-bootstrap .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .scoped-bootstrap .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .scoped-bootstrap .gap-xl-0 {
        gap: 0!important
    }

    .scoped-bootstrap .gap-xl-1 {
        gap: .25rem!important
    }

    .scoped-bootstrap .gap-xl-2 {
        gap: .5rem!important
    }

    .scoped-bootstrap .gap-xl-3 {
        gap: 1rem!important
    }

    .scoped-bootstrap .gap-xl-4 {
        gap: 1.5rem!important
    }

    .scoped-bootstrap .gap-xl-5 {
        gap: 3rem!important
    }

    .scoped-bootstrap .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .scoped-bootstrap .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .scoped-bootstrap .justify-content-xl-center {
        justify-content: center!important
    }

    .scoped-bootstrap .justify-content-xl-between {
        justify-content: space-between!important
    }

    .scoped-bootstrap .justify-content-xl-around {
        justify-content: space-around!important
    }

    .scoped-bootstrap .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .scoped-bootstrap .align-items-xl-start {
        align-items: flex-start!important
    }

    .scoped-bootstrap .align-items-xl-end {
        align-items: flex-end!important
    }

    .scoped-bootstrap .align-items-xl-center {
        align-items: center!important
    }

    .scoped-bootstrap .align-items-xl-baseline {
        align-items: baseline!important
    }

    .scoped-bootstrap .align-items-xl-stretch {
        align-items: stretch!important
    }

    .scoped-bootstrap .align-content-xl-start {
        align-content: flex-start!important
    }

    .scoped-bootstrap .align-content-xl-end {
        align-content: flex-end!important
    }

    .scoped-bootstrap .align-content-xl-center {
        align-content: center!important
    }

    .scoped-bootstrap .align-content-xl-between {
        align-content: space-between!important
    }

    .scoped-bootstrap .align-content-xl-around {
        align-content: space-around!important
    }

    .scoped-bootstrap .align-content-xl-stretch {
        align-content: stretch!important
    }

    .scoped-bootstrap .align-self-xl-auto {
        align-self: auto!important
    }

    .scoped-bootstrap .align-self-xl-start {
        align-self: flex-start!important
    }

    .scoped-bootstrap .align-self-xl-end {
        align-self: flex-end!important
    }

    .scoped-bootstrap .align-self-xl-center {
        align-self: center!important
    }

    .scoped-bootstrap .align-self-xl-baseline {
        align-self: baseline!important
    }

    .scoped-bootstrap .align-self-xl-stretch {
        align-self: stretch!important
    }

    .scoped-bootstrap .order-xl-first {
        order: -1!important
    }

    .scoped-bootstrap .order-xl-0 {
        order: 0!important
    }

    .scoped-bootstrap .order-xl-1 {
        order: 1!important
    }

    .scoped-bootstrap .order-xl-2 {
        order: 2!important
    }

    .scoped-bootstrap .order-xl-3 {
        order: 3!important
    }

    .scoped-bootstrap .order-xl-4 {
        order: 4!important
    }

    .scoped-bootstrap .order-xl-5 {
        order: 5!important
    }

    .scoped-bootstrap .order-xl-last {
        order: 6!important
    }

    .scoped-bootstrap .m-xl-0 {
        margin: 0!important
    }

    .scoped-bootstrap .m-xl-1 {
        margin: .25rem!important
    }

    .scoped-bootstrap .m-xl-2 {
        margin: .5rem!important
    }

    .scoped-bootstrap .m-xl-3 {
        margin: 1rem!important
    }

    .scoped-bootstrap .m-xl-4 {
        margin: 1.5rem!important
    }

    .scoped-bootstrap .m-xl-5 {
        margin: 3rem!important
    }

    .scoped-bootstrap .m-xl-auto {
        margin: auto!important
    }

    .scoped-bootstrap .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .scoped-bootstrap .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .scoped-bootstrap .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .scoped-bootstrap .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .scoped-bootstrap .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .scoped-bootstrap .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .scoped-bootstrap .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .scoped-bootstrap .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .scoped-bootstrap .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .scoped-bootstrap .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .scoped-bootstrap .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .scoped-bootstrap .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .scoped-bootstrap .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .scoped-bootstrap .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .scoped-bootstrap .mt-xl-0 {
        margin-top: 0!important
    }

    .scoped-bootstrap .mt-xl-1 {
        margin-top: .25rem!important
    }

    .scoped-bootstrap .mt-xl-2 {
        margin-top: .5rem!important
    }

    .scoped-bootstrap .mt-xl-3 {
        margin-top: 1rem!important
    }

    .scoped-bootstrap .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .scoped-bootstrap .mt-xl-5 {
        margin-top: 3rem!important
    }

    .scoped-bootstrap .mt-xl-auto {
        margin-top: auto!important
    }

    .scoped-bootstrap .me-xl-0 {
        margin-right: 0!important
    }

    .scoped-bootstrap .me-xl-1 {
        margin-right: .25rem!important
    }

    .scoped-bootstrap .me-xl-2 {
        margin-right: .5rem!important
    }

    .scoped-bootstrap .me-xl-3 {
        margin-right: 1rem!important
    }

    .scoped-bootstrap .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .scoped-bootstrap .me-xl-5 {
        margin-right: 3rem!important
    }

    .scoped-bootstrap .me-xl-auto {
        margin-right: auto!important
    }

    .scoped-bootstrap .mb-xl-0 {
        margin-bottom: 0!important
    }

    .scoped-bootstrap .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .scoped-bootstrap .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .scoped-bootstrap .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .scoped-bootstrap .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .scoped-bootstrap .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .scoped-bootstrap .mb-xl-auto {
        margin-bottom: auto!important
    }

    .scoped-bootstrap .ms-xl-0 {
        margin-left: 0!important
    }

    .scoped-bootstrap .ms-xl-1 {
        margin-left: .25rem!important
    }

    .scoped-bootstrap .ms-xl-2 {
        margin-left: .5rem!important
    }

    .scoped-bootstrap .ms-xl-3 {
        margin-left: 1rem!important
    }

    .scoped-bootstrap .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .scoped-bootstrap .ms-xl-5 {
        margin-left: 3rem!important
    }

    .scoped-bootstrap .ms-xl-auto {
        margin-left: auto!important
    }

    .scoped-bootstrap .p-xl-0 {
        padding: 0!important
    }

    .scoped-bootstrap .p-xl-1 {
        padding: .25rem!important
    }

    .scoped-bootstrap .p-xl-2 {
        padding: .5rem!important
    }

    .scoped-bootstrap .p-xl-3 {
        padding: 1rem!important
    }

    .scoped-bootstrap .p-xl-4 {
        padding: 1.5rem!important
    }

    .scoped-bootstrap .p-xl-5 {
        padding: 3rem!important
    }

    .scoped-bootstrap .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .scoped-bootstrap .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .scoped-bootstrap .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .scoped-bootstrap .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .scoped-bootstrap .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .scoped-bootstrap .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .scoped-bootstrap .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .scoped-bootstrap .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .scoped-bootstrap .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .scoped-bootstrap .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .scoped-bootstrap .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .scoped-bootstrap .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .scoped-bootstrap .pt-xl-0 {
        padding-top: 0!important
    }

    .scoped-bootstrap .pt-xl-1 {
        padding-top: .25rem!important
    }

    .scoped-bootstrap .pt-xl-2 {
        padding-top: .5rem!important
    }

    .scoped-bootstrap .pt-xl-3 {
        padding-top: 1rem!important
    }

    .scoped-bootstrap .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .scoped-bootstrap .pt-xl-5 {
        padding-top: 3rem!important
    }

    .scoped-bootstrap .pe-xl-0 {
        padding-right: 0!important
    }

    .scoped-bootstrap .pe-xl-1 {
        padding-right: .25rem!important
    }

    .scoped-bootstrap .pe-xl-2 {
        padding-right: .5rem!important
    }

    .scoped-bootstrap .pe-xl-3 {
        padding-right: 1rem!important
    }

    .scoped-bootstrap .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .scoped-bootstrap .pe-xl-5 {
        padding-right: 3rem!important
    }

    .scoped-bootstrap .pb-xl-0 {
        padding-bottom: 0!important
    }

    .scoped-bootstrap .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .scoped-bootstrap .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .scoped-bootstrap .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .scoped-bootstrap .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .scoped-bootstrap .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .scoped-bootstrap .ps-xl-0 {
        padding-left: 0!important
    }

    .scoped-bootstrap .ps-xl-1 {
        padding-left: .25rem!important
    }

    .scoped-bootstrap .ps-xl-2 {
        padding-left: .5rem!important
    }

    .scoped-bootstrap .ps-xl-3 {
        padding-left: 1rem!important
    }

    .scoped-bootstrap .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .scoped-bootstrap .ps-xl-5 {
        padding-left: 3rem!important
    }

    .scoped-bootstrap .text-xl-start {
        text-align: left!important
    }

    .scoped-bootstrap .text-xl-end {
        text-align: right!important
    }

    .scoped-bootstrap .text-xl-center {
        text-align: center!important
    }
 }

 @media(min-width: 1400px) {
    .scoped-bootstrap .float-xxl-start {
        float:left!important
    }

    .scoped-bootstrap .float-xxl-end {
        float: right!important
    }

    .scoped-bootstrap .float-xxl-none {
        float: none!important
    }

    .scoped-bootstrap .d-xxl-inline {
        display: inline!important
    }

    .scoped-bootstrap .d-xxl-inline-block {
        display: inline-block!important
    }

    .scoped-bootstrap .d-xxl-block {
        display: block!important
    }

    .scoped-bootstrap .d-xxl-grid {
        display: grid!important
    }

    .scoped-bootstrap .d-xxl-table {
        display: table!important
    }

    .scoped-bootstrap .d-xxl-table-row {
        display: table-row!important
    }

    .scoped-bootstrap .d-xxl-table-cell {
        display: table-cell!important
    }

    .scoped-bootstrap .d-xxl-flex {
        display: flex!important
    }

    .scoped-bootstrap .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .scoped-bootstrap .d-xxl-none {
        display: none!important
    }

    .scoped-bootstrap .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .scoped-bootstrap .flex-xxl-row {
        flex-direction: row!important
    }

    .scoped-bootstrap .flex-xxl-column {
        flex-direction: column!important
    }

    .scoped-bootstrap .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .scoped-bootstrap .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .scoped-bootstrap .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .scoped-bootstrap .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .scoped-bootstrap .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .scoped-bootstrap .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .scoped-bootstrap .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .scoped-bootstrap .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .scoped-bootstrap .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .scoped-bootstrap .gap-xxl-0 {
        gap: 0!important
    }

    .scoped-bootstrap .gap-xxl-1 {
        gap: .25rem!important
    }

    .scoped-bootstrap .gap-xxl-2 {
        gap: .5rem!important
    }

    .scoped-bootstrap .gap-xxl-3 {
        gap: 1rem!important
    }

    .scoped-bootstrap .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .scoped-bootstrap .gap-xxl-5 {
        gap: 3rem!important
    }

    .scoped-bootstrap .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .scoped-bootstrap .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .scoped-bootstrap .justify-content-xxl-center {
        justify-content: center!important
    }

    .scoped-bootstrap .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .scoped-bootstrap .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .scoped-bootstrap .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .scoped-bootstrap .align-items-xxl-start {
        align-items: flex-start!important
    }

    .scoped-bootstrap .align-items-xxl-end {
        align-items: flex-end!important
    }

    .scoped-bootstrap .align-items-xxl-center {
        align-items: center!important
    }

    .scoped-bootstrap .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .scoped-bootstrap .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .scoped-bootstrap .align-content-xxl-start {
        align-content: flex-start!important
    }

    .scoped-bootstrap .align-content-xxl-end {
        align-content: flex-end!important
    }

    .scoped-bootstrap .align-content-xxl-center {
        align-content: center!important
    }

    .scoped-bootstrap .align-content-xxl-between {
        align-content: space-between!important
    }

    .scoped-bootstrap .align-content-xxl-around {
        align-content: space-around!important
    }

    .scoped-bootstrap .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .scoped-bootstrap .align-self-xxl-auto {
        align-self: auto!important
    }

    .scoped-bootstrap .align-self-xxl-start {
        align-self: flex-start!important
    }

    .scoped-bootstrap .align-self-xxl-end {
        align-self: flex-end!important
    }

    .scoped-bootstrap .align-self-xxl-center {
        align-self: center!important
    }

    .scoped-bootstrap .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .scoped-bootstrap .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .scoped-bootstrap .order-xxl-first {
        order: -1!important
    }

    .scoped-bootstrap .order-xxl-0 {
        order: 0!important
    }

    .scoped-bootstrap .order-xxl-1 {
        order: 1!important
    }

    .scoped-bootstrap .order-xxl-2 {
        order: 2!important
    }

    .scoped-bootstrap .order-xxl-3 {
        order: 3!important
    }

    .scoped-bootstrap .order-xxl-4 {
        order: 4!important
    }

    .scoped-bootstrap .order-xxl-5 {
        order: 5!important
    }

    .scoped-bootstrap .order-xxl-last {
        order: 6!important
    }

    .scoped-bootstrap .m-xxl-0 {
        margin: 0!important
    }

    .scoped-bootstrap .m-xxl-1 {
        margin: .25rem!important
    }

    .scoped-bootstrap .m-xxl-2 {
        margin: .5rem!important
    }

    .scoped-bootstrap .m-xxl-3 {
        margin: 1rem!important
    }

    .scoped-bootstrap .m-xxl-4 {
        margin: 1.5rem!important
    }

    .scoped-bootstrap .m-xxl-5 {
        margin: 3rem!important
    }

    .scoped-bootstrap .m-xxl-auto {
        margin: auto!important
    }

    .scoped-bootstrap .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .scoped-bootstrap .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .scoped-bootstrap .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .scoped-bootstrap .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .scoped-bootstrap .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .scoped-bootstrap .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .scoped-bootstrap .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .scoped-bootstrap .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .scoped-bootstrap .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .scoped-bootstrap .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .scoped-bootstrap .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .scoped-bootstrap .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .scoped-bootstrap .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .scoped-bootstrap .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .scoped-bootstrap .mt-xxl-0 {
        margin-top: 0!important
    }

    .scoped-bootstrap .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .scoped-bootstrap .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .scoped-bootstrap .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .scoped-bootstrap .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .scoped-bootstrap .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .scoped-bootstrap .mt-xxl-auto {
        margin-top: auto!important
    }

    .scoped-bootstrap .me-xxl-0 {
        margin-right: 0!important
    }

    .scoped-bootstrap .me-xxl-1 {
        margin-right: .25rem!important
    }

    .scoped-bootstrap .me-xxl-2 {
        margin-right: .5rem!important
    }

    .scoped-bootstrap .me-xxl-3 {
        margin-right: 1rem!important
    }

    .scoped-bootstrap .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .scoped-bootstrap .me-xxl-5 {
        margin-right: 3rem!important
    }

    .scoped-bootstrap .me-xxl-auto {
        margin-right: auto!important
    }

    .scoped-bootstrap .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .scoped-bootstrap .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .scoped-bootstrap .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .scoped-bootstrap .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .scoped-bootstrap .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .scoped-bootstrap .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .scoped-bootstrap .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .scoped-bootstrap .ms-xxl-0 {
        margin-left: 0!important
    }

    .scoped-bootstrap .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .scoped-bootstrap .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .scoped-bootstrap .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .scoped-bootstrap .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .scoped-bootstrap .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .scoped-bootstrap .ms-xxl-auto {
        margin-left: auto!important
    }

    .scoped-bootstrap .p-xxl-0 {
        padding: 0!important
    }

    .scoped-bootstrap .p-xxl-1 {
        padding: .25rem!important
    }

    .scoped-bootstrap .p-xxl-2 {
        padding: .5rem!important
    }

    .scoped-bootstrap .p-xxl-3 {
        padding: 1rem!important
    }

    .scoped-bootstrap .p-xxl-4 {
        padding: 1.5rem!important
    }

    .scoped-bootstrap .p-xxl-5 {
        padding: 3rem!important
    }

    .scoped-bootstrap .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .scoped-bootstrap .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .scoped-bootstrap .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .scoped-bootstrap .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .scoped-bootstrap .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .scoped-bootstrap .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .scoped-bootstrap .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .scoped-bootstrap .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .scoped-bootstrap .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .scoped-bootstrap .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .scoped-bootstrap .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .scoped-bootstrap .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .scoped-bootstrap .pt-xxl-0 {
        padding-top: 0!important
    }

    .scoped-bootstrap .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .scoped-bootstrap .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .scoped-bootstrap .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .scoped-bootstrap .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .scoped-bootstrap .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .scoped-bootstrap .pe-xxl-0 {
        padding-right: 0!important
    }

    .scoped-bootstrap .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .scoped-bootstrap .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .scoped-bootstrap .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .scoped-bootstrap .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .scoped-bootstrap .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .scoped-bootstrap .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .scoped-bootstrap .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .scoped-bootstrap .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .scoped-bootstrap .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .scoped-bootstrap .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .scoped-bootstrap .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .scoped-bootstrap .ps-xxl-0 {
        padding-left: 0!important
    }

    .scoped-bootstrap .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .scoped-bootstrap .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .scoped-bootstrap .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .scoped-bootstrap .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .scoped-bootstrap .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .scoped-bootstrap .text-xxl-start {
        text-align: left!important
    }

    .scoped-bootstrap .text-xxl-end {
        text-align: right!important
    }

    .scoped-bootstrap .text-xxl-center {
        text-align: center!important
    }
 }

 @media(min-width: 1200px) {
    .scoped-bootstrap .fs-1 {
        font-size:2.5rem!important
    }

    .scoped-bootstrap .fs-2 {
        font-size: 2rem!important
    }

    .scoped-bootstrap .fs-3 {
        font-size: 1.75rem!important
    }

    .scoped-bootstrap .fs-4 {
        font-size: 1.5rem!important
    }
 }

 @media print {
    .scoped-bootstrap .d-print-inline {
        display: inline!important
    }

    .scoped-bootstrap .d-print-inline-block {
        display: inline-block!important
    }

    .scoped-bootstrap .d-print-block {
        display: block!important
    }

    .scoped-bootstrap .d-print-grid {
        display: grid!important
    }

    .scoped-bootstrap .d-print-table {
        display: table!important
    }

    .scoped-bootstrap .d-print-table-row {
        display: table-row!important
    }

    .scoped-bootstrap .d-print-table-cell {
        display: table-cell!important
    }

    .scoped-bootstrap .d-print-flex {
        display: flex!important
    }

    .scoped-bootstrap .d-print-inline-flex {
        display: inline-flex!important
    }

    .scoped-bootstrap .d-print-none {
        display: none!important
    }
 }

 .scoped-bootstrap ol,.scoped-bootstrap ul {
    padding-left: 0
 }

 .scoped-bootstrap dd,.scoped-bootstrap dl {
    margin-bottom: 0
 }

 .scoped-bootstrap .btn-light {
    color: #000;
    background-color: #f7f7f7;
    border-color: #617584
 }

 .scoped-bootstrap .btn-light:hover {
    color: #000;
    background-color: #f8f8f8;
    border-color: #718390
 }

 .btn-check:focus+.scoped-bootstrap .btn-light,.scoped-bootstrap .btn-light:focus {
    color: #000;
    background-color: #f8f8f8;
    border-color: #718390;
    box-shadow: 0 0 0 .25rem rgba(82,99,112,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-light,.btn-check:checked+.scoped-bootstrap .btn-light,.scoped-bootstrap .btn-light.active,.scoped-bootstrap .btn-light:active,.show>.scoped-bootstrap .btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9f9f9;
    border-color: #718390
 }

 .btn-check:active+.scoped-bootstrap .btn-light:focus,.btn-check:checked+.scoped-bootstrap .btn-light:focus,.scoped-bootstrap .btn-light.active:focus,.scoped-bootstrap .btn-light:active:focus,.show>.scoped-bootstrap .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(82,99,112,.5)
 }

 .scoped-bootstrap .btn-light.disabled,.scoped-bootstrap .btn-light:disabled {
    color: #000;
    background-color: #f7f7f7;
    border-color: #617584
 }

 .scoped-bootstrap .btn-save {
    color: #fff;
    background-color: #439741;
    border-color: #439741
 }

 .scoped-bootstrap .btn-save:hover {
    color: #fff;
    background-color: #398037;
    border-color: #367934
 }

 .btn-check:focus+.scoped-bootstrap .btn-save,.scoped-bootstrap .btn-save:focus {
    color: #fff;
    background-color: #398037;
    border-color: #367934;
    box-shadow: 0 0 0 .25rem rgba(95,167,94,.5)
 }

 .btn-check:active+.scoped-bootstrap .btn-save,.btn-check:checked+.scoped-bootstrap .btn-save,.scoped-bootstrap .btn-save.active,.scoped-bootstrap .btn-save:active,.show>.scoped-bootstrap .btn-save.dropdown-toggle {
    color: #fff;
    background-color: #367934;
    border-color: #327131
 }

 .btn-check:active+.scoped-bootstrap .btn-save:focus,.btn-check:checked+.scoped-bootstrap .btn-save:focus,.scoped-bootstrap .btn-save.active:focus,.scoped-bootstrap .btn-save:active:focus,.show>.scoped-bootstrap .btn-save.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(95,167,94,.5)
 }

 .scoped-bootstrap .btn-save.disabled,.scoped-bootstrap .btn-save:disabled {
    color: #fff;
    background-color: #6c6c6ccc;
    border-color: #6c6c6ccc
 }

 .scoped-bootstrap .card-header {
    line-height: 17px;
    font-weight: 700;
    border-bottom: 0 none
 }

 .scoped-bootstrap .form-check-label {
    line-height: 1.5
 }

 .scoped-bootstrap .icon-list {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5.5h9M.5 4.5h9M.5 8.5h9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-plus-square {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='11' height='11' rx='1.5' stroke='%23027d42'/%3E%3Cpath fill='%23027d42' d='M3 5h6v2H3z'/%3E%3Cpath fill='%23027d42' d='M5 9V3h2v6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-minus-square {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='11' height='11' rx='1.5' stroke='%23EC4B3D'/%3E%3Cpath fill='%23EC4B3D' d='M3 5h6v2H3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-caret-up-filled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0 .536 4.5h6.928L4 0Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-caret-down-filled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5 7.464.5H.536L4 5Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-cup {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 4.2s.97 5.6 3.877 5.6c2.908 0 4.186-5.6 4.186-5.6' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-cup-with-handle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 4.2s.97 5.6 3.877 5.6c2.908 0 2.908-3.36 2.908-3.36L11.2 7l.7-2.1' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-double-bottom {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='m3 4 2 5 2-3 2.5 4.5 2-5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-saucer {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 5.2S.5 8.8 6.677 8.8s4.186-3.6 4.186-3.6' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-saucer-with-handle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 5.2S1 8.8 6.677 8.8 9.5 6 9.5 6l1.7 1 .7-2.1' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-flat-base {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2 11.5s0-6 1-6 .5 4 1.5 4S5.5 5 6 5s1 4.5 1.5 4.5 1-4 1.5-4 1 4 1.5 4 1-6.5 1-6.5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-ascending-base {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2 11.5s0-4 1-4 .5 2 1.5 2 1-3 1.5-3S7 9 7.5 9s1-3.5 1.5-3.5 1 2 1.5 2 1-4.5 1-4.5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-consolidation {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath stroke='%23fff' stroke-width='.5' stroke-dasharray='1 1' d='M1.4 2.55h11.2M1.4 12.35h11.2'/%3E%3Cpath d='m2.8 6.3.416-.277-.527-.791-.353.882.464.186Zm1.4 2.1-.416.277.416.624.416-.624L4.2 8.4Zm1.4-2.1.416-.277-.416-.624-.416.624.416.277ZM7 8.4l-.416.277.478.717.385-.77L7 8.4Zm1.4-2.8.464-.186-.413-1.033-.498.995.447.224Zm1.4 3.5-.464.186.384.961.514-.899L9.8 9.1Zm-7.936.886.905-2.263.353-.883.104-.26.028-.07.008-.018.002-.005v-.001L2.8 6.3l-.464-.186-.001.002-.002.004-.007.019-.028.07-.104.26-.353.883-.905 2.262.928.372Zm.52-3.409 1.4 2.1.832-.554-1.4-2.1-.832.554Zm2.232 2.1 1.4-2.1-.832-.554-1.4 2.1.832.554Zm.568-2.1 1.4 2.1.832-.554-1.4-2.1-.832.554Zm2.263 2.047 1.4-2.8-.894-.448-1.4 2.8.894.448Zm.489-2.838 1.4 3.5.928-.372-1.4-3.5-.928.372Zm2.298 3.562 2.8-4.9-.868-.496-2.8 4.9.868.496Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-ipo-base {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.5 11.5s-.663-5 1-5 0 4.5 2 4.5.5-5 2-5 .5 5 2.5 5 1.5-8 1.5-8' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-bell-plus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.167 17.667a.834.834 0 0 1-.784-1.118l.038-.088.963-1.926a5.834 5.834 0 0 0 .61-2.338l.006-.27V9.332a5.001 5.001 0 0 1 4.167-4.93V3.5a.833.833 0 0 1 1.666 0l.001.903a5.002 5.002 0 0 1 4.162 4.725l.004.205v2.593c0 .815.17 1.62.5 2.364l.116.245.963 1.926a.834.834 0 0 1-.65 1.2l-.096.006H9.667a1.667 1.667 0 1 1-3.334 0H2.167ZM8 6a3.333 3.333 0 0 0-3.33 3.167l-.003.166v2.593A7.5 7.5 0 0 1 4 15.018l-.125.262-.36.72h8.97l-.36-.72a7.5 7.5 0 0 1-.786-3.063l-.006-.29V9.332A3.333 3.333 0 0 0 8 6Z' fill='%2306c067'/%3E%3Cpath stroke='%2306c067' stroke-linecap='round' stroke-linejoin='round' d='M13.5 3.5h4M15.5 1.5v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-bell-plus-filled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.692 5.889 8 5l2.308 1.333 1.153 2.223v4L13 17H3l.77-2.667.768-4V8.111L5.692 5.89Z' fill='%2306c067'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.167 17.667a.834.834 0 0 1-.784-1.118l.038-.088.963-1.926a5.834 5.834 0 0 0 .61-2.338l.006-.27V9.332a5.001 5.001 0 0 1 4.167-4.93V3.5a.833.833 0 0 1 1.666 0l.001.903a5.002 5.002 0 0 1 4.162 4.725l.004.205v2.593c0 .815.17 1.62.5 2.364l.116.245.963 1.926a.834.834 0 0 1-.65 1.2l-.096.006H9.667a1.667 1.667 0 1 1-3.334 0H2.167ZM8 6a3.333 3.333 0 0 0-3.33 3.167l-.003.166v2.593A7.5 7.5 0 0 1 4 15.018l-.125.262-.36.72h8.97l-.36-.72a7.5 7.5 0 0 1-.786-3.063l-.006-.29V9.332A3.333 3.333 0 0 0 8 6Z' fill='%2306c067'/%3E%3Cpath stroke='%2306c067' stroke-linecap='round' stroke-linejoin='round' d='M13.5 3.5h4'/%3E%3Cpath stroke='%23F48027' stroke-linecap='round' stroke-linejoin='round' d='M15.5 1.5v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-up-circle-fill-green {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23439741'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 6c.3 0 .586.105.797.293l7.887 7a.944.944 0 0 1 .316.703.947.947 0 0 1-.33.699c-.208.185-.491.29-.787.293a1.206 1.206 0 0 1-.792-.281l-5.964-5.293V23c0 .265-.118.52-.33.707a1.203 1.203 0 0 1-.796.293c-.3 0-.586-.105-.797-.293a.947.947 0 0 1-.33-.707V9.414L7.91 14.707a1.206 1.206 0 0 1-.793.28 1.202 1.202 0 0 1-.787-.292.948.948 0 0 1-.33-.699.944.944 0 0 1 .317-.703l7.887-7C14.415 6.105 14.702 6 15 6Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-down-circle-fill-red {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23D64541'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 24c-.298 0-.585-.106-.796-.293l-7.887-7A.943.943 0 0 1 6 16.003a.947.947 0 0 1 .33-.698c.208-.185.491-.29.786-.293.296-.002.58.099.793.28l5.964 5.294V7c0-.265.118-.52.33-.707.211-.188.498-.293.796-.293.3 0 .586.105.797.293.212.187.33.442.33.707v13.586l5.964-5.293c.212-.182.497-.283.793-.28.295.002.578.107.787.292a.947.947 0 0 1 .33.698.943.943 0 0 1-.317.704l-7.887 7a1.203 1.203 0 0 1-.796.293Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-trash {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5 1.5h11'/%3E%3Cpath d='M2 2v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V2' stroke='%23A1A1A1'/%3E%3Cpath stroke='%23A1A1A1' stroke-linejoin='round' d='M4.5 4v4M7.5 4v4'/%3E%3Cpath d='M5 0h2a1 1 0 0 1 1 1H4a1 1 0 0 1 1-1Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-bar-up-yellow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23E8C63C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 6c.3 0 .586.105.797.293l7.887 7a.944.944 0 0 1 .316.703.947.947 0 0 1-.33.699c-.209.185-.491.29-.787.293a1.206 1.206 0 0 1-.792-.281l-5.964-5.293V23c0 .265-.119.52-.33.707A1.203 1.203 0 0 1 15 24c-.299 0-.585-.105-.796-.293a.947.947 0 0 1-.33-.707V9.414L7.91 14.707a1.206 1.206 0 0 1-.793.28 1.202 1.202 0 0 1-.787-.292.948.948 0 0 1-.33-.699.944.944 0 0 1 .317-.703l7.887-7C14.415 6.105 14.702 6 15 6Z' fill='%23fff'/%3E%3Crect x='7' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3Crect x='13' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3Crect x='19' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-x-circle-fill {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23D1D2D5'/%3E%3Cpath d='m4.444 11.556 7.111-7.111M11.556 11.556 4.445 4.445' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-delete {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5 1.5h11'/%3E%3Cpath d='M2 2v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V2' stroke='%23A1A1A1'/%3E%3Cpath stroke='%23A1A1A1' stroke-linejoin='round' d='M4.5 4v4M7.5 4v4'/%3E%3Cpath d='M5 0h2a1 1 0 0 1 1 1H4a1 1 0 0 1 1-1Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .mask[data-v-5ec6a61d] {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.5)
 }

 .confirm-delete-modal[data-v-5ec6a61d] {
    width: 431px;
    height: 271px;
    background-color: #dddde0;
    border: 2px solid #999
 }

 .deleteConfirmTitle[data-v-5ec6a61d] {
    height: 42px;
    margin: 0 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 42px;
    color: #333
 }

 .deleteConfirmContent[data-v-5ec6a61d] {
    height: 178px;
    margin: 0 17px;
    padding: 8px 14px;
    background-color: #fff
 }

 .contentState[data-v-5ec6a61d] {
    font-family: Arial,Reg;
    font-size: 14px;
    color: #000
 }

 .deleteConfirmTips[data-v-5ec6a61d] {
    margin-top: 38px
 }

 .deleteConfirmTipsTitle[data-v-5ec6a61d] {
    color: red;
    font-size: 12px
 }

 .deleteConfirm[data-v-5ec6a61d] {
    position: relative;
    top: 15px;
    left: 125px
 }

 .deleteConfirmBtn[data-v-5ec6a61d] {
    width: 65px;
    height: 19px;
    line-height: 10px;
    margin: 0 9px;
    float: left;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #888;
    background: linear-gradient(180deg,#fff,#fff,#f3f3f3,#e6e4e4,#d1cece,#dfdcdc);
    border-radius: 3px;
    cursor: pointer
 }

 .deleteConfirmSave[data-v-5ec6a61d] {
    margin-left: 21px
 }

 .custom-tab-editor[data-v-1a9fabb2] {
    padding: 10px
 }

 .selected-num[data-v-1a9fabb2] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px!important
 }

 .selected-num .total[data-v-1a9fabb2],.selected-num dt[data-v-1a9fabb2] {
    font-weight: 400;
    color: #979797
 }

 .scoped-bootstrap .icon-list[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5.5h9M.5 4.5h9M.5 8.5h9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-plus-square[data-v-56bd48da],.scoped-bootstrap .toggle-visibility[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='11' height='11' rx='1.5' stroke='%23027d42'/%3E%3Cpath fill='%23027d42' d='M3 5h6v2H3z'/%3E%3Cpath fill='%23027d42' d='M5 9V3h2v6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-minus-square[data-v-56bd48da],.scoped-bootstrap .toggle-visibility[data-v-56bd48da]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='11' height='11' rx='1.5' stroke='%23EC4B3D'/%3E%3Cpath fill='%23EC4B3D' d='M3 5h6v2H3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-caret-up-filled[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0 .536 4.5h6.928L4 0Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-caret-down-filled[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5 7.464.5H.536L4 5Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-cup[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 4.2s.97 5.6 3.877 5.6c2.908 0 4.186-5.6 4.186-5.6' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-cup-with-handle[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 4.2s.97 5.6 3.877 5.6c2.908 0 2.908-3.36 2.908-3.36L11.2 7l.7-2.1' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-double-bottom[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='m3 4 2 5 2-3 2.5 4.5 2-5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-saucer[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 5.2S.5 8.8 6.677 8.8s4.186-3.6 4.186-3.6' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-saucer-with-handle[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 5.2S1 8.8 6.677 8.8 9.5 6 9.5 6l1.7 1 .7-2.1' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-flat-base[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2 11.5s0-6 1-6 .5 4 1.5 4S5.5 5 6 5s1 4.5 1.5 4.5 1-4 1.5-4 1 4 1.5 4 1-6.5 1-6.5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-ascending-base[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2 11.5s0-4 1-4 .5 2 1.5 2 1-3 1.5-3S7 9 7.5 9s1-3.5 1.5-3.5 1 2 1.5 2 1-4.5 1-4.5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-consolidation[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath stroke='%23fff' stroke-width='.5' stroke-dasharray='1 1' d='M1.4 2.55h11.2M1.4 12.35h11.2'/%3E%3Cpath d='m2.8 6.3.416-.277-.527-.791-.353.882.464.186Zm1.4 2.1-.416.277.416.624.416-.624L4.2 8.4Zm1.4-2.1.416-.277-.416-.624-.416.624.416.277ZM7 8.4l-.416.277.478.717.385-.77L7 8.4Zm1.4-2.8.464-.186-.413-1.033-.498.995.447.224Zm1.4 3.5-.464.186.384.961.514-.899L9.8 9.1Zm-7.936.886.905-2.263.353-.883.104-.26.028-.07.008-.018.002-.005v-.001L2.8 6.3l-.464-.186-.001.002-.002.004-.007.019-.028.07-.104.26-.353.883-.905 2.262.928.372Zm.52-3.409 1.4 2.1.832-.554-1.4-2.1-.832.554Zm2.232 2.1 1.4-2.1-.832-.554-1.4 2.1.832.554Zm.568-2.1 1.4 2.1.832-.554-1.4-2.1-.832.554Zm2.263 2.047 1.4-2.8-.894-.448-1.4 2.8.894.448Zm.489-2.838 1.4 3.5.928-.372-1.4-3.5-.928.372Zm2.298 3.562 2.8-4.9-.868-.496-2.8 4.9.868.496Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-ipo-base[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.5 11.5s-.663-5 1-5 0 4.5 2 4.5.5-5 2-5 .5 5 2.5 5 1.5-8 1.5-8' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-bell-plus[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.167 17.667a.834.834 0 0 1-.784-1.118l.038-.088.963-1.926a5.834 5.834 0 0 0 .61-2.338l.006-.27V9.332a5.001 5.001 0 0 1 4.167-4.93V3.5a.833.833 0 0 1 1.666 0l.001.903a5.002 5.002 0 0 1 4.162 4.725l.004.205v2.593c0 .815.17 1.62.5 2.364l.116.245.963 1.926a.834.834 0 0 1-.65 1.2l-.096.006H9.667a1.667 1.667 0 1 1-3.334 0H2.167ZM8 6a3.333 3.333 0 0 0-3.33 3.167l-.003.166v2.593A7.5 7.5 0 0 1 4 15.018l-.125.262-.36.72h8.97l-.36-.72a7.5 7.5 0 0 1-.786-3.063l-.006-.29V9.332A3.333 3.333 0 0 0 8 6Z' fill='%2306c067'/%3E%3Cpath stroke='%2306c067' stroke-linecap='round' stroke-linejoin='round' d='M13.5 3.5h4M15.5 1.5v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-bell-plus-filled[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.692 5.889 8 5l2.308 1.333 1.153 2.223v4L13 17H3l.77-2.667.768-4V8.111L5.692 5.89Z' fill='%2306c067'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.167 17.667a.834.834 0 0 1-.784-1.118l.038-.088.963-1.926a5.834 5.834 0 0 0 .61-2.338l.006-.27V9.332a5.001 5.001 0 0 1 4.167-4.93V3.5a.833.833 0 0 1 1.666 0l.001.903a5.002 5.002 0 0 1 4.162 4.725l.004.205v2.593c0 .815.17 1.62.5 2.364l.116.245.963 1.926a.834.834 0 0 1-.65 1.2l-.096.006H9.667a1.667 1.667 0 1 1-3.334 0H2.167ZM8 6a3.333 3.333 0 0 0-3.33 3.167l-.003.166v2.593A7.5 7.5 0 0 1 4 15.018l-.125.262-.36.72h8.97l-.36-.72a7.5 7.5 0 0 1-.786-3.063l-.006-.29V9.332A3.333 3.333 0 0 0 8 6Z' fill='%2306c067'/%3E%3Cpath stroke='%2306c067' stroke-linecap='round' stroke-linejoin='round' d='M13.5 3.5h4'/%3E%3Cpath stroke='%23F48027' stroke-linecap='round' stroke-linejoin='round' d='M15.5 1.5v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-up-circle-fill-green[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23439741'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 6c.3 0 .586.105.797.293l7.887 7a.944.944 0 0 1 .316.703.947.947 0 0 1-.33.699c-.208.185-.491.29-.787.293a1.206 1.206 0 0 1-.792-.281l-5.964-5.293V23c0 .265-.118.52-.33.707a1.203 1.203 0 0 1-.796.293c-.3 0-.586-.105-.797-.293a.947.947 0 0 1-.33-.707V9.414L7.91 14.707a1.206 1.206 0 0 1-.793.28 1.202 1.202 0 0 1-.787-.292.948.948 0 0 1-.33-.699.944.944 0 0 1 .317-.703l7.887-7C14.415 6.105 14.702 6 15 6Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-down-circle-fill-red[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23D64541'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 24c-.298 0-.585-.106-.796-.293l-7.887-7A.943.943 0 0 1 6 16.003a.947.947 0 0 1 .33-.698c.208-.185.491-.29.786-.293.296-.002.58.099.793.28l5.964 5.294V7c0-.265.118-.52.33-.707.211-.188.498-.293.796-.293.3 0 .586.105.797.293.212.187.33.442.33.707v13.586l5.964-5.293c.212-.182.497-.283.793-.28.295.002.578.107.787.292a.947.947 0 0 1 .33.698.943.943 0 0 1-.317.704l-7.887 7a1.203 1.203 0 0 1-.796.293Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-trash[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5 1.5h11'/%3E%3Cpath d='M2 2v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V2' stroke='%23A1A1A1'/%3E%3Cpath stroke='%23A1A1A1' stroke-linejoin='round' d='M4.5 4v4M7.5 4v4'/%3E%3Cpath d='M5 0h2a1 1 0 0 1 1 1H4a1 1 0 0 1 1-1Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-bar-up-yellow[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23E8C63C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 6c.3 0 .586.105.797.293l7.887 7a.944.944 0 0 1 .316.703.947.947 0 0 1-.33.699c-.209.185-.491.29-.787.293a1.206 1.206 0 0 1-.792-.281l-5.964-5.293V23c0 .265-.119.52-.33.707A1.203 1.203 0 0 1 15 24c-.299 0-.585-.105-.796-.293a.947.947 0 0 1-.33-.707V9.414L7.91 14.707a1.206 1.206 0 0 1-.793.28 1.202 1.202 0 0 1-.787-.292.948.948 0 0 1-.33-.699.944.944 0 0 1 .317-.703l7.887-7C14.415 6.105 14.702 6 15 6Z' fill='%23fff'/%3E%3Crect x='7' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3Crect x='13' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3Crect x='19' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-x-circle-fill[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23D1D2D5'/%3E%3Cpath d='m4.444 11.556 7.111-7.111M11.556 11.556 4.445 4.445' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-delete[data-v-56bd48da] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5 1.5h11'/%3E%3Cpath d='M2 2v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V2' stroke='%23A1A1A1'/%3E%3Cpath stroke='%23A1A1A1' stroke-linejoin='round' d='M4.5 4v4M7.5 4v4'/%3E%3Cpath d='M5 0h2a1 1 0 0 1 1 1H4a1 1 0 0 1 1-1Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .tab-header[data-v-56bd48da] {
    padding: 0 10px;
    height: 44px;
    line-height: 44px;
    background-color: #f0f0ee;
    font-size: 14px;
    cursor: pointer
 }

 .toggle-config[data-v-56bd48da] {
    margin-right: 5px;
    width: 8px;
    background-size: 8px 6px
 }

 .delete[data-v-56bd48da] {
    width: 12px;
    background-size: 12px 10px
 }

 .handle[data-v-56bd48da] {
    margin-left: 14px;
    width: 10px;
    background-size: 10px 8px
 }

 .toggle-visibility[data-v-56bd48da] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    margin-left: 14px;
    width: 12px;
    background-size: 12px 12px
 }

 .toggle-visibility[data-v-56bd48da]:checked {
    background-color: transparent;
    border-color: transparent
 }

 .related-info-tab-item .tab-name[data-v-56bd48da] {
    white-space: nowrap
 }

 .scoped-bootstrap .icon-list[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5.5h9M.5 4.5h9M.5 8.5h9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .btn-create[data-v-676d1bac],.scoped-bootstrap .icon-plus-square[data-v-676d1bac],.scoped-bootstrap .toggle-visibility[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='11' height='11' rx='1.5' stroke='%23027d42'/%3E%3Cpath fill='%23027d42' d='M3 5h6v2H3z'/%3E%3Cpath fill='%23027d42' d='M5 9V3h2v6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-minus-square[data-v-676d1bac],.scoped-bootstrap .toggle-visibility[data-v-676d1bac]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='11' height='11' rx='1.5' stroke='%23EC4B3D'/%3E%3Cpath fill='%23EC4B3D' d='M3 5h6v2H3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-caret-up-filled[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0 .536 4.5h6.928L4 0Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-caret-down-filled[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5 7.464.5H.536L4 5Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-cup[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 4.2s.97 5.6 3.877 5.6c2.908 0 4.186-5.6 4.186-5.6' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-cup-with-handle[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 4.2s.97 5.6 3.877 5.6c2.908 0 2.908-3.36 2.908-3.36L11.2 7l.7-2.1' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-double-bottom[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='m3 4 2 5 2-3 2.5 4.5 2-5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-saucer[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 5.2S.5 8.8 6.677 8.8s4.186-3.6 4.186-3.6' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-saucer-with-handle[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 5.2S1 8.8 6.677 8.8 9.5 6 9.5 6l1.7 1 .7-2.1' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-flat-base[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2 11.5s0-6 1-6 .5 4 1.5 4S5.5 5 6 5s1 4.5 1.5 4.5 1-4 1.5-4 1 4 1.5 4 1-6.5 1-6.5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-ascending-base[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2 11.5s0-4 1-4 .5 2 1.5 2 1-3 1.5-3S7 9 7.5 9s1-3.5 1.5-3.5 1 2 1.5 2 1-4.5 1-4.5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-consolidation[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath stroke='%23fff' stroke-width='.5' stroke-dasharray='1 1' d='M1.4 2.55h11.2M1.4 12.35h11.2'/%3E%3Cpath d='m2.8 6.3.416-.277-.527-.791-.353.882.464.186Zm1.4 2.1-.416.277.416.624.416-.624L4.2 8.4Zm1.4-2.1.416-.277-.416-.624-.416.624.416.277ZM7 8.4l-.416.277.478.717.385-.77L7 8.4Zm1.4-2.8.464-.186-.413-1.033-.498.995.447.224Zm1.4 3.5-.464.186.384.961.514-.899L9.8 9.1Zm-7.936.886.905-2.263.353-.883.104-.26.028-.07.008-.018.002-.005v-.001L2.8 6.3l-.464-.186-.001.002-.002.004-.007.019-.028.07-.104.26-.353.883-.905 2.262.928.372Zm.52-3.409 1.4 2.1.832-.554-1.4-2.1-.832.554Zm2.232 2.1 1.4-2.1-.832-.554-1.4 2.1.832.554Zm.568-2.1 1.4 2.1.832-.554-1.4-2.1-.832.554Zm2.263 2.047 1.4-2.8-.894-.448-1.4 2.8.894.448Zm.489-2.838 1.4 3.5.928-.372-1.4-3.5-.928.372Zm2.298 3.562 2.8-4.9-.868-.496-2.8 4.9.868.496Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-ipo-base[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.5 11.5s-.663-5 1-5 0 4.5 2 4.5.5-5 2-5 .5 5 2.5 5 1.5-8 1.5-8' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-bell-plus[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.167 17.667a.834.834 0 0 1-.784-1.118l.038-.088.963-1.926a5.834 5.834 0 0 0 .61-2.338l.006-.27V9.332a5.001 5.001 0 0 1 4.167-4.93V3.5a.833.833 0 0 1 1.666 0l.001.903a5.002 5.002 0 0 1 4.162 4.725l.004.205v2.593c0 .815.17 1.62.5 2.364l.116.245.963 1.926a.834.834 0 0 1-.65 1.2l-.096.006H9.667a1.667 1.667 0 1 1-3.334 0H2.167ZM8 6a3.333 3.333 0 0 0-3.33 3.167l-.003.166v2.593A7.5 7.5 0 0 1 4 15.018l-.125.262-.36.72h8.97l-.36-.72a7.5 7.5 0 0 1-.786-3.063l-.006-.29V9.332A3.333 3.333 0 0 0 8 6Z' fill='%2306c067'/%3E%3Cpath stroke='%2306c067' stroke-linecap='round' stroke-linejoin='round' d='M13.5 3.5h4M15.5 1.5v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-bell-plus-filled[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.692 5.889 8 5l2.308 1.333 1.153 2.223v4L13 17H3l.77-2.667.768-4V8.111L5.692 5.89Z' fill='%2306c067'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.167 17.667a.834.834 0 0 1-.784-1.118l.038-.088.963-1.926a5.834 5.834 0 0 0 .61-2.338l.006-.27V9.332a5.001 5.001 0 0 1 4.167-4.93V3.5a.833.833 0 0 1 1.666 0l.001.903a5.002 5.002 0 0 1 4.162 4.725l.004.205v2.593c0 .815.17 1.62.5 2.364l.116.245.963 1.926a.834.834 0 0 1-.65 1.2l-.096.006H9.667a1.667 1.667 0 1 1-3.334 0H2.167ZM8 6a3.333 3.333 0 0 0-3.33 3.167l-.003.166v2.593A7.5 7.5 0 0 1 4 15.018l-.125.262-.36.72h8.97l-.36-.72a7.5 7.5 0 0 1-.786-3.063l-.006-.29V9.332A3.333 3.333 0 0 0 8 6Z' fill='%2306c067'/%3E%3Cpath stroke='%2306c067' stroke-linecap='round' stroke-linejoin='round' d='M13.5 3.5h4'/%3E%3Cpath stroke='%23F48027' stroke-linecap='round' stroke-linejoin='round' d='M15.5 1.5v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-up-circle-fill-green[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23439741'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 6c.3 0 .586.105.797.293l7.887 7a.944.944 0 0 1 .316.703.947.947 0 0 1-.33.699c-.208.185-.491.29-.787.293a1.206 1.206 0 0 1-.792-.281l-5.964-5.293V23c0 .265-.118.52-.33.707a1.203 1.203 0 0 1-.796.293c-.3 0-.586-.105-.797-.293a.947.947 0 0 1-.33-.707V9.414L7.91 14.707a1.206 1.206 0 0 1-.793.28 1.202 1.202 0 0 1-.787-.292.948.948 0 0 1-.33-.699.944.944 0 0 1 .317-.703l7.887-7C14.415 6.105 14.702 6 15 6Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-down-circle-fill-red[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23D64541'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 24c-.298 0-.585-.106-.796-.293l-7.887-7A.943.943 0 0 1 6 16.003a.947.947 0 0 1 .33-.698c.208-.185.491-.29.786-.293.296-.002.58.099.793.28l5.964 5.294V7c0-.265.118-.52.33-.707.211-.188.498-.293.796-.293.3 0 .586.105.797.293.212.187.33.442.33.707v13.586l5.964-5.293c.212-.182.497-.283.793-.28.295.002.578.107.787.292a.947.947 0 0 1 .33.698.943.943 0 0 1-.317.704l-7.887 7a1.203 1.203 0 0 1-.796.293Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-trash[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5 1.5h11'/%3E%3Cpath d='M2 2v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V2' stroke='%23A1A1A1'/%3E%3Cpath stroke='%23A1A1A1' stroke-linejoin='round' d='M4.5 4v4M7.5 4v4'/%3E%3Cpath d='M5 0h2a1 1 0 0 1 1 1H4a1 1 0 0 1 1-1Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-bar-up-yellow[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23E8C63C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 6c.3 0 .586.105.797.293l7.887 7a.944.944 0 0 1 .316.703.947.947 0 0 1-.33.699c-.209.185-.491.29-.787.293a1.206 1.206 0 0 1-.792-.281l-5.964-5.293V23c0 .265-.119.52-.33.707A1.203 1.203 0 0 1 15 24c-.299 0-.585-.105-.796-.293a.947.947 0 0 1-.33-.707V9.414L7.91 14.707a1.206 1.206 0 0 1-.793.28 1.202 1.202 0 0 1-.787-.292.948.948 0 0 1-.33-.699.944.944 0 0 1 .317-.703l7.887-7C14.415 6.105 14.702 6 15 6Z' fill='%23fff'/%3E%3Crect x='7' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3Crect x='13' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3Crect x='19' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-x-circle-fill[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23D1D2D5'/%3E%3Cpath d='m4.444 11.556 7.111-7.111M11.556 11.556 4.445 4.445' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-delete[data-v-676d1bac] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5 1.5h11'/%3E%3Cpath d='M2 2v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V2' stroke='%23A1A1A1'/%3E%3Cpath stroke='%23A1A1A1' stroke-linejoin='round' d='M4.5 4v4M7.5 4v4'/%3E%3Cpath d='M5 0h2a1 1 0 0 1 1 1H4a1 1 0 0 1 1-1Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .tab-header[data-v-676d1bac] {
    padding: 0 10px;
    height: 44px;
    line-height: 44px;
    background-color: #f0f0ee;
    font-size: 14px;
    cursor: pointer
 }

 .toggle-config[data-v-676d1bac] {
    margin-right: 5px;
    width: 8px;
    background-size: 8px 6px
 }

 .delete[data-v-676d1bac] {
    width: 12px;
    background-size: 12px 10px
 }

 .handle[data-v-676d1bac] {
    margin-left: 14px;
    width: 10px;
    background-size: 10px 8px
 }

 .toggle-visibility[data-v-676d1bac] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    margin-left: 14px;
    width: 12px;
    background-size: 12px 12px
 }

 .toggle-visibility[data-v-676d1bac]:checked {
    background-color: transparent;
    border-color: transparent
 }

 .mask[data-v-676d1bac] {
    position: fixed;
    z-index: 102;
    top: 33px;
    bottom: 0;
    right: 0;
    width: 327px;
    background-color: rgba(0,0,0,.5)
 }

 .alert[data-v-676d1bac] {
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%
 }

 .tab-header-wrapper[data-v-676d1bac] {
    position: relative;
    z-index: 103
 }

 .custom-tab-name[data-v-676d1bac] {
    background-color: transparent;
    width: 1px;
    outline: none
 }

 .btn-create[data-v-676d1bac] {
    margin-left: 14px;
    width: 12px;
    background-size: 12px 12px
 }

 .customize-view[data-v-6f669bec] {
    top: 12px
 }

 .title[data-v-6f669bec] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
 }

 .tab-item-wrapper[data-v-6f669bec] {
    overflow-y: auto;
    gap: 15px
 }

 dl[data-v-23a3a2f8] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-23a3a2f8] {
    color: #979797
 }

 dd[data-v-23a3a2f8],dt[data-v-23a3a2f8] {
    font-weight: 400;
    font-size: 10px
 }

 dl[data-v-04bce325] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-04bce325] {
    color: #979797
 }

 dd[data-v-04bce325],dt[data-v-04bce325] {
    font-weight: 400;
    font-size: 10px
 }

 dl[data-v-048e89b7] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-048e89b7] {
    color: #979797
 }

 dd[data-v-048e89b7],dt[data-v-048e89b7] {
    font-weight: 400;
    font-size: 10px
 }

 .card-body[data-v-6a056bf6] {
    font-size: 10px
 }

 .name[data-v-6a056bf6] {
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000!important
 }

 dl[data-v-cdf7ebd2] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-cdf7ebd2] {
    color: #979797
 }

 dd[data-v-cdf7ebd2],dt[data-v-cdf7ebd2] {
    font-weight: 400;
    font-size: 10px
 }

 dl[data-v-2974c986] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-2974c986] {
    color: #979797
 }

 dd[data-v-2974c986],dt[data-v-2974c986] {
    font-weight: 400;
    font-size: 10px
 }

 .btn-switch-symbol[data-v-b16f5854] {
    width: 15px;
    height: 12px;
    padding: 0;
    border: 0;
    background-image: url(/mstool/Vue/dist/main/img/sidebar_relatedInformation.png);
    background-position: -21px 0
 }

 .btn-switch-symbol[data-v-b16f5854]:hover {
    background-position: -40px 0
 }

 dl[data-v-7965fcb6] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-7965fcb6] {
    color: #979797
 }

 dd[data-v-7965fcb6],dt[data-v-7965fcb6] {
    font-weight: 400;
    font-size: 10px
 }

 .scoped-bootstrap .icon-list[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5.5h9M.5 4.5h9M.5 8.5h9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-plus-square[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='11' height='11' rx='1.5' stroke='%23027d42'/%3E%3Cpath fill='%23027d42' d='M3 5h6v2H3z'/%3E%3Cpath fill='%23027d42' d='M5 9V3h2v6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-minus-square[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='11' height='11' rx='1.5' stroke='%23EC4B3D'/%3E%3Cpath fill='%23EC4B3D' d='M3 5h6v2H3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-caret-up-filled[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0 .536 4.5h6.928L4 0Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-caret-down-filled[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5 7.464.5H.536L4 5Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-cup[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 4.2s.97 5.6 3.877 5.6c2.908 0 4.186-5.6 4.186-5.6' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-cup-with-handle[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 4.2s.97 5.6 3.877 5.6c2.908 0 2.908-3.36 2.908-3.36L11.2 7l.7-2.1' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-double-bottom[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='m3 4 2 5 2-3 2.5 4.5 2-5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-saucer[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 5.2S.5 8.8 6.677 8.8s4.186-3.6 4.186-3.6' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-saucer-with-handle[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.8 5.2S1 8.8 6.677 8.8 9.5 6 9.5 6l1.7 1 .7-2.1' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-flat-base[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2 11.5s0-6 1-6 .5 4 1.5 4S5.5 5 6 5s1 4.5 1.5 4.5 1-4 1.5-4 1 4 1.5 4 1-6.5 1-6.5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-ascending-base[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2 11.5s0-4 1-4 .5 2 1.5 2 1-3 1.5-3S7 9 7.5 9s1-3.5 1.5-3.5 1 2 1.5 2 1-4.5 1-4.5' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-consolidation[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath stroke='%23fff' stroke-width='.5' stroke-dasharray='1 1' d='M1.4 2.55h11.2M1.4 12.35h11.2'/%3E%3Cpath d='m2.8 6.3.416-.277-.527-.791-.353.882.464.186Zm1.4 2.1-.416.277.416.624.416-.624L4.2 8.4Zm1.4-2.1.416-.277-.416-.624-.416.624.416.277ZM7 8.4l-.416.277.478.717.385-.77L7 8.4Zm1.4-2.8.464-.186-.413-1.033-.498.995.447.224Zm1.4 3.5-.464.186.384.961.514-.899L9.8 9.1Zm-7.936.886.905-2.263.353-.883.104-.26.028-.07.008-.018.002-.005v-.001L2.8 6.3l-.464-.186-.001.002-.002.004-.007.019-.028.07-.104.26-.353.883-.905 2.262.928.372Zm.52-3.409 1.4 2.1.832-.554-1.4-2.1-.832.554Zm2.232 2.1 1.4-2.1-.832-.554-1.4 2.1.832.554Zm.568-2.1 1.4 2.1.832-.554-1.4-2.1-.832.554Zm2.263 2.047 1.4-2.8-.894-.448-1.4 2.8.894.448Zm.489-2.838 1.4 3.5.928-.372-1.4-3.5-.928.372Zm2.298 3.562 2.8-4.9-.868-.496-2.8 4.9.868.496Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-ipo-base[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='2' fill='%2306c067'/%3E%3Cpath d='M2.5 11.5s-.663-5 1-5 0 4.5 2 4.5.5-5 2-5 .5 5 2.5 5 1.5-8 1.5-8' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .btn-set-price-alert[data-v-c5a9e69c]:disabled,.scoped-bootstrap .icon-bell-plus[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.167 17.667a.834.834 0 0 1-.784-1.118l.038-.088.963-1.926a5.834 5.834 0 0 0 .61-2.338l.006-.27V9.332a5.001 5.001 0 0 1 4.167-4.93V3.5a.833.833 0 0 1 1.666 0l.001.903a5.002 5.002 0 0 1 4.162 4.725l.004.205v2.593c0 .815.17 1.62.5 2.364l.116.245.963 1.926a.834.834 0 0 1-.65 1.2l-.096.006H9.667a1.667 1.667 0 1 1-3.334 0H2.167ZM8 6a3.333 3.333 0 0 0-3.33 3.167l-.003.166v2.593A7.5 7.5 0 0 1 4 15.018l-.125.262-.36.72h8.97l-.36-.72a7.5 7.5 0 0 1-.786-3.063l-.006-.29V9.332A3.333 3.333 0 0 0 8 6Z' fill='%2306c067'/%3E%3Cpath stroke='%2306c067' stroke-linecap='round' stroke-linejoin='round' d='M13.5 3.5h4M15.5 1.5v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .btn-set-price-alert[data-v-c5a9e69c],.scoped-bootstrap .icon-bell-plus-filled[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.692 5.889 8 5l2.308 1.333 1.153 2.223v4L13 17H3l.77-2.667.768-4V8.111L5.692 5.89Z' fill='%2306c067'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.167 17.667a.834.834 0 0 1-.784-1.118l.038-.088.963-1.926a5.834 5.834 0 0 0 .61-2.338l.006-.27V9.332a5.001 5.001 0 0 1 4.167-4.93V3.5a.833.833 0 0 1 1.666 0l.001.903a5.002 5.002 0 0 1 4.162 4.725l.004.205v2.593c0 .815.17 1.62.5 2.364l.116.245.963 1.926a.834.834 0 0 1-.65 1.2l-.096.006H9.667a1.667 1.667 0 1 1-3.334 0H2.167ZM8 6a3.333 3.333 0 0 0-3.33 3.167l-.003.166v2.593A7.5 7.5 0 0 1 4 15.018l-.125.262-.36.72h8.97l-.36-.72a7.5 7.5 0 0 1-.786-3.063l-.006-.29V9.332A3.333 3.333 0 0 0 8 6Z' fill='%2306c067'/%3E%3Cpath stroke='%2306c067' stroke-linecap='round' stroke-linejoin='round' d='M13.5 3.5h4'/%3E%3Cpath stroke='%23F48027' stroke-linecap='round' stroke-linejoin='round' d='M15.5 1.5v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-up-circle-fill-green[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23439741'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 6c.3 0 .586.105.797.293l7.887 7a.944.944 0 0 1 .316.703.947.947 0 0 1-.33.699c-.208.185-.491.29-.787.293a1.206 1.206 0 0 1-.792-.281l-5.964-5.293V23c0 .265-.118.52-.33.707a1.203 1.203 0 0 1-.796.293c-.3 0-.586-.105-.797-.293a.947.947 0 0 1-.33-.707V9.414L7.91 14.707a1.206 1.206 0 0 1-.793.28 1.202 1.202 0 0 1-.787-.292.948.948 0 0 1-.33-.699.944.944 0 0 1 .317-.703l7.887-7C14.415 6.105 14.702 6 15 6Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-down-circle-fill-red[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23D64541'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 24c-.298 0-.585-.106-.796-.293l-7.887-7A.943.943 0 0 1 6 16.003a.947.947 0 0 1 .33-.698c.208-.185.491-.29.786-.293.296-.002.58.099.793.28l5.964 5.294V7c0-.265.118-.52.33-.707.211-.188.498-.293.796-.293.3 0 .586.105.797.293.212.187.33.442.33.707v13.586l5.964-5.293c.212-.182.497-.283.793-.28.295.002.578.107.787.292a.947.947 0 0 1 .33.698.943.943 0 0 1-.317.704l-7.887 7a1.203 1.203 0 0 1-.796.293Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-trash[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5 1.5h11'/%3E%3Cpath d='M2 2v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V2' stroke='%23A1A1A1'/%3E%3Cpath stroke='%23A1A1A1' stroke-linejoin='round' d='M4.5 4v4M7.5 4v4'/%3E%3Cpath d='M5 0h2a1 1 0 0 1 1 1H4a1 1 0 0 1 1-1Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-arrow-bar-up-yellow[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23E8C63C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 6c.3 0 .586.105.797.293l7.887 7a.944.944 0 0 1 .316.703.947.947 0 0 1-.33.699c-.209.185-.491.29-.787.293a1.206 1.206 0 0 1-.792-.281l-5.964-5.293V23c0 .265-.119.52-.33.707A1.203 1.203 0 0 1 15 24c-.299 0-.585-.105-.796-.293a.947.947 0 0 1-.33-.707V9.414L7.91 14.707a1.206 1.206 0 0 1-.793.28 1.202 1.202 0 0 1-.787-.292.948.948 0 0 1-.33-.699.944.944 0 0 1 .317-.703l7.887-7C14.415 6.105 14.702 6 15 6Z' fill='%23fff'/%3E%3Crect x='7' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3Crect x='13' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3Crect x='19' y='5' width='4' height='2' rx='1' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-x-circle-fill[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23D1D2D5'/%3E%3Cpath d='m4.444 11.556 7.111-7.111M11.556 11.556 4.445 4.445' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .scoped-bootstrap .icon-delete[data-v-c5a9e69c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23A2A2A2' stroke-linecap='round' stroke-linejoin='round' d='M.5 1.5h11'/%3E%3Cpath d='M2 2v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V2' stroke='%23A1A1A1'/%3E%3Cpath stroke='%23A1A1A1' stroke-linejoin='round' d='M4.5 4v4M7.5 4v4'/%3E%3Cpath d='M5 0h2a1 1 0 0 1 1 1H4a1 1 0 0 1 1-1Z' fill='%23A1A1A1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
 }

 .gap[data-v-c5a9e69c] {
    gap: 10px
 }

 .pattern-icon[data-v-c5a9e69c] {
    width: 14px;
    height: 14px
 }

 .pattern-type[data-v-c5a9e69c] {
    font-size: 14px;
    margin-left: 5px
 }

 .btn-set-price-alert[data-v-c5a9e69c] {
    width: 20px;
    height: 20px
 }

 dt[data-v-c5a9e69c] {
    margin-bottom: 3px
 }

 dd[data-v-c5a9e69c] {
    font-size: 10px;
    line-height: 14px
 }

 .pivot-price[data-v-c5a9e69c] {
    height: 14px
 }

 .pivot-price dt[data-v-c5a9e69c] {
    margin-bottom: 0;
    margin-right: 3px
 }

 .loading[data-v-4585186b] {
    background-image: url(/mstool/Vue/dist/main/img/loading.gif);
    background-size: 64px;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px
 }

 .market-snapshot[data-v-0d044c3c] {
    padding: 10px
 }

 .market-snapshot-item[data-v-0d044c3c]:not(:last-of-type) {
    margin-bottom: 8px
 }

 .market-snapshot-title[data-v-0d044c3c] {
    font-size: 12px
 }

 .market-snapshot-content[data-v-0d044c3c] {
    font-size: 10px
 }

 .market-snapshot-icon[data-v-0d044c3c] {
    width: 30px;
    height: 30px
 }

 .big-picture-title[data-v-0d044c3c] {
    font-size: 12px
 }

 .big-picture-link[data-v-0d044c3c] {
    font-size: 10px;
    color: #080fa7;
    text-decoration: none
 }

 .big-picture-link[data-v-0d044c3c]:focus,.big-picture-link[data-v-0d044c3c]:hover {
    text-decoration: underline
 }

 .big-picture-article[data-v-0d044c3c] {
    cursor: pointer
 }

 .big-picture-article[data-v-0d044c3c]:not(:last-of-type) {
    margin-bottom: 10px
 }

 .big-picture-article:focus .big-picture-article-content[data-v-0d044c3c],.big-picture-article:hover .big-picture-article-content[data-v-0d044c3c] {
    text-decoration: underline
 }

 .big-picture-article-image[data-v-0d044c3c] {
    width: 48px;
    height: 48px
 }

 .big-picture-article-content[data-v-0d044c3c] {
    font-size: 11px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
 }

 .big-picture-article-time[data-v-0d044c3c] {
    font-size: 8px;
    color: #979797
 }

 dl[data-v-6ed68db5] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-6ed68db5] {
    color: #979797
 }

 dd[data-v-6ed68db5],dt[data-v-6ed68db5] {
    font-weight: 400;
    font-size: 10px
 }

 dl[data-v-a2c2513c] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-a2c2513c] {
    color: #979797
 }

 dd[data-v-a2c2513c],dt[data-v-a2c2513c] {
    font-weight: 400;
    font-size: 10px
 }

 text[data-v-a2c2513c] {
    font-size: 10px;
    fill: #000
 }

 dl[data-v-0fd27767] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-0fd27767] {
    color: #979797
 }

 dd[data-v-0fd27767],dt[data-v-0fd27767] {
    font-weight: 400;
    font-size: 10px
 }

 dl[data-v-37a80953] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-37a80953] {
    color: #979797
 }

 dd[data-v-37a80953],dt[data-v-37a80953] {
    font-weight: 400;
    font-size: 10px
 }

 dt[data-v-37a80953] {
    display: inline-block;
    border-left: 11px solid;
    padding-left: 5px
 }

 dl[data-v-5ce60836] {
    display: flex;
    justify-content: space-between
 }

 dl.header[data-v-5ce60836] {
    color: #979797
 }

 dd[data-v-5ce60836],dt[data-v-5ce60836] {
    font-weight: 400;
    font-size: 10px
 }

 dt[data-v-5ce60836] {
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
 }

 .symbol-header[data-v-50e49f7b] {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px
 }

 .component-list[data-v-50e49f7b] {
    height: 100%;
    width: 100%;
    overflow-y: auto
 }

 .custom-tab[data-v-e446bc78],.industry-and-sector[data-v-797d7c8c] {
    top: 30px
 }

 .market-tab[data-v-41e9ef88] {
    margin-top: 10px
 }

 .loading[data-v-41e9ef88] {
    position: absolute;
    left: 25px;
    top: -22px;
    height: 23px;
    width: 53px;
    background-image: url(data:image/gif;base64,R0lGODlhJQASAJEDAPT29Sw6NV+feAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAwADACwAAAAAJQASAAAChpyPqcsHD6OcVDqBY9gCih1omxge2Pl8IAQGHaCOMNgN8PnG4dO+7f4D2HC5Hq91XAGCQ1wKOaMlZTrhDRXlTIHQahNbzbq2z9U3I/ZBg2IrsUw1LrvIc1E6V7K9V3RYp6bE95Y2dTfWZtAHt5OHGHNY8xWh8nJkOYP5IalY4fkZ0SA6KloAACH5BAUDAAMALAAAAAABAAEAAAICXAEAIfkEBQMAAwAsAAAAAAEAAQAAAgJcAQAh+QQFAwADACwAAAAAAQABAAACAlwBACH5BAUDAAMALAgAAgAGAA4AAAIPnIaJp43gGoxp0mEpyIoVACH5BAUDAAMALAEAAgAMAA4AAAIgnH8igAcyRGhJQRozjnbDi1lg822c4mlhF2ZjhXoBUAAAIfkEBQMAAwAsCAADAAUADQAAAguEjpmm7ewUFBOCAgAh+QQFAwADACwDAAUABgAJAAACDFyGgCu7t5Sbj8YpCgAh+QQFAwADACwDAAMABgANAAACEcyOloKsA94RUp7K0Ki6314AACH5BAUDAAMALAIAAgAHAA4AAAIXXIapGXLY3gDGIWdVZJnLrXUgswzCUgAAIfkEBQMAAwAsAgACABMADgAAAivcYqkrJ7iinDQ80+jIeoBoQd0Wccm3hCNWRqiiria7vElst7EmNJ/YyRQAACH5BAUDAAMALAIAAgATAA4AAAIwnI8IIxcSUhJ0rBElalX7HmUewzTMMxoglpId1JaGmHIm23axKs/HPQHGTDfa51AAACH5BAUDAAMALAIAAgATAA4AAAIlnI8pGZs/VoDQnUmNsxnxiVFb93xkpF0nd6IouLbeAQyhnJZUAQAh+QQFAwADACwBAAIAEwAOAAACHVyGacp6/Jpcs6LoJrZtc5+AIQeRmiSKpIqu5gAUACH5BAUDAAMALAEAAgAMAA4AAAIdnH8SyBvCYlhyvNiwoVRfzGmbZ0GiJXZH94QgUAAAIfkEBQMAAwAsAQACAAwADgAAAhqcf4FrIaFYk+nRGVe+Q+3EgV81IuUUolJUAAAh+QQFAwADACwBAAIAGwANAAACJpyPI8mNO4JrkMmJ3c158+99TShOpCNUyUkpXbbE2icLbES/nFwAACH5BAUDAAMALAgAAgAUAA4AAAIgnI85surI2HOxzSTqxU1uE3lfZ43ZSJWmuootu7mwKxUAIfkEBQMAAwAsDQACAA8ADQAAAhicjybJt53Wg25MKGm1mmd9Yd1IRuUBIAUAIfkEBQMAAwAsCAACABQADQAAAhdchqnL7Q+diLSmWY/dvA9MaZ4CjhFQAAAh+QQFAwADACwQAAIABQAMAAACDZQFFse7rMSDDsZJTwEAIfkEBQMAAwAsEAACAAUACwAAAg5EJCAXusjgk/LMaOezBQAh+QQFAwADACwQAAIAEwAOAAACJ5QyqcvtLFI4L8VxJ6qx1+Zpn9Id1OcN24i1rNWKbClz8QtfuI67BQAh+QQFAwADACwQAAIAEwAOAAACK0SGqSnTh9pSMsG5WsXZuXNx3iOEmGaJlKeuGtiOQ1C2KGJydyzjOsPKtQoAIfkEBQMAAwAsEAACABEADQAAAhucjzlioS/cU6xNJe/LevB+fJcIkht4opQCGAUAIfkEBQMAAwAsEAACABIADgAAAh3Ujqm7gcCSi7TSOaDFNurKdcsnlgo5BEaphqYFFAAh+QQFAwADACwQAAIADAAOAAACF5x/gWshvBRsQzI7Xc17evqFHoaQ3FQAACH5BAUDAAMALA8AAgANAA0AAAIdnBd3qc0NzYMpiIiEnUgFe1GahnXlaS5DiJYcpxQAIfkEBQMAAwAsDwACAA0ADQAAAh+cf4G7yuiaiUE8USOjb+ChTeJhMV8ofR24TipSskYBACH5BAUDAAMALBcABAAFAAwAAAIMjI+pG3IOm4yQAggKACH5BAUDAAMALBcAAwAFAAsAAAIKVI6pyx12oHxIFAAh+QQFAwADACwXAAoABAAFAAACBYyPJrdWACH5BAUDAAMALAAAAAABAAEAAAICXAEAIfkEBQMAAwAsAAAAAAEAAQAAAgJcAQAh+QQFAwADACweAAMABAANAAACCJSPqcsM90wBACH5BAUDAAMALB4AAgAFAA0AAAIP3BKGdu3pVIPsRZloE64AACH5BAUDAAMALB4AAgAFAA4AAAIPXIZ5a3vW4GsOSqokY+gVACH5BAUDAAMALAAAAAABAAEAAAICXAEAOw==);
    background-size: 38px 18px;
    background-repeat: no-repeat
 }

 .owners-and-funds[data-v-8c514fce] {
    top: 30px;
    overflow-y: auto
 }

 .custom-relative-strength-line .label[data-v-28c2b4cf] {
    margin-bottom: 5px;
    font-size: 14px;
    color: #009
 }

 .custom-relative-strength-line .square-fill[data-v-28c2b4cf] {
    width: 14px;
    height: 14px
 }

 .custom-relative-strength-line .rectangle-fill[data-v-28c2b4cf] {
    width: 32px;
    height: 18px
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-form-item {
    margin-bottom: 0
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-form-item__error {
    top: 40px;
    right: 0;
    left: auto;
    font-size: 11px;
    color: red
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-form-item .el-icon-warning-outline {
    display: none
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-form-item.is-error .el-input__inner {
    color: red
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-form-item.is-error .el-input__inner:focus,.custom-relative-strength-line[data-v-28c2b4cf] .el-form-item.is-error .el-input__inner:hover {
    border-color: red
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-form-item.is-error .el-icon-warning-outline {
    display: block;
    color: red
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-select {
    width: 100%
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-select-dropdown__item {
    padding: 0 12px;
    font-size: 12px
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-select__caret.el-icon-arrow-up:before {
    content: "\e78f";
    color: #1a1a1a
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-row {
    margin-bottom: 12px
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-input__inner:focus,.custom-relative-strength-line[data-v-28c2b4cf] .el-input__inner:hover,.custom-relative-strength-line[data-v-28c2b4cf] .el-select .el-input.is-focus .el-input__inner {
    border-color: #dcdfe6
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .category-select .el-input__inner {
    background-color: #f0f0ee;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .symbol-input .el-input__inner {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-checkbox__inner {
    width: 10px;
    height: 10px
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-checkbox__inner:after {
    left: 3px;
    top: 0
 }

 .custom-relative-strength-line[data-v-28c2b4cf] .el-checkbox__label {
    padding-left: 4px;
    font-size: 11px
 }

 .pop-up-custom-relative-strength-lines[data-v-7500f0b9] {
    position: relative;
    width: 450px;
    left: calc(50% - 225px);
    top: calc(50% - 255px);
    border: 1px solid #666;
    border-radius: 9px;
    background-color: #f5f5f5;
    z-index: 9999
 }

 .pop-up-custom-relative-strength-lines main .icon-x-circle-fill[data-v-7500f0b9] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px
 }

 .pop-up-custom-relative-strength-lines main[data-v-7500f0b9] .el-tabs__header {
    margin-bottom: -1px
 }

 .pop-up-custom-relative-strength-lines main[data-v-7500f0b9] .el-tabs__header .el-tabs__nav {
    border: 0
 }

 .pop-up-custom-relative-strength-lines main[data-v-7500f0b9] .el-tabs__header .el-tabs__nav-scroll {
    padding-top: 8px
 }

 .pop-up-custom-relative-strength-lines main[data-v-7500f0b9] .el-tabs__header .el-tabs__nav .el-tabs__item {
    width: 138px;
    margin-right: 5px;
    border: 1px solid #009;
    border-radius: 4px 4px 0 0;
    color: #004099;
    text-align: center;
    background-color: #d1d2d5
 }

 .pop-up-custom-relative-strength-lines main[data-v-7500f0b9] .el-tabs__header .el-tabs__nav .el-tabs__item:focus,.pop-up-custom-relative-strength-lines main[data-v-7500f0b9] .el-tabs__header .el-tabs__nav .el-tabs__item:hover {
    color: #004099;
    font-weight: 700
 }

 .pop-up-custom-relative-strength-lines main[data-v-7500f0b9] .el-tabs__header .el-tabs__nav .el-tabs__item.is-active {
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #f5f5f5;
    background-color: #f5f5f5
 }

 .pop-up-custom-relative-strength-lines main[data-v-7500f0b9] .el-tabs__header .el-tabs__nav .el-tabs__item:first-child {
    border-left: 1px solid #009
 }

 .pop-up-custom-relative-strength-lines main[data-v-7500f0b9] .el-tabs__content {
    padding: 12px 16px 0;
    border: 1px solid #009
 }

 .pop-up-custom-relative-strength-lines main[data-v-7500f0b9] main.additional-empty .el-tabs__item[id=tab-additional] {
    background-color: #f5f5f5
 }

 .screen-list-selector .button {
    font-size: 11px;
    background: linear-gradient(180deg,#fff,#ced4d9);
    border: 1px solid gray;
    border-radius: 3px;
    color: #000
 }

 .screen-list-selector-container {
    padding: 8px 0 8px 6px;
    border: 3px solid #bbb
 }

 .screen-list-selector-container .el-tabs--card>.el-tabs__header,.screen-list-selector-container .el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 0
 }

 .screen-list-selector-container .el-tabs--card>.el-tabs__header .el-tabs__item {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #004099;
    background-color: #d1d2d5;
    border: 1px solid #a1a1a1;
    border-radius: 4px 4px 0 0
 }

 .screen-list-selector-container .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    color: #1a1a1a;
    font-weight: 700;
    background-color: #fff;
    border-bottom: 1px solid #fff
 }

 .screen-list-selector-container .el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    position: relative;
    margin-right: 4px
 }

 .screen-list-selector-container .el-tabs--card>.el-tabs__header .el-tabs__item:first-child:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -5px;
    width: 4px;
    height: 1px;
    background-color: #a1a1a1
 }

 .screen-list-selector-container .el-main {
    position: relative
 }

 .screen-list-selector-container .el-main .el-scrollbar__wrap {
    max-height: 280px;
    padding-bottom: 13px;
    overflow-x: hidden
 }

 .screen-list-selector-container .el-main .warning {
    position: absolute;
    left: 4px;
    top: 0;
    width: calc(100% - 12px);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    z-index: 1
 }

 .screen-list-selector-container .el-tree-node__label {
    font-size: 12px;
    color: #000
 }

 .screen-list-selector-container .el-tree-node__expand-icon.is-leaf,.screen-list-selector-container .el-tree-node__expand-icon:not(.is-leaf)+.el-checkbox {
    display: none
 }

 .screen-list-selector-container .el-tree-node__expand-icon:not(.is-leaf)+.el-checkbox+.el-tree-node__label {
    font-weight: 700
 }

 .screen-list-selector-container .el-tree-node__content>label.el-checkbox {
    margin-left: 6px
 }

 .screen-list-selector-container .el-tree-node .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #004099;
    border-color: #004099
 }

 .stock-ideas-favorites[data-v-c0b35a82] {
    margin-left: -18px;
    margin-right: -16px
 }

 .stock-ideas-favorites .icon-square[data-v-c0b35a82] {
    display: inline-block;
    width: 10px;
    height: 10px
 }

 .stock-ideas-favorites .icon-square-list[data-v-c0b35a82] {
    background: #f4ca84
 }

 .stock-ideas-favorites .icon-square-screen[data-v-c0b35a82] {
    background: #9abf86
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-radio {
    margin-right: 74px;
    color: #6b6b6b
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-radio__input .el-radio__inner {
    width: 12px;
    height: 12px
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-radio__input.is-checked .el-radio__inner {
    border-color: #4f87f5;
    background: #4f87f5
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-radio__input.is-checked+.el-radio__label {
    color: #000;
    font-weight: 700
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main {
    height: 250px
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .el-scrollbar {
    height: 100%
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .el-scrollbar__wrap {
    overflow-x: hidden
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .ghost {
    opacity: .5;
    background: #ecf6fb
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item {
    font-size: 14px;
    color: #004e8e
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item:focus,.stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item:hover {
    background-color: #ecf6fb
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item:focus .action-bar>.view-link,.stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item:hover .action-bar>.view-link {
    display: inline
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item:focus .favorite-item-name,.stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item:hover .favorite-item-name {
    text-decoration: underline
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item:focus .favorite-item-count,.stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item:hover .favorite-item-count {
    color: #004e8e
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item-content {
    cursor: pointer
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item-count {
    color: #000
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item .action-bar {
    font-size: 14px
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item .action-bar .view-link {
    display: none;
    cursor: pointer
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item .action-bar .icon-delete {
    width: 12px;
    height: 10px;
    cursor: pointer
 }

 .stock-ideas-favorites[data-v-c0b35a82] .el-main .favorite-item .action-bar .icon-list {
    width: 10px;
    height: 8px;
    cursor: move
 }

 .ui-helper-hidden {
    display: none;
 }

 .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
 }

 .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
 }

 .ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
 }

 .ui-helper-clearfix:after {
    clear: both;
 }

 .ui-helper-clearfix {
    min-height: 0;
 }

 .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
 }

 .ui-front {
    z-index: 100;
 }

 .ui-state-disabled {
    cursor: default !important;
 }

 .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
 }

 .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 }

 .ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0;
 }

 .ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
 }

 .ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
 }

 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
 }

 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
 }

 .ui-accordion .ui-accordion-content {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 0;
    overflow: auto;
 }

 .ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
 }

 .ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
 }

 .ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none;
 }

 .ui-button-icon-only {
    width: 2.2em;
 }

 button.ui-button-icon-only {
    width: 2.4em;
 }

 .ui-button-icons-only {
    width: 3.4em;
 }

 button.ui-button-icons-only {
    width: 3.7em;
 }

 .ui-button .ui-button-text {
    display: block;
    line-height: normal;
 }

 .ui-button-text-only .ui-button-text {
    padding: .4em 1em;
 }

 .ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
 }

 .ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
 }

 .ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
 }

 .ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
 }

 input.ui-button {
    padding: .4em 1em;
 }

 .ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
 }

 .ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
 }

 .ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
 }

 .ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
 }

 .ui-buttonset {
    margin-right: 7px;
 }

 .ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
 }

 input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
 }

 .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
 }

 .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
 }

 .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
 }

 .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
 }

 .ui-datepicker .ui-datepicker-prev {
    left: 2px;
 }

 .ui-datepicker .ui-datepicker-next {
    right: 2px;
 }

 .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
 }

 .ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
 }

 .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
 }

 .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
 }

 .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
 }

 .ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
 }

 .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 49%;
 }

 .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
 }

 .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
 }

 .ui-datepicker td {
    border: 0;
    padding: 1px;
 }

 .ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
 }

 .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
 }

 .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
 }

 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
 }

 .ui-datepicker.ui-datepicker-multi {
    width: auto;
 }

 .ui-datepicker-multi .ui-datepicker-group {
    float: left;
 }

 .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
 }

 .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
 }

 .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
 }

 .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
 }

 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
 }

 .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
 }

 .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
 }

 .ui-datepicker-rtl {
    direction: rtl;
 }

 .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
 }

 .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
 }

 .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
 }

 .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
 }

 .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
 }

 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
 }

 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
 }

 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
 }

 .ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
 }

 .ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
 }

 .ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
 }

 .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
 }

 .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
 }

 .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
 }

 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
 }

 .ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
 }

 .ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
 }

 .ui-draggable .ui-dialog-titlebar {
    cursor: move;
 }

 .ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
 }

 .ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
 }

 .ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
 }

 .ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
 }

 .ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal;
 }

 .ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
 }

 .ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
 }

 .ui-menu .ui-state-disabled a {
    cursor: default;
 }

 .ui-menu-icons {
    position: relative;
 }

 .ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
 }

 .ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
 }

 .ui-menu .ui-menu-icon {
    position: static;
    float: right;
 }

 .ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
 }

 .ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
 }

 .ui-progressbar .ui-progressbar-overlay {
    background: url(../Common/images/animated-overlay.gif);
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
 }

 .ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
 }

 .ui-resizable {
    position: relative;
 }

 .ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
 }

 .ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none;
 }

 .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
 }

 .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
 }

 .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
 }

 .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
 }

 .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
 }

 .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
 }

 .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
 }

 .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
 }

 .ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
 }

 .ui-slider {
    position: relative;
    text-align: left;
 }

 .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
 }

 .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
 }

 .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
 }

 .ui-slider-horizontal {
    height: .8em;
 }

 .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
 }

 .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
 }

 .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
 }

 .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
 }

 .ui-slider-vertical {
    width: .8em;
    height: 100px;
 }

 .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
 }

 .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
 }

 .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
 }

 .ui-slider-vertical .ui-slider-range-max {
    top: 0;
 }

 .ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
 }

 .ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
 }

 .ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
 }

 .ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
 }

 .ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
 }

 .ui-spinner-up {
    top: 0;
 }

 .ui-spinner-down {
    bottom: 0;
 }

 .ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
 }

 .ui-tabs {
    position: relative;
    padding: .2em;
 }

 .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
 }

 .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
 }

 .ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
 }

 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
 }

 .ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
 }

 .ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
 }

 .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
 }

 .ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
 }

 body .ui-tooltip {
    border-width: 2px;
 }

 .ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
 }

 .ui-widget .ui-widget {
    font-size: 1em;
 }

 .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
 }

 .ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(../Common/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
 }

 .ui-widget-content a {
    color: #222222;
 }

 .ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url(../Common/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
 }

 .ui-widget-header a {
    color: #222222;
 }

 .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../Common/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
 }

 .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
 }

 .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(../Common/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
 }

 .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none;
 }

 .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(../Common/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
 }

 .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
 }

 .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(../Common/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
 }

 .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #363636;
 }

 .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(../Common/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
 }

 .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
 }

 .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
 }

 .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold;
 }

 .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
 }

 .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
 }

 .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
 }

 .ui-icon {
    width: 16px;
    height: 16px;
 }

 .ui-icon,.ui-widget-content .ui-icon {
    background-image: url(../Common/images/ui-icons_222222_256x240.png);
 }

 .ui-widget-header .ui-icon {
    background-image: url(../Common/images/ui-icons_222222_256x240.png);
 }

 .ui-state-default .ui-icon {
    background-image: url(../Common/images/ui-icons_888888_256x240.png);
 }

 .ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url(../Common/images/ui-icons_454545_256x240.png);
 }

 .ui-state-active .ui-icon {
    background-image: url(../Common/images/ui-icons_454545_256x240.png);
 }

 .ui-state-highlight .ui-icon {
    background-image: url(../Common/images/ui-icons_2e83ff_256x240.png);
 }

 .ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(../Common/images/ui-icons_cd0a0a_256x240.png);
 }

 .ui-icon-blank {
    background-position: 16px 16px;
 }

 .ui-icon-carat-1-n {
    background-position: 0 0;
 }

 .ui-icon-carat-1-ne {
    background-position: -16px 0;
 }

 .ui-icon-carat-1-e {
    background-position: -32px 0;
 }

 .ui-icon-carat-1-se {
    background-position: -48px 0;
 }

 .ui-icon-carat-1-s {
    background-position: -64px 0;
 }

 .ui-icon-carat-1-sw {
    background-position: -80px 0;
 }

 .ui-icon-carat-1-w {
    background-position: -96px 0;
 }

 .ui-icon-carat-1-nw {
    background-position: -112px 0;
 }

 .ui-icon-carat-2-n-s {
    background-position: -128px 0;
 }

 .ui-icon-carat-2-e-w {
    background-position: -144px 0;
 }

 .ui-icon-triangle-1-n {
    background-position: 0 -16px;
 }

 .ui-icon-triangle-1-ne {
    background-position: -16px -16px;
 }

 .ui-icon-triangle-1-e {
    background-position: -32px -16px;
 }

 .ui-icon-triangle-1-se {
    background-position: -48px -16px;
 }

 .ui-icon-triangle-1-s {
    background-position: -64px -16px;
 }

 .ui-icon-triangle-1-sw {
    background-position: -80px -16px;
 }

 .ui-icon-triangle-1-w {
    background-position: -96px -16px;
 }

 .ui-icon-triangle-1-nw {
    background-position: -112px -16px;
 }

 .ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
 }

 .ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
 }

 .ui-icon-arrow-1-n {
    background-position: 0 -32px;
 }

 .ui-icon-arrow-1-ne {
    background-position: -16px -32px;
 }

 .ui-icon-arrow-1-e {
    background-position: -32px -32px;
 }

 .ui-icon-arrow-1-se {
    background-position: -48px -32px;
 }

 .ui-icon-arrow-1-s {
    background-position: -64px -32px;
 }

 .ui-icon-arrow-1-sw {
    background-position: -80px -32px;
 }

 .ui-icon-arrow-1-w {
    background-position: -96px -32px;
 }

 .ui-icon-arrow-1-nw {
    background-position: -112px -32px;
 }

 .ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
 }

 .ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
 }

 .ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
 }

 .ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
 }

 .ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
 }

 .ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
 }

 .ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
 }

 .ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
 }

 .ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
 }

 .ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
 }

 .ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
 }

 .ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
 }

 .ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
 }

 .ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
 }

 .ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
 }

 .ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
 }

 .ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
 }

 .ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
 }

 .ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
 }

 .ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
 }

 .ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
 }

 .ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
 }

 .ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
 }

 .ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
 }

 .ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
 }

 .ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
 }

 .ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
 }

 .ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
 }

 .ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
 }

 .ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
 }

 .ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
 }

 .ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
 }

 .ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
 }

 .ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
 }

 .ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
 }

 .ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
 }

 .ui-icon-arrow-4 {
    background-position: 0 -80px;
 }

 .ui-icon-arrow-4-diag {
    background-position: -16px -80px;
 }

 .ui-icon-extlink {
    background-position: -32px -80px;
 }

 .ui-icon-newwin {
    background-position: -48px -80px;
 }

 .ui-icon-refresh {
    background-position: -64px -80px;
 }

 .ui-icon-shuffle {
    background-position: -80px -80px;
 }

 .ui-icon-transfer-e-w {
    background-position: -96px -80px;
 }

 .ui-icon-transferthick-e-w {
    background-position: -112px -80px;
 }

 .ui-icon-folder-collapsed {
    background-position: 0 -96px;
 }

 .ui-icon-folder-open {
    background-position: -16px -96px;
 }

 .ui-icon-document {
    background-position: -32px -96px;
 }

 .ui-icon-document-b {
    background-position: -48px -96px;
 }

 .ui-icon-note {
    background-position: -64px -96px;
 }

 .ui-icon-mail-closed {
    background-position: -80px -96px;
 }

 .ui-icon-mail-open {
    background-position: -96px -96px;
 }

 .ui-icon-suitcase {
    background-position: -112px -96px;
 }

 .ui-icon-comment {
    background-position: -128px -96px;
 }

 .ui-icon-person {
    background-position: -144px -96px;
 }

 .ui-icon-print {
    background-position: -160px -96px;
 }

 .ui-icon-trash {
    background-position: -176px -96px;
 }

 .ui-icon-locked {
    background-position: -192px -96px;
 }

 .ui-icon-unlocked {
    background-position: -208px -96px;
 }

 .ui-icon-bookmark {
    background-position: -224px -96px;
 }

 .ui-icon-tag {
    background-position: -240px -96px;
 }

 .ui-icon-home {
    background-position: 0 -112px;
 }

 .ui-icon-flag {
    background-position: -16px -112px;
 }

 .ui-icon-calendar {
    background-position: -32px -112px;
 }

 .ui-icon-cart {
    background-position: -48px -112px;
 }

 .ui-icon-pencil {
    background-position: -64px -112px;
 }

 .ui-icon-clock {
    background-position: -80px -112px;
 }

 .ui-icon-disk {
    background-position: -96px -112px;
 }

 .ui-icon-calculator {
    background-position: -112px -112px;
 }

 .ui-icon-zoomin {
    background-position: -128px -112px;
 }

 .ui-icon-zoomout {
    background-position: -144px -112px;
 }

 .ui-icon-search {
    background-position: -160px -112px;
 }

 .ui-icon-wrench {
    background-position: -176px -112px;
 }

 .ui-icon-gear {
    background-position: -192px -112px;
 }

 .ui-icon-heart {
    background-position: -208px -112px;
 }

 .ui-icon-star {
    background-position: -224px -112px;
 }

 .ui-icon-link {
    background-position: -240px -112px;
 }

 .ui-icon-cancel {
    background-position: 0 -128px;
 }

 .ui-icon-plus {
    background-position: -16px -128px;
 }

 .ui-icon-plusthick {
    background-position: -32px -128px;
 }

 .ui-icon-minus {
    background-position: -48px -128px;
 }

 .ui-icon-minusthick {
    background-position: -64px -128px;
 }

 .ui-icon-close {
    background-position: -80px -128px;
 }

 .ui-icon-closethick {
    background-position: -96px -128px;
 }

 .ui-icon-key {
    background-position: -112px -128px;
 }

 .ui-icon-lightbulb {
    background-position: -128px -128px;
 }

 .ui-icon-scissors {
    background-position: -144px -128px;
 }

 .ui-icon-clipboard {
    background-position: -160px -128px;
 }

 .ui-icon-copy {
    background-position: -176px -128px;
 }

 .ui-icon-contact {
    background-position: -192px -128px;
 }

 .ui-icon-image {
    background-position: -208px -128px;
 }

 .ui-icon-video {
    background-position: -224px -128px;
 }

 .ui-icon-script {
    background-position: -240px -128px;
 }

 .ui-icon-alert {
    background-position: 0 -144px;
 }

 .ui-icon-info {
    background-position: -16px -144px;
 }

 .ui-icon-notice {
    background-position: -32px -144px;
 }

 .ui-icon-help {
    background-position: -48px -144px;
 }

 .ui-icon-check {
    background-position: -64px -144px;
 }

 .ui-icon-bullet {
    background-position: -80px -144px;
 }

 .ui-icon-radio-on {
    background-position: -96px -144px;
 }

 .ui-icon-radio-off {
    background-position: -112px -144px;
 }

 .ui-icon-pin-w {
    background-position: -128px -144px;
 }

 .ui-icon-pin-s {
    background-position: -144px -144px;
 }

 .ui-icon-play {
    background-position: 0 -160px;
 }

 .ui-icon-pause {
    background-position: -16px -160px;
 }

 .ui-icon-seek-next {
    background-position: -32px -160px;
 }

 .ui-icon-seek-prev {
    background-position: -48px -160px;
 }

 .ui-icon-seek-end {
    background-position: -64px -160px;
 }

 .ui-icon-seek-start {
    background-position: -80px -160px;
 }

 .ui-icon-seek-first {
    background-position: -80px -160px;
 }

 .ui-icon-stop {
    background-position: -96px -160px;
 }

 .ui-icon-eject {
    background-position: -112px -160px;
 }

 .ui-icon-volume-off {
    background-position: -128px -160px;
 }

 .ui-icon-volume-on {
    background-position: -144px -160px;
 }

 .ui-icon-power {
    background-position: 0 -176px;
 }

 .ui-icon-signal-diag {
    background-position: -16px -176px;
 }

 .ui-icon-signal {
    background-position: -32px -176px;
 }

 .ui-icon-battery-0 {
    background-position: -48px -176px;
 }

 .ui-icon-battery-1 {
    background-position: -64px -176px;
 }

 .ui-icon-battery-2 {
    background-position: -80px -176px;
 }

 .ui-icon-battery-3 {
    background-position: -96px -176px;
 }

 .ui-icon-circle-plus {
    background-position: 0 -192px;
 }

 .ui-icon-circle-minus {
    background-position: -16px -192px;
 }

 .ui-icon-circle-close {
    background-position: -32px -192px;
 }

 .ui-icon-circle-triangle-e {
    background-position: -48px -192px;
 }

 .ui-icon-circle-triangle-s {
    background-position: -64px -192px;
 }

 .ui-icon-circle-triangle-w {
    background-position: -80px -192px;
 }

 .ui-icon-circle-triangle-n {
    background-position: -96px -192px;
 }

 .ui-icon-circle-arrow-e {
    background-position: -112px -192px;
 }

 .ui-icon-circle-arrow-s {
    background-position: -128px -192px;
 }

 .ui-icon-circle-arrow-w {
    background-position: -144px -192px;
 }

 .ui-icon-circle-arrow-n {
    background-position: -160px -192px;
 }

 .ui-icon-circle-zoomin {
    background-position: -176px -192px;
 }

 .ui-icon-circle-zoomout {
    background-position: -192px -192px;
 }

 .ui-icon-circle-check {
    background-position: -208px -192px;
 }

 .ui-icon-circlesmall-plus {
    background-position: 0 -208px;
 }

 .ui-icon-circlesmall-minus {
    background-position: -16px -208px;
 }

 .ui-icon-circlesmall-close {
    background-position: -32px -208px;
 }

 .ui-icon-squaresmall-plus {
    background-position: -48px -208px;
 }

 .ui-icon-squaresmall-minus {
    background-position: -64px -208px;
 }

 .ui-icon-squaresmall-close {
    background-position: -80px -208px;
 }

 .ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
 }

 .ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
 }

 .ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
 }

 .ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
 }

 .ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
 }

 .ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
 }

 .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 4px;
 }

 .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 4px;
 }

 .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 4px;
 }

 .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 4px;
 }

 .ui-widget-overlay {
    background: #aaaaaa url(../Common/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
 }

 .ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(../Common/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
 }

 body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: Arial,Geneva,sans-serif;
    font-size: 12px;
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: none;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
 }

 body table {
    border-spacing: 0px;
 }

 textarea {
    resize: none;
 }

 .chartPopupBody {
    overflow: hidden!important;
 }

 .MST {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
 }

 .sidebar {
    position: absolute;
    top: 33px;
    bottom: 200px;
    min-height: 540px;
 }

 .sidebar .label span {
    font: bold 13.88px Arial;
    color: white;
    position: relative;
    display: block;
    text-align: center;
    width: 260px;
    height: 20px;
    line-height: 24px;
    top: -15px;
    left: -118px;
    text-shadow: 1px 1px 1px #555;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0.8;
    letter-spacing: 0.3px;
 }

 .sidebar .viewChart span:nth-child(1) {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
 }

 .sidebar .locationDiv {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 50%;
 }

 .sidebar .label .labelAfter:hover ~ span,.sidebar .label:hover span,.sidebar .label span:hover {
    color: #555;
    opacity: 0.85;
 }

 .labelAfter div {
    width: 20px;
    height: 40px;
 }

 .sidebar .label:hover .labelAfter div,.sidebar .label .labelAfter:hover div {
    background: url(../../Images/community/label_arrowHV.png) no-repeat;
    opacity: 0.6;
    color: #555;
 }

 .sidebar .label:hover .toLeftArrow div,.sidebar .label .toLeftArrow:hover div {
    background: url(../../Images/community/label_arrowHV.png) no-repeat;
    transform: rotate(180deg) translate(10px,10px);
    -webkit-transform: rotate(180deg) translate(10px,10px);
    -moz-transform: rotate(180deg) translate(10px,10px);
    opacity: 0.6;
 }

 .screenerAlertsAndNotes .labelAfterSmall {
    left: -4px!important;
    background: linear-gradient(to right,#888,#aaa)!important;
    background: -webkit-linear-gradient(left,#888,#aaa)!important;
    height: 110px!important;
    top: -97px!important;
    padding-top: 92px!important;
 }

 .MST .relatedInformation .labelAfterSmall {
    left: -9px!important;
    background: linear-gradient(to left,#848282,#aaa)!important;
    background: -webkit-linear-gradient(right,#848282,#aaa)!important;
    height: 110px!important;
    top: -97px!important;
    padding-top: 92px!important;
    border-radius: 30px 0px 0px 30px!important;
    box-shadow: none!important;
 }

 .sidebar .label:hover {
    color: #555!important;
 }

 .sidebar .content {
    height: 100%;
    width: 1px;
    background-color: silver;
    position: absolute;
    overflow: hidden;
 }

 .dragDiv,.dragDivTool {
    position: absolute;
    left: 43%;
    width: 167px;
    color: white;
    padding: 0px 20px 0px 20px;
    display: none;
 }

 .dragDiv:hover {
    background: rgb(205,205,205) !important;
    cursor: s-resize;
 }

 .dragDiv hr,.dragDivTool hr {
    height: 1px;
    margin: 1px;
    background: #777;
    border: none;
 }

 .customizeListItemLayoutDragView {
    width: 240px;
    z-index: 100000;
    position: absolute;
    display: none;
 }

 #print-preview {
    height: 10px!important;
    width: 10px!important;
 }

 .tutorialBubble {
    display: none;
 }

 .showTutorialBubble .tutorialBubble {
    display: block;
 }

 .tutorialBubbleLeft {
    width: 150px;
    height: 50px;
    border: 3px solid #4a4c50;
    background-color: #cbf1df;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 8px;
    z-index: 111;
    font-weight: bold;
 }

 .tutorialBubbleLeft em {
    display: block;
    border-width: 12px;
    position: absolute;
    bottom: 15px;
    left: -26px;
    border-style: solid;
    border-color: transparent #7D7D7D transparent transparent;
    font-size: 0;
    line-height: 0;
 }

 .tutorialBubbleLeft span {
    display: block;
    border-width: 20px;
    position: absolute;
    bottom: 7px;
    left: -30px;
    border-style: solid;
    border-color: transparent #cbf1df transparent transparent;
    font-size: 0;
    line-height: 0;
 }

 .tutorialBubbleTop {
    width: 150px;
    height: 50px;
    border: 3px solid #4a4c50;
    background-color: #cbf1df;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 8px;
    z-index: 111;
    font-weight: bold;
 }

 .tutorialBubbleTop em {
    display: block;
    border-width: 9px;
    position: absolute;
    bottom: 59px;
    left: 55px;
    border-style: solid;
    border-color: transparent transparent #7D7D7D transparent;
    font-size: 0;
    line-height: 0;
 }

 .tutorialBubbleTop span {
    display: block;
    border-width: 20px;
    position: absolute;
    bottom: 44px;
    left: 44px;
    border-style: solid;
    border-color: transparent transparent #cbf1df transparent;
    font-size: 0;
    line-height: 0;
 }

 .tutorialBubbleCenter {
    width: 148px;
    height: 56px;
    border: 3px solid #4a4c50;
    background-color: #cbf1df;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 8px;
    z-index: 111;
    font-weight: bold;
 }

 .tutorialBubbleBottom {
    width: 150px;
    height: 50px;
    border: 3px solid #4a4c50;
    background-color: #cbf1df;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 8px;
    z-index: 111;
    font-weight: bold;
 }

 .tutorialBubbleBottom em {
    display: block;
    left: 65px;
    bottom: -19px;
    border-width: 9px;
    position: absolute;
    border-style: solid;
    border-color: #7D7D7D transparent transparent transparent;
    font-size: 0;
    line-height: 0;
 }

 .tutorialBubbleBottom span {
    display: block;
    left: 54px;
    bottom: -26px;
    border-width: 20px;
    position: absolute;
    border-style: solid;
    border-color: #cbf1df transparent transparent transparent;
    font-size: 0;
    line-height: 0;
 }

 .tutorialBubbleRight {
    width: 150px;
    height: 50px;
    border: 3px solid #4a4c50;
    background-color: #cbf1df;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 8px;
    z-index: 111;
    font-weight: bold;
 }

 .tutorialBubbleRight em {
    display: block;
    left: 150px;
    bottom: 17px;
    border-width: 9px;
    position: absolute;
    border-style: solid;
    border-color: transparent transparent transparent #7D7D7D;
    font-size: 0;
    line-height: 0;
 }

 .tutorialBubbleRight span {
    display: block;
    left: 135px;
    bottom: 6px;
    border-width: 20px;
    position: absolute;
    border-style: solid;
    border-color: transparent transparent transparent #cbf1df;
    font-size: 0;
    line-height: 0;
 }

 .tutorialBubble .numberContent {
    width: 35%;
    height: 100%;
    float: left;
 }

 .tutorialBubble .numberContent .tutorialBubbleCircleNumble {
    height: 19px;
    width: 19px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #06c067;
    float: left;
    text-align: center;
    font-size: 18px;
    font-weight: 200;
    margin-left: 20%;
    margin-top: 30%;
 }

 .tutorialBubble .textContent {
    width: 65%;
    height: 100%;
    float: left;
 }

 .tutorialBubble .textContent .tutorialBubbleText {
    top: 25%;
 }

 .showNumError {
    position: absolute;
    height: 15px;
    width: 116px;
    border: 1px solid;
    padding-left: 6px;
    padding-top: 4px;
    background: white;
    z-index: 10000;
    display: none;
 }

 .chartBtnsCnt {
    float: right;
 }

 .stockCharts .chart_container {
    height: 100%;
    position: absolute;
    right: 0;
 }

 .stockCharts {
    -moz-user-select: none;
 }

 .stockCharts .txtAdd {
    right: 290px !important;
    font-weight: bold !important;
    width: 80px !important;
    top: 6px !important;
 }

 .stockCharts .addToListBtn {
    right: 211px !important;
    width: 90px !important;
    height: 19px;
    border-radius: 3px;
    top: -4px !important;
    cursor: default;
 }

 .addToListBtn .showAddListText {
    width: 90px !important;
    height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
 }

 .stockCharts .expend {
    right: 183px !important;
    top: -3px !important;
    width: 23px;
    height: 18px;
 }

 .chartStockBtn {
    top: 4px;
    position: absolute;
    width: 19px;
    height: 18px;
 }

 .stockCharts div.chartStockBtn .chartStockBtnTools {
    width: 100%;
    height: 100%;
    position: absolute;
 }

 .stockCharts div.chartStockBtn .toolsLst li {
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Arial;
 }

 .stockCharts div.chartStockBtn .chartStockBtnChartButtonExpand {
    width: 100%;
    height: 100%;
    position: absolute;
 }

 .stockCharts div.chartStockBtn .chartStockBtnChartButtonAddToListBtn {
    width: 100%;
    height: 100%;
    position: absolute;
 }

 .MST .stockCharts .addToListBtn ul li.s-watchListItem {
    padding-left: 17px;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
 }

 .stockCharts div.chartStockBtn .orangeBell {
    position: absolute;
    height: 30px;
    left: -2px;
    margin-top: -4px;
 }

 .stockCharts div.chartStockBtn img {
    margin-top: 8px;
 }

 .stockCharts .receiveSymbolBox {
    right: 223px;
    width: 216px;
    height: 20px;
    position: absolute;
    top: 0px;
    background-color: red;
    display: none;
 }

 .stockCharts .chartComparison {
    right: 127px;
    background-position: -146px 0;
 }

 body .MST .stockCharts .comparisonIntro {
    width: 100px;
    height: 26px;
    position: absolute;
    bottom: 40px;
    left: 7px;
    border: 1px solid #000;
    font-size: 11px;
    background-color: white;
    z-index: 100;
    padding: 4px 0px 2px 3px;
 }

 body .MST .comparisonPercent {
    width: 288px;
    position: absolute;
    top: 10px;
    left: 2px;
    background-color: white;
    border: 1px solid #000;
    z-index: 55;
    padding: 0px;
    font-size: 11px;
    line-height: 16px;
    list-style: none;
 }

 body .MST .comparisonPercent li span:nth-child(1) {
    width: 60px;
    text-align: right;
    float: left;
    display: block;
 }

 body .MST .comparisonPercent span:nth-child(2) {
    width: 60px;
    padding-left: 5px;
    text-align: left;
    display: block;
    float: left;
 }

 body .MST .comparisonPercent span:nth-child(3) {
    width: 160px;
    text-align: left;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }

 .measureLength {
    top: -1000px;
    position: absolute;
 }

 .measureLength.eventLength {
    font-family: Arial;
    font-size: 8px;
 }

 .comparisonCompanyList {
    display: none;
    position: absolute;
    top: 0px;
    width: auto;
    background-color: white;
    color: #1D7BA7;
    font-size: 12px;
    border: 5px solid rgba(170,170,170,.6);
    left: 160px;
    margin-left: -150px;
    margin-top: 29px;
    z-index: 1024;
 }

 .comparisonCompanyList .headSym {
    color: black;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 2px;
 }

 .comparisonCompanyList .contentSym {
    width: 100% !important;
    margin: 0px !important;
    right: 0px !important;
    top: 34px !important;
 }

 .comparisonCompanyList table {
    height: 100%;
    width: 100%;
    padding: 0px 5px 2px 0px;
    white-space: nowrap;
    border: 1px solid #AAA;
 }

 .comparisonCompanyList table tr td:first-child {
    width: 60px;
    padding: 1px 0px 2px 5px;
 }

 .comparisonCompanyList tr:hover {
    background-color: #cbf1df;
    cursor: pointer;
 }

 .comparisonDeleteLst li:hover {
    background-color: #cbf1df;
 }

 .comparisonDeleteLst li span:nth-child(2n+1) {
    margin-left: 0px;
    width: 27%;
    text-align: left;
    float: left;
    display: block;
    padding-left: 0px;
    font-size: 11px;
 }

 .comparisonDeleteLst li span:nth-child(2n) {
    margin-right: 5px;
    width: 70% !important;
    width: 50%;
    text-align: left;
    display: block;
    float: left;
    padding-left: 3px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
 }

 .comparisonDeleteLst tr:hover {
    background-color: #cbf1df !important;
 }

 .expendRecentSymbolDropDownMenu {
    display: none;
    position: absolute;
    z-index: 10000;
    background-color: #FFFFFF;
    border: 3px solid #8A8A8A;
    top: 28.5px;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    box-shadow: 2px 2px 2px #8A8A8A;
    z-index: 10000;
 }

 .expendRecentSymbolDropDownMenu div {
    width: 99.4%;
    height: 99%;
    border: 1px solid #667989;
    border-radius: 3px;
 }

 .comparisonDropDownMenu {
    height: 400px;
 }

 .expendRecentSymbolDropDownMenu table {
    height: 100%;
    width: 100%;
    padding: 6px 5px;
    white-space: nowrap;
 }

 .comparisonDropDownMenu table {
    width: 100%;
    height: auto;
 }

 .expendRecentSymbolDropDownMenu table tr:not(:first-child):not(:last-child):hover {
    background-color: #cbf1df;
 }

 .expendRecentSymbolDropDownMenu table tr td:first-child {
    width: 70px;
 }

 .expendRecentSymbolDropDownMenu table th {
    border-bottom: 1px solid #808080;
    height: 10px;
 }

 .expendRecentSymbolDropDownMenu table a {
    cursor: pointer;
    color: #82B2DC;
    font-weight: bold;
    text-decoration: none;
 }

 .expendRecentSymbolDropDownMenu table a:hover {
    text-decoration: underline;
    color: #61A6E2;
 }

 .expendRecentSymbolDropDownMenu table .selected,.comparisonCompanyList .selected {
    background-color: #FDD699;
 }

 .stockCharts .patternVolumeLargest {
    position: absolute;
    border: 1px solid rgb(236,153,4);
    width: 12px;
    height: 12px;
    border-radius: 10px 10px 10px 0px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: transparent;
 }

 .disabledButton {
    opacity: 0.5;
    cursor: default !important;
 }

 .chartBtnsImg {
    background-image: url(../../Images/stockChart/chartBtns.png);
    background-repeat: no-repeat;
 }

 .stockCharts .chart_hasConvertableIssue {
    background-position: -186px;
    display: inline-block;
    width: 15px;
    height: 11px;
    margin-right: 10px;
    position: relative;
    top: 2px;
 }

 .stockCharts .chart_menu_check {
    background-position: -220px 0;
 }

 .stockCharts .cmAlert .chartBtnsImg {
    background-position: -241px 0;
 }

 .stockCharts .cmdelAll .chartBtnsImg {
    background-position: -293px 0;
 }

 .stockCharts div.patternRecognitionOn.disabledButton:hover {
    background-position: -86px 0;
    cursor: default;
 }

 .stockCharts div.disabledButton:hover {
    background-position: -66px 0;
    cursor: default;
 }

 .stockCharts div.patternRecognitionOn {
    background-position: -86px 0;
 }

 .stockCharts .patternRecognition {
    right: 98px;
    background-position: -66px 0;
    cursor: pointer;
 }

 .stockCharts .help {
    right: 32px;
    top: 3px;
    background: url(../../Images/help.png) no-repeat scroll center center transparent;
 }

 .stockCharts div.tools.chartToolContainerBtn {
    position: absolute;
    right: 40px;
    width: 25px;
    height: 20px;
    background-image: url(../../Images/stockChart/tools.png);
    transform: scale(0.9);
    top: 2px;
    z-index: 99;
 }

 .stockCharts .toolsClicked {
    background-color: #ccc !important;
    background-image: url(../../Images/stockChart/tools_over.png);
 }

 .stockCharts .tools div.whiteTriangle {
    border-top-color: black;
    margin-right: 1px;
    margin-top: 13px;
 }

 .stockCharts .tools:hover {
    cursor: pointer;
    background-image: url(../../Images/stockChart/tools_over.png);
 }

 .patternRecognitionHelpMessage {
    position: absolute;
    right: 217px;
    z-index: 100000;
 }

 .patternRecognitionHelpMessage .messageCloseBtn {
    top: -8px;
    right: -5px;
 }

 .stockCharts .patternRecognition:hover {
    cursor: pointer;
    background-position: -46px 0;
 }

 .stockCharts .chartPopout {
    right: 156px;
    background-position: -106px 0;
 }

 .stockCharts .chartPopout:hover {
    cursor: pointer;
    background-position: -126px 0;
 }

 .stockCharts .chartComparison:hover {
    cursor: pointer;
    background-position: -166px 0;
 }

 .stockCharts .help:hover {
    cursor: pointer;
    background: url(../../Images/help_over.png) no-repeat scroll center center transparent;
    background-size: 14px;
 }

 .toolsLst {
    background: white;
    border: 3px solid #bbb;
    border-radius: 3px;
    width: 180px;
    z-index: 1025;
    display: none;
    font-size: 12px;
    max-height: 550px;
    overflow-x: hidden;
    overflow-y: auto;
 }

 .MST .stockCharts ul.toolsLstStyle {
    position: absolute;
    top: 20px !important;
    right: -93px !important;
    background: white;
    border: 3px solid #bbb;
    border-radius: 2px;
    width: 174px !important;
    right: 160px;
    z-index: 14;
    display: none;
    font-size: 12px;
    z-index: 9998;
    box-shadow: 2px 2px 4px #777;
    overflow-y: auto;
 }

 .stockCharts ul.toolsLstStyle li {
    padding: 3px 5px;
 }

 .stockCharts ul.toolsLstStyle li:hover {
    cursor: pointer;
 }

 .stockCharts .tools .toolsLst {
    z-index: 101;
    width: 180px;
    border-bottom: 4px solid #aaa;
    box-shadow: 3px 3px 6px #555;
    padding-top: 3px;
    float: right;
    margin-top: 3px;
    max-height: initial;
 }

 .toolsLst:focus {
    border: 3px solid #aaa;
 }

 .toolsLst li {
    list-style: none;
    padding: 0px 3px;
    text-align: left;
    list-style: none;
    overflow: visible;
    color: black;
    padding: 2px 0px;
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
 }

 .toolLst li:nth-last-child(2) {
    color: red !important;
 }

 .stockCharts .tools .toolsLst li.splitLi {
    height: 0px;
    padding: 1px;
    margin: 5px;
    border-bottom: 1px solid #888;
 }

 .stockCharts .tools .toolsLst li.toolsLstMenuHeader {
    padding: 1px;
    margin: 5px;
    font-weight: bolder;
 }

 .stockCharts .tools .toolsLst li {
    height: 15px;
    border: none;
    margin: 0px;
    padding-left: 20px;
    font-size: 12px;
 }

 .stockCharts .tools .toolsLst .nasdaqSMA {
    font-size: 11px;
 }

 .stockCharts .tools .toolsLst li input[type='radio'] {
    float: left;
    display: inline-block;
    margin: 0px 5px 0px -15px;
 }

 .tools .toolsLst .imgchecked div.chartBtnsImg {
    background-position: -207px 0;
    width: 10px;
    height: 15px;
    display: inline-block;
    margin: 0px 5px 0px -15px;
    float: left;
 }

 .tools .toolsLst li.disabledLi div.chartBtnsImg {
    display: none;
 }

 .stockCharts .tools .toolsLst li.disabledLi {
    color: #999;
    background: none !important;
    cursor: default;
 }

 div.msDataPopup {
    background: none repeat scroll 0 0 #E5EAF3;
    border: 1px solid #aaa;
    font-family: Arial;
    font-size: 11px;
    position: absolute;
    z-index: 20;
 }

 div.msDataPopup .itm .ppcapital {
    width: 59px;
    height: 14px;
    text-align: right;
 }

 div.msDataPopup .itm .ppcontent {
    margin-left: 9px;
    height: 14px;
 }

 div .msDataPopup > .sma {
    border-bottom: none;
 }

 div .msDataPopup > .sma .ppcontent span:last-child {
    float: right;
    margin-right: 2px;
 }

 div.msDataPopup .itm .u,div.msDataPopup .lst .u {
    color: #3333ee;
 }

 div.msDataPopup .itm .d,div.msDataPopup .lst .d {
    color: #E955BA;
 }

 div.msDataPopup > div {
    border-bottom: 1px dotted #555;
    padding-right: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
 }

 div.msDataPopup > div:last-child,div.msDataPopup div.lst {
    border-bottom: none;
 }

 div.msDataPopup div span.lbl {
    float: left;
    text-align: right;
    width: 45px;
 }

 #layer-0 {
    pointer-events: none;
    display: none;
 }

 #layer-0 .right-marker-mini {
    margin-top: -10px;
 }

 div.msDataPopup div span.val {
    float: right;
    width: 90px;
 }

 div div.dtLine {
    position: absolute;
    width: 100%;
    height: 100%;
 }

 div div.vLine {
    background: url(../../Images/dpVline.png) no-repeat 0px top;
    pointer-events: none;
 }

 div div.hLine {
    background: url(../../Images/dpHline.png) no-repeat right 0px;
    pointer-events: none;
    right: 0px;
    margin-top: -10px;
 }

 div div.hLineVisible {
    background: url(../../Images/dpHlineV.png) no-repeat right 0px;
 }

 div span.fpsLabel {
    font-family: Arial;
    font-size: 12pt;
    position: absolute;
    color: red;
    z-index: 20;
    float: right;
    width: 100%;
    text-align: left;
 }

 .fl {
    float: left;
 }

 .overHide {
    overflow: hidden;
 }

 .clear {
    clear: both;
 }

 .MST .sidebar.stockCharts {
    position: absolute;
    background-color: white;
    width: 100%;
    height: auto;
    top: 33px;
    overflow: hidden;
 }

 .MST .stockCharts #chartCnt {
    float: right;
    height: 90%;
    position: relative;
    overflow: hidden;
    top: 30px;
    margin-right: 15px;
    border: 1px solid black;
    min-height: 475px;
 }

 .MST .stockCharts #chartCnt > svg {
    pointer-events: none;
 }

 .MST .stockCharts .chart_stochasticChart {
    position: absolute;
 }

 .MST .stockCharts .nyseVolume {
    width: 112px;
    height: 17px;
    border: 1px solid #000;
    position: absolute;
    left: 6px;
    bottom: 7px;
    margin-bottom: 35px;
    z-index: -1;
    background-color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 17px;
 }

 .MST .sidebar.stockCharts .printCnt {
    float: right;
    height: 90%;
    position: relative;
    overflow: hidden;
    top: 30px;
    margin-right: 15px;
    border: 1px solid black;
    min-height: 400px;
    min-width: 400px;
 }

 .stockChartsText {
    float: right;
    position: relative;
    top: 30px;
    right: 45px;
    width: 100%;
    clear: both;
    margin-right: 15px;
 }

 .stockChartsNote {
    display: flex;
    flex-wrap: nowrap;
    font-size: 10px;
    font-family: arial,helvetica,sans-serif;
    line-height: 21px;
    margin-bottom: 5px;
 }

 .stockChartsNote .stockNoteWrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-grow: 1;
    margin-right: 10px;
 }

 .stockChartsNote span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    flex-shrink: 0;
    margin-left: 5px;
 }

 .stockChartsNote .stockNote {
    flex-grow: 1;
 }

 .stockChartsNote .chartLegendTime {
    line-height: 21px;
 }

 .stockChartsText .chartLegendLink {
    width: 75px;
    color: #73A9DC;
    position: relative;
    bottom: 5px;
    left: 0px;
    font-size: 11px;
    font-family: arial,helvetica,sans-serif;
    z-index: 1;
 }

 .stockChartsText .chartLegendLink:hover {
    text-decoration: underline;
    cursor: pointer;
 }

 .chartLegendTime {
    float: right;
    position: relative;
    top: 0px;
    right: 0px !important;
    font-size: 10px;
    font-family: arial,helvetica,sans-serif;
    line-height: 16px;
 }

 .symbolBasicInformation {
    height: 25px;
    width: auto;
    position: absolute;
    top: 0px;
    left: 45px;
    font-size: 19px;
    font-weight: bold;
 }

 .symbolBasicInformation .symbolInformation {
    float: left;
    margin-top: 4px;
 }

 .symbolBasicInformation .symbolFlag {
    float: left;
    margin-top: 4px;
    margin-left: 10px;
    height: 20px;
    width: 20px;
    background-position: 0 0;
 }

 .symbolBasicInformation .flagActive {
    background-position: -23px 0;
 }

 .stockCharts .symbolBasicInformation .goldAlert {
    background-image: url(../../Images/header/header.png);
    background-repeat: no-repeat;
 }

 .symbolBasicInformation .goldAlert {
    background-position: -798px 0;
    width: 36px;
    height: 29px;
    margin-top: 2px;
    cursor: pointer;
    line-height: 29px;
    float: left;
    position: relative;
 }

 .symbolBasicInformation .goldAlert:hover {
    background-position: -840px 0;
 }

 .symbolBasicInformation .goldAlert span {
    position: absolute;
    top: 8px;
    left: 15px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid white;
    background-color: #e6001c;
    font-size: 10px;
    color: white;
    line-height: 14px;
    text-align: center;
 }

 .stockChartsCanvas {
    position: absolute;
    top: 0;
    left: 0;
 }

 .show {
    display: block !important;
 }

 #stockChartsImg {
    width: 100%;
    height: 100%;
    display: none;
 }

 .printCanvas {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 2px;
    right: 66px;
 }

 .printCanvas:hover,.chartBtnsCnt .tools:hover {
    background-color: #ccc;
    cursor: pointer;
 }

 .chart_patternRecognitionContainer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    right: 0;
    pointer-events: none;
 }

 .chart_patternRecognitionContainer .patternRecognitionMarkups {
    cursor: pointer;
    transition: 1s;
    pointer-events: all;
 }

 .chart_patternRecognitionContainer .chart_patternRecognitionCanvas {
    position: absolute;
    right: 0;
    pointer-events: none;
 }

 .relativeStrengthMarkups {
    cursor: pointer;
    pointer-events: all;
 }

 .relativeStrengthHideItem {
    display: none;
    pointer-events: all;
 }

 .earningsEventMarkups {
    pointer-events: all;
 }

 .earningsEventHideItem,.earningsLineHideItem {
    display: none;
    pointer-events: all;
 }

 .earningsLineMarkups {
    pointer-events: all;
 }

 .earningsLineHover {
    cursor: pointer;
 }

 .earningsLineMarkups rect[y="NaN"] {
    display: none;
 }

 .chart_linePenContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    overflow: hidden;
    top: 0px;
    z-index: 22;
    pointer-events: none;
 }

 .chart_linePenContainer .chart_linePenCanvas {
    position: absolute;
    right: 0;
 }

 svg.chart_annotationCanvas .patternRecognitionMarkups,svg.chart_annotationCanvas .tightAreas.patternRecognitionMarkups,.stockCharts .saveLinePenMarkups,.stockCharts saveTriggerLinePenMarkups {
    cursor: pointer !important;
    pointer-events: all;
 }

 .chart_annotationContainer .chart_annotationCanvas .patternProfit,.chart_annotationContainer .chart_annotationCanvas .patternPivot,.chart_annotationContainer .chart_annotationCanvas .patternLoss {
    cursor: pointer;
    pointer-events: all;
 }

 .stockCharts .saveLinePenMarkups:hover + .saveLinePenTransparentHover,.stockCharts .linePenMarkups:hover + .linePenTransparentHover,.stockCharts saveTriggerLinePenMarkups:hover + .saveTriggerLinePenTransparentHover,.stockCharts .saveTriggerLinePenTransparentHover:hover,.stockCharts .linePenTransparentHover:hover,.stockCharts .saveLinePenTransparentHover:hover {
    display: block;
    cursor: pointer !important;
    stroke: #cbf1df !important;
 }

 .stockCharts .saveLinePenMarkups.saveLinePenHover {
    display: block;
    cursor: pointer !important;
    stroke: #cbf1df !important;
    pointer-events: all;
 }

 .stockCharts .KeyPricePatternRecognitionMarkups {
    position: absolute;
    font-size: 11px;
    background: #fff;
    border: 1px solid #6F6F6F;
    z-index: 2;
    text-align: center;
    padding: 3px 0 3px 0;
    font-weight: bold;
    right: 0px;
    top: -1px;
    display: none;
    pointer-events: all;
 }

 .stockCharts div.KeyPricePatternRecognitionMarkups {
    display: block;
    pointer-events: all;
 }

 .chart_patternRecognitionContainer .chart_patternRecognitionCanvas .textBackground,.chart_annotationContainer .patternRecognitionActive,.chart_annotationContainer .chart_annotationCanvas .textBackground {
    color: red;
 }

 .chart_patternRecognitionContainer .patternRecognitionHideItem,.chart_annotationContainer .patternRecognitionHideItem,.chart_patternRecognitionContainer .patternProfit,.chart_patternRecognitionContainer .patternPivot,.chart_patternRecognitionContainer .patternLoss {
    display: none;
    pointer-events: all;
 }

 .stockCharts .chart_annotationContainer .largestVolumePattern,.stockCharts .chart_annotationContainer .rsnewhigh {
    cursor: default !important;
 }

 .stockCharts .chart_alertContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    right: 0;
 }

 .stockCharts .chart_annotationContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 23!important;
    right: 0;
    overflow: hidden;
    pointer-events: none;
 }

 .stockCharts .chart_annotationContainer textarea.testAnnoTextLengthSpan {
    opacity: 0;
    font-size: 11px;
    overflow: hidden;
    font-family: Arial;
    pointer-events: none;
 }

 .stockCharts .chart_annotationContainer .startIndicatrix,.stockCharts .chart_annotationContainer .endIndicatrix {
    display: none;
    position: absolute;
    width: 2px;
    top: 0px;
    background-color: #E5EAF3;
    bottom: 31px;
    height: auto;
 }

 .stockCharts .chart_annotationContainer .chart_annotationCanvas {
    position: absolute;
    right: 0;
    pointer-events: none;
 }

 .stockCharts .chart_annotationContainer .chart_annotationCanvas text {
    cursor: default;
 }

 .stockCharts.delete .chart_annotationContainer line:hover,.stockCharts.delete .chart_annotationContainer g:hover,.stockCharts.delete .chart_annotationContainer rect:hover,.stockCharts.delete .chart_annotationContainer ellipse:hover,.stockCharts.delete .chart_annotationContainer polygon:hover,.stockCharts.delete .chart_annotationContainer path:hover,.stockCharts.delete .chart_annotationContainer text:hover,.MST .stockCharts.deleteHover {
    cursor: url(../../Images/stockChart/Trash.ico),auto;
 }

 .MST .stockCharts.delete .chart_annotationContainer .KeyPricePatternRecognitionMarkups:hover,.MST .stockCharts #chartCnt .chart_annotationContainer.linePenMiAndMia line:hover {
    cursor: default;
 }

 .stockCharts .chart_alertsContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 14;
    right: 0;
    overflow: hidden;
    pointer-events: none;
 }

 .stockCharts .chart_alertsContainer .chart_alertsCanvas {
    position: absolute;
    right: 0;
    pointer-events: none;
 }

 .MST .stockCharts .drawingPallet {
    left: 500px;
    top: 395px;
    position: absolute;
    width: 380px;
    height: 35px;
    z-index: 100;
    border: 1px solid #4a4c50;
    border-radius: 7px;
    background-color: #E5EAF3;
    font-size: 10px;
    font-weight: normal;
    display: none;
 }

 .drawingPallet .dockButton {
    position: absolute;
    float: right;
    width: 8px;
    height: 8px;
    top: 5px;
    right: 4px;
 }

 .drawingPallet .dockButton div.popout_dock {
    border: 1px solid;
    width: 6px;
    height: 7px;
    line-height: 6px;
    text-align: left;
    font-size: 12px;
 }

 .drawingPallet .dockButton div {
    cursor: pointer;
    margin: auto;
    width: 100%;
    height: 100%;
 }

 .drawingPallet .dockButton div:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
 }

 .selectedDiv .chartToolOption {
    cursor: pointer;
 }

 div.chartToolOptionImg {
    width: 17px;
    margin-left: 1px;
    margin-top: 4px;
    height: 14px;
 }

 .drawingPallet .drawingPalletButton {
    float: left;
    margin-top: 7px;
    margin-left: 6px;
    width: 20px;
    height: 20px;
    border: 1px solid #808080;
    cursor: pointer;
 }

 .drawingPallet .buttonActive {
    background: -webkit-linear-gradient(top,#fff,#FFE2CC) !important;
    background: -o-linear-gradient(top,#fff,#FFE2CC) !important;
    background: -moz-linear-gradient(top,#fff,#FFE2CC) !important;
    background: linear-gradient(to bottom,#fff,#FFE2CC) !important;
 }

 .drawingPallet .drawingPalletButton div.littleTriangleArrow {
    width: 0px;
    height: 0px;
    border-bottom: 5px solid #000;
    border-right: none;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    float: right;
    margin-top: -11px;
    margin-right: 1.5px;
 }

 .drawingPallet .drawingPalletButton.markupLineWeight .selected div.chartToolOptionImg {
    height: 3px;
    margin-top: 8px;
 }

 .drawingPallet .drawingPalletButton.markupLineWeight div.littleTriangleArrow {
    margin-top: -4px;
 }

 .chartToolOption:hover {
    background-color: #cbf1df;
 }

 .drawingPallet .drawingPalletButton .selected {
    width: 100%;
    height: 100%;
 }

 .chartBackgroundSelect {
    border: 1px outset #D2D3D5;
 }

 .markupShapSelect {
    border: 1px outset #D2D3D5;
 }

 .markupPatternSelect {
    border: 1px outset #D2D3D5;
 }

 .markupLineSelect {
    border: 1px outset #D2D3D5;
 }

 .markupColorSelect {
    border: 1px outset #D2D3D5;
 }

 .markupLineWeightSelect {
    border: 1px outset #D2D3D5;
 }

 .chartToolSelect {
    border: 1px outset #D2D3D5;
 }

 .chartToolOptionActive {
    background-color: #CACACA !important;
 }

 .drawingPallet .drawingPalletButton img {
    float: left;
    width: 70%;
    height: 70%;
    margin-left: 15%;
    margin-top: 15%;
 }

 .drawingPallet .separationLine {
    height: 20px;
    margin-top: 8px;
    margin-left: 15px;
    margin-right: 1px;
    float: left;
    width: 0px;
    border-right: 1px solid #4a4c50;
 }

 .drawingPallet .firstLine {
    margin-left: 8px;
 }

 .drawingPallet .secondLine {
    margin-left: 7px;
 }

 .drawingPallet .chartList img {
    width: 80%;
    height: 46%;
    margin-left: 10%;
    margin-top: 27%;
 }

 .drawingPallet .chartBackground img {
    width: 80%;
    height: 46%;
    margin-left: 10%;
    margin-top: 27%;
 }

 .chartBackgroundSelect {
    display: none;
    position: absolute;
    width: 45px;
    top: -2px;
    margin-left: 1px;
    background: #ffffff;
 }

 .drawingPallet .drawingPalletButton:hover {
    background: #cbf1df !important;
 }

 .hideDrawingOption {
    display: none !important;
 }

 .drawingPallet .hideDrawingOption:hover .chartToolOption {
    display: none !important;
 }

 .chartBackgroundSelect .chartBackgroundSelectOption {
    float: left;
    width: 50%;
    height: 21px;
    text-align: center;
    margin: auto;
 }

 .chartToolOptionImg,.toolPaletteCont .redockImg,.contextmenu li .chartToolOptionImg,.comparisonListCnt .comparisonDelete > span.chartToolOptionImg {
    background-repeat: no-repeat;
    margin: 3px;
    height: 15px;
    width: 16px;
    float: none;
 }

 .contextmenu li .chartToolOptionImg,.contextmenu li .chartBtnsImg {
    display: inline-block;
    float: left;
    margin-left: -33px !important;
    height: 20px;
    margin-top: -3px;
    width: 15px;
 }

 .contextmenu li .chartBtnsImg {
    margin-top: 0px;
 }

 div.chartTool_LineStyleNormal {
    background: url(../../Images/stockChart/Icons/Solid2.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
 }

 div.chartTool_LineStyleThick {
    background: url(../../Images/stockChart/Icons/Solid3.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
 }

 div.chartTool_LineStyleThin {
    background: url(../../Images/stockChart/Icons/Solid1.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
 }

 div.chartTool_LineStyledoted {
    background: url(../../Images/stockChart/Icons/Dotted1.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
 }

 div.chartTool_MacCommandSychartmenu_mbol {
    background-position: -64px 0;
 }

 div.chartTool_bg_Azure {
    background-position: -76px 0;
 }

 div.chartTool_bg_Blue {
    background: url(../../Images/stockChart/Icons/BackgroundColors/Bule.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_bg_Green {
    background: url(../../Images/stockChart/Icons/BackgroundColors/Green.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_bg_Red {
    background: url(../../Images/stockChart/Icons/BackgroundColors/Red.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_bg_Purple {
    background: url(../../Images/stockChart/Icons/BackgroundColors/Purple.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_bg_chart {
    background: url(../../Images/stockChart/Icons/BackgroundColor.png) no-repeat center;
    background-size: 100% 100%;
    width: 19px;
    margin-left: 1px;
 }

 div.chartTool_bg_White {
    background: url(../../Images/stockChart/Icons/BackgroundColors/White.png) no-repeat center;
    background-size: 100% 100%;
    width: 19px;
    margin-left: 1px;
 }

 div.chartTool_bg_Yellow {
    background: url(../../Images/stockChart/Icons/BackgroundColors/Yellow.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_chartmenu_Arrow {
    background-position: -184px 0;
 }

 div.chartTool_chartmenu_CloseListProperties {
    background-position: -188px 0;
 }

 div.chartTool_chartmenu_DragTool {
    background: url(../../Images/stockChart/Icons/Drag.png) no-repeat center;
    background-size: 50% 80%;
    height: 100%;
    margin: 0px 0px 0px 5px;
 }

 div.chartTool_chartmenu_LinePen,.stockCharts .contextmenu li.cmTLP .chartToolOptionImg {
    background: url(../../Images/stockChart/Icons/LinePen.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_chartmenu_MacOptionsLinePen {
    background-position: -228px 0;
 }

 div.chartTool_chartmenu_MacPalletLinePen {
    background-position: -329px 0;
 }

 div.chartTool_chartmenu_MacPalletTrack {
    background-position: -426px 0;
 }

 div.chartTool_chartmenu_PCOptionsLinePen {
    background-position: -574px 0;
 }

 div.chartTool_chartmenu_PCPalletLinePen {
    background-position: -684px 0;
 }

 div.chartTool_chartmenu_PCPalletTrack {
    background-position: -799px 0;
 }

 div.chartTool_chartmenu_Select,.stockCharts .contextmenu li.cmSelect .chartToolOptionImg {
    background: url(../../Images/stockChart/Icons/Select.png) no-repeat center;
    background-size: 100% 100%;
    width: 13px !important;
    height: 19px;
    margin: 2px 0px 0px 5px;
 }

 div.chartTool_chartmenu_T {
    background: url(../../Images/stockChart/Icons/TextBox.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_chartmenu_Track,.stockCharts .contextmenu li.cmTracePrice .chartToolOptionImg {
    background: url(../../Images/stockChart/Icons/TrackPrice.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_chartmenu_Trash,.stockCharts .contextmenu li.cmdel .chartToolOptionImg,.comparisonListCnt .comparisonDelete > span.chartToolOptionImg {
    background: url(../../Images/stockChart/Icons/Delete.png) no-repeat center;
    background-size: 75% 75%;
    width: 17px;
 }

 div.chartTool_chartmenu_chartList {
    background: url(../../Images/stockChart/Icons/MarkupList.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: 1px;
    width: 17px;
    margin-top: 5px;
 }

 div.chartTool_chartmenu_eye {
    background: url(../../Images/stockChart/Icons/HideAnnotations.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_chartmenu_redock {
    background: url(../../Images/stockChart/Icons/Dock.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_Azure {
    background: url(../../Images/stockChart/Icons/Colors/Teal.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_AzureLight {
    background: url(../../Images/stockChart/Icons/Colors/LightTeal.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color {
    background: url(../../Images/stockChart/Icons/button_icons/color.png) no-repeat left;
    background-size: 75% 75%;
    width: 16px;
 }

 div.chartTool_color_Black {
    background: url(../../Images/stockChart/Icons/Colors/Black.png) no-repeat center;
    background-size: 100% 100%;
    width: 16px;
 }

 div.chartTool_color_BlackLight {
    background: url(../../Images/stockChart/Icons/Colors/Gray.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_Blue {
    background: url(../../Images/stockChart/Icons/Colors/Blue.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_BlueLight {
    background: url(../../Images/stockChart/Icons/Colors/LightBlue.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_Green {
    background: url(../../Images/stockChart/Icons/Colors/LimeGreen.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_GreenLight {
    background: url(../../Images/stockChart/Icons/Colors/LightGreen.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_Pink {
    background: url(../../Images/stockChart/Icons/Colors/HotPink.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_PinkLight {
    background: url(../../Images/stockChart/Icons/Colors/LightPink.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_Red {
    background: url(../../Images/stockChart/Icons/Colors/Red.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_RedLight {
    background: url(../../Images/stockChart/Icons/Colors/Orange.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_Yellow {
    background: url(../../Images/stockChart/Icons/Colors/Yellow.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_color_YellowLight {
    background: url(../../Images/stockChart/Icons/Colors/DarkYellow.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_shape_Arc {
    background: url(../../Images/stockChart/Icons/Are.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_shape {
    background: url(../../Images/stockChart/Icons/RectangleSolid.png) no-repeat center;
    background-size: 100% 100%;
    margin: 3px;
 }

 div.chartTool_shape_Circle {
    background: url(../../Images/stockChart/Icons/CircleOutline.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_shape_FilledCircle {
    background: url(../../Images/stockChart/Icons/CircleSolid.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_shape_FilledRectangle {
    background: url(../../Images/stockChart/Icons/RectangleSolid.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_shape_Line {
    background: url(../../Images/stockChart/Icons/Line.png) no-repeat center;
    background-size: 100% 100%;
    height: 30px;
 }

 div.chartTool_shape_double_line {
    background: url(../../Images/stockChart/Icons/ParallelLines.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_shape_highlight {
    background-position: -1419px 0;
 }

 div.chartTool_shape_horizontal_line {
    background: url(../../Images/stockChart/Icons/horizontal_line-30.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_shape_shard {
    background: url(../../Images/stockChart/Icons/Pointer.png) no-repeat center;
    background-size: 100% 100%;
 }

 div.chartTool_shape {
    background: url(../../Images/stockChart/Icons/button_icons/rectangle.png) no-repeat center;
    background-size: 100% 100%;
    margin: 3px;
 }

 div.chartTool_shape_square {
    background: url(../../Images/stockChart/Icons/RectangleOutline.png) no-repeat center;
    background-size: 100% 100%;
    margin: 3px;
 }

 .stockCharts .contextmenu li.cmTLP .chartToolOptionImg,.stockCharts .contextmenu li.cmSelect .chartToolOptionImg {
    margin-top: 0px;
 }

 .markupShapSelect {
    display: none;
    position: absolute;
    width: 133px;
    top: -2px;
    margin-left: 1px;
    background: #ffffff;
 }

 .markupShapSelect .markupShapOption {
    height: 23px;
    line-height: 23px;
    font-size: 10px;
 }

 .markupShapSelect div.chartToolOptionImg {
    width: 15px;
    height: 15px;
    float: left;
    margin: 5px 3px 3px 4px;
 }

 .markupPatternSelect {
    display: none;
    position: absolute;
    width: 63px;
    top: -2px;
    margin-left: 1px;
    background: #ffffff;
 }

 .markupPatternSelect .markupPatternOption .chartToolOptionImg {
    height: 14px;
    width: 14px;
    float: left;
    margin: 5px 4px 0px 5px;
 }

 .markupPatternSelect .markupPatternOption {
    height: 23px;
    line-height: 23px;
    font-size: 10px;
 }

 .markupPatternSelect div.chartToolOptionImg {
    width: 16px;
    height: 9px;
    float: left;
    margin: 5px 3px 3px 4px;
 }

 .markupLineSelect {
    display: none;
    position: absolute;
    width: 105px;
    top: -2px;
    margin-left: 1px;
    background: #ffffff;
 }

 .markupLineSelect .markupLineOption {
    height: 23px;
    line-height: 23px;
    font-size: 10px;
 }

 .markupLineSelect div.chartToolOptionImg {
    width: 16px;
    height: 10px;
    float: left;
    margin: 7px 3px 3px 4px;
 }

 .markupColorSelect {
    display: none;
    position: absolute;
    width: 45px;
    top: -2px;
    margin-left: 1px;
    background: #ffffff;
 }

 .markupColorSelect .markupColorOption {
    float: left;
    width: 50%;
    height: 23px;
    line-height: 23px;
 }

 .markupColorSelect div.chartToolOptionImg {
    width: 14px;
    height: 14px;
    float: left;
    margin: 4px 0px 3px 5px;
 }

 .markupLineWeightSelect {
    display: none;
    position: absolute;
    width: 105px;
    top: -2px;
    margin-left: 1px;
    background: #ffffff;
 }

 .markupLineWeightSelect .markupLineWeightOption {
    height: 23px;
    text-align: center;
    line-height: 23px;
    font-size: 10px;
 }

 .markupLineWeightSelect div.chartToolOptionImg {
    width: 15px;
    height: 3px;
    float: left;
    margin: 7px 3px 3px 4px;
 }

 .chartToolSelect {
    display: none;
    position: absolute;
    width: 202px;
    top: -2px;
    margin-left: 1px;
    background: #ffffff;
 }

 .selected div.littleTriangleArrow {
    margin-top: -12px;
 }

 .chartToolSelect .markupToolOption {
    height: 23px;
    line-height: 23px;
    font-size: 10px;
 }

 .chartToolSelect div.chartToolOptionImg {
    width: 14px;
    height: 14px;
    float: left;
    margin: 3px 3px 3px 4px;
 }

 .drawingPallet .deleteMarkup .chartTool_chartmenu_Trash {
    float: left;
    width: 23px;
    height: 21px;
    margin-left: -2px;
    margin-top: 0%;
 }

 .drawingPallet .dragTool {
    float: left;
    width: 20px;
    height: 100%;
 }

 .drawingPallet .dragTool chartTool_chartmenu_DragTool {
    width: 100%;
    height: 100%;
 }

 .dailyBox {
    width: 325px;
    height: 177px;
    background-color: white;
    position: absolute;
    left: -1px;
    z-index: 15;
    display: none;
    border: 1px solid #000;
    top: 15px;
 }

 .chartbox .dailyBox.stochasticShow_BoxTop {
    top: 22.5%;
 }

 .chartbox .dailyBox.noBoxShow_BoxTop,.chartbox .weeklyBox.noBoxShow_BoxTop {
    top: 15px;
 }

 .chartbox .dailyBox.allBoxShow_BoxTop {
    top: 46px;
 }

 .chartbox .weeklyBox.stochasticShow_BoxTop {
    top: 22.9%;
 }

 .chartbox .weeklyBox.allBoxShow_BoxTop {
    top: 117px;
 }

 .dailyBox table th {
    text-align: center;
    padding: 0px 5px;
    font-weight: normal;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 11px;
 }

 .dailyBox table tr:first-child th div {
    height: 15px;
    text-align: center;
 }

 .dailyBox table th:last-child {
    border-right: none;
 }

 .dailyBox table {
    border-collapse: collapse;
    float: left;
 }

 .dailyBox table td {
    text-align: right;
    padding: 0px 5px 0px 0px;
    font-size: 12px;
    height: 16px;
    letter-spacing: -1px;
 }

 .dailyBox table td:first-child {
    text-align: left;
    padding-left: 5px;
 }

 .dailyBox .leftBox .content .cell:nth-last-child(2) .high,.dailyBox .leftBox .content .cell:last-child .high,.weeklyBox .topSection .leftSide .epsSection .content .cell:nth-last-child(2) .high,.weeklyBox .topSection .leftSide .epsSection .content .cell:last-child .high {
    text-align: center;
 }

 .dailyBox table.leftBox tr:last-child td:nth-child(4),.dailyBox table.leftBox tr:nth-last-child(2) td:nth-child(4) {
    padding: 0px;
 }

 .rightBox {
    width: 150px;
    height: 100%;
    float: left;
    border-left: 1px solid #000;
 }

 .stockCharts .chartbox .dailyBox .rightBox > div {
    width: 100%;
    height: 16px;
    float: right;
 }

 .rightBox .right {
    float: right;
    padding: 1px 0px 2px 5px;
 }

 .rightBox .left {
    float: left;
    padding: 1px 0px 2px 5px;
 }

 .rightBox tr td:first-child {
    text-align: left;
    padding-left: 5px;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox {
    float: left;
    width: 170px;
 }

 .MST table tr {
    height: 15px;
    font-size: 10px;
 }

 .MST table tr:first-child {
    height: 20px;
 }

 .MST table tr:first-child th {
    height: 20px;
    border-bottom: 1px solid #bbb;
 }

 .MST .chartbox table tr:first-child th {
    border-bottom: 1px solid #000;
 }

 .MST .stockCharts .chartbox .weeklyBox {
    width: 340px;
    position: absolute;
    background-color: white;
    z-index: 21;
    display: none;
    height: auto;
    top: 15px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #000;
    border-left-width: 0px;
    min-height: 304px;
    max-height: 100%;
    line-height: 16px;
    border-bottom: white;
    overflow: auto;
 }

 .MST .stockCharts .chartbox .quaterlyBox .blueTriangle {
    margin-left: -6px;
    margin-right: initial;
 }

 .MST .stockCharts .chartbox .quaterlyBox .currentValue .blueTriangle {
    float: right;
    margin-right: 32px;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .eps .blueTriangle {
    float: left;
    margin-left: 8px;
 }

 .MST .stockCharts .chartbox .weeklyBox .square,.MST .stockCharts .chartbox .dailyBox .square {
    width: 0;
    height: 0;
    border: 4px solid transparent;
    top: 3px;
    position: relative;
    float: right;
 }

 .MST .stockCharts .chartbox .weeklyBox .redTriangle,.MST .stockCharts .chartbox .dailyBox .redTriangle {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #FF0000;
    position: relative;
    float: right;
 }

 .MST .stockCharts .chartbox .weeklyBox .redTriangle {
    margin-right: 3px;
 }

 .MST .stockCharts .chartbox .weeklyBox .greenTriangle,.MST .stockCharts .chartbox .dailyBox .greenTriangle {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #06C067;
    position: relative;
    float: right;
 }

 .MST .stockCharts .chartbox .weeklyBox greenTriangle. {
 }

 .MST .stockCharts .chartbox .weeklyBox .arrowPosition {
    float: right;
 }

 .MST .stockCharts .chartbox .weeklyBox .greenSecondTriangle {
    top: -27px;
 }

 .MST .stockCharts .chartbox .weeklyBox .redSecondTriangle {
    top: 12px;
 }

 .weeklyBox .positiveItem {
    color: blue;
 }

 .MST .stockCharts .chartbox .weeklyBox .negativeItem {
    color: red;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection {
    float: left;
    position: relative;
    width: 100%;
    height: 257px;
    border-bottom: 1px black solid;
    text-align: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .cell .key {
    float: left;
    margin-left: 4px;
    text-align: left;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .cell .value {
    float: right;
    margin-right: 4px;
    text-align: right;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide {
    float: left;
    width: 50%;
    height: 100%;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection {
    float: left;
    width: 100%;
    height: 65.5%;
    border: 1px black solid;
    border-top: 0;
    border-left: 0;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .title {
    float: left;
    width: 100%;
    height: 16%;
    border-bottom: 1px black solid;
    text-align: center;
    line-height: 100%;
    overflow: hidden;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .title {
    float: left;
    width: 100%;
    height: 10%;
    border-bottom: 1px black solid;
    text-align: center;
    line-height: 100%;
    overflow: hidden;
    box-sizing: border-box;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .title {
    height: 30px;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .title .year {
    float: left;
    width: 24%;
    height: 100%;
    border-right: 1px black solid;
    text-align: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .title .year {
    float: left;
    width: 39%;
    height: 100%;
    border-right: 1px black solid;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .title .eps {
    float: left;
    width: 24%;
    height: 100%;
    border-right: 1px black solid;
    text-align: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .title .eps {
    float: left;
    width: 33%;
    height: 100%;
    border-right: 1px black solid;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .title .eps span,.MST .stockCharts .chartbox .dailyBox .leftBox .title .year span {
    top: 3px;
    position: relative;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .title .year span {
    position: relative;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .title .price {
    float: left;
    width: 50%;
    height: 100%;
    border: 0;
    text-align: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .title .epsChg {
    float: left;
    width: 26%;
    height: 100%;
    border: 0;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .title .price span,.MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .title .epsChg span {
    float: left;
    width: 50%;
    margin-top: 3px;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .content {
    float: left;
    height: 84%;
    width: 100%;
    position: relative;
    background: transparent;
    letter-spacing: -1px;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .content {
    float: left;
    height: 90%;
    width: 100%;
    position: relative;
    background: transparent;
    letter-spacing: -1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .content .cell {
    float: left;
    width: 100%;
    height: 111.1%;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .content .cell {
    float: left;
    width: 100%;
    height: 11.2%;
    border-bottom: 1px solid;
    flex: 1;
    display: flex;
    box-sizing: border-box;
    min-height: min-content;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .content .cell:nth-child(odd) {
    background-color: #E5EAF3;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .content .cell:nth-child(even) {
    background-color: #fff;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .content .cell:last-child {
    border-bottom-width: 0px;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .content .cell {
    height: 16px;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .content .cell .year {
    float: left;
    padding-left: 2%;
    width: 23%;
    height: 100%;
    text-align: left;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .content .cell .year {
    float: left;
    padding-left: 2%;
    width: 23%;
    height: 100%;
    text-align: left;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .content .cell .year {
    float: left;
    padding-left: 2%;
    width: 37%;
    height: 100%;
    text-align: center;
    border-right: 1px solid;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .content .cell .eps {
    float: left;
    padding-right: 2%;
    width: 23%;
    height: 100%;
    text-align: right;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .content .cell .eps {
    float: left;
    padding-right: 2%;
    width: 31%;
    height: 100%;
    text-align: right;
    border-right: 1px solid;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .title .cell .eps span,.MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .title .cell .eps span {
    margin-top: 3px;
    float: left;
    margin-left: 30%;
 }

 .dailyBox .leftBox .content .cell .high {
    float: left;
    padding-right: 2%;
    width: 21%;
    height: 100%;
    text-align: right;
 }

 .weeklyBox .topSection .leftSide .epsSection .content .cell .epsChg {
    float: left;
    padding-right: 0%;
    width: 26%;
    height: 100%;
    text-align: right;
    display: flex;
    justify-content: right;
    align-items: center;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .content .cell .low,.MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .content .cell .low {
    float: right;
    padding-right: 0%;
    width: 27%;
    height: 100%;
    text-align: center;
 }

 .MST .stockCharts .chartbox .dailyBox .leftBox .content .cell .low.negativeItem,.MST .stockCharts .chartbox .dailyBox .leftBox .content .cell .low.positiveItem,.MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .content .cell .low.negativeItem,.MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .epsSection .content .cell .low.positiveItem {
    text-align: right;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .ratioSection {
    float: left;
    width: 100%;
    height: 34.5%;
    border-right: 1px black solid;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .leftSide .ratioSection .cell {
    float: left;
    width: 100%;
    height: 16.66%;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide {
    float: left;
    width: 50%;
    height: 100%;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .ratingSection {
    float: left;
    width: 100%;
    height: 38%;
    border-bottom: 1px black solid;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .ratingSection .cell {
    float: left;
    width: 100%;
    height: 14.28%;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .growthRateSection {
    float: left;
    width: 100%;
    height: 38%;
    border-bottom: 1px black solid;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .growthRateSection .cell {
    float: left;
    width: 100%;
    height: 14%;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .miscSection {
    float: left;
    width: 48%;
    height: 24%;
    float: left;
    border-right: 1px black solid;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .miscSection .cell {
    float: left;
    height: 25%;
    width: 100%;
    line-height: 100%;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .ownershipSection {
    float: left;
    width: 49%;
    height: 24%;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .ownershipSection .title {
    height: 25%;
    width: 105%;
    border-bottom: 1px black solid;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .ownershipSection .cell {
    height: 25%;
    width: 100%;
    display: flex;
    justify-content: space-between;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .ownershipSection .cell .key,.MST .stockCharts .chartbox .weeklyBox .middleSection .founds .cell span:first-child {
    float: left;
    margin-left: 2px;
 }

 .MST .stockCharts .chartbox .weeklyBox .topSection .rightSide .ownershipSection .cell .value,.MST .stockCharts .chartbox .weeklyBox .middleSection .founds .cell span:last-child {
    float: right;
    margin-right: 4px;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection {
    float: left;
    position: relative;
    width: 100%;
    height: 82px;
    border-bottom: 1px black solid;
    text-align: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs {
    float: left;
    width: 74%;
    height: 100%;
    border-right: 1px solid #000;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .title {
    float: left;
    width: 100%;
    height: 16.66%;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .title .topRs {
    float: left;
    width: 40.3%;
    height: 100%;
    border: 1px black solid;
    border-top: 0;
    border-left: 0;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .title .symbol {
    float: left;
    width: 24%;
    height: 100%;
    border: 1px black solid;
    border-top: 0;
    border-left: 0;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .title .rs {
    float: left;
    width: 11%;
    height: 100%;
    border: 1px black solid;
    border-top: 0;
    border-left: 0;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .title .eps {
    float: left;
    width: auto;
    text-align: center;
    height: 100%;
    border-bottom: 1px black solid;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .cell {
    float: left;
    width: 100%;
    height: 16.66%;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .cell .topRs {
    margin-left: 4px;
    float: left;
    width: 38.3%;
    height: 100%;
    border: none;
    text-align: left;
    white-space: nowrap;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .cell .symbol {
    padding-left: 2%;
    float: left;
    width: 23.2%;
    height: 100%;
    border: none;
    text-align: left;
    cursor: pointer;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .cell .symbol .visitedSpan {
    border: 1px solid rgb(96,184,226);
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .cell .rs {
    padding-right: 2%;
    float: left;
    width: 9%;
    height: 100%;
    text-align: right;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .topRs .cell .eps {
    padding-right: 2%;
    float: left;
    width: 21%;
    height: 100%;
    text-align: right;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .founds {
    width: auto;
    height: 100%;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .founds .title {
    width: auto;
    height: 16.66%;
    border-bottom: 1px black solid;
 }

 .MST .stockCharts .chartbox .weeklyBox .middleSection .founds .cell {
    height: 20.8%;
    display: flex;
    justify-content: space-between;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .title {
    float: left;
    width: 100%;
    min-height: 16px;
    background: white;
    border-bottom: 1px black solid;
    display: flex;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .title .quarterly {
    float: left;
    width: 24%;
    height: 100%;
    border-right: 1px black solid;
    border-top: 0;
    border-left: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .title .eps {
    float: left;
    width: 18%;
    height: 100%;
    border-right: 1px black solid;
    border-top: 0;
    border-left: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .title .epsChg {
    float: left;
    width: 17.6%;
    height: 100%;
    border-right: 1px black solid;
    border-top: 0;
    border-left: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .title .sales {
    float: left;
    width: 22.7%;
    height: 100%;
    border-right: 1px black solid;
    border-top: 0;
    border-left: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .title .salesChg {
    float: left;
    width: 16%;
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell {
    float: left;
    width: 100%;
    height: 11.1%;
    min-height: 17px;
    line-height: 17px;
    border-bottom: 1px black solid;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(1) {
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(2) {
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(3) {
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(4) {
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(5) {
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(6) {
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(7) {
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(8) {
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(9) {
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:last-child {
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize .bottomSection .cell:nth-child(1) {
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize .bottomSection .cell:nth-child(2) {
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize .bottomSection .cell:nth-child(3) {
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize .bottomSection .cell:nth-child(4) {
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize .bottomSection .cell:nth-child(5) {
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize .bottomSection .cell:nth-child(6) {
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize .bottomSection .cell:nth-child(7) {
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize div.topSection {
    height: max(286px,46%);
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize div.middleSection {
    height: max(100px,16%);
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize div.bottomSection {
    height: max(284px,37.7%)
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize div.bottomSectionNoEPS {
    height: max(214px,37.7%)
 }

 .MST .stockCharts .chartbox .weeklyBox.defaultSize .bottomSection .cell {
    min-height: 21px;
    line-height: 21px;
    display: flex;
    height: 7.5%;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .black-line {
    border-top: 1px solid black;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(even) {
    background-color: #fff;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell:nth-child(odd) {
    background-color: #E5EAF3;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell .quarterly {
    float: left;
    width: 24%;
    height: 100%;
    border-right: 1px black solid;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell .eps {
    float: left;
    width: 16%;
    height: 100%;
    border-right: 1px black solid;
    text-align: right;
    padding-right: 2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell .epsChg {
    float: left;
    width: 15.6%;
    height: 100%;
    border-right: 1px black solid;
    text-align: right;
    padding-right: 2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell .sales {
    float: left;
    width: 21%;
    height: 100%;
    border-right: 1px black solid;
    text-align: right;
    padding-right: 2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .weeklyBox .bottomSection .cell .salesChg {
    float: left;
    width: 14%;
    height: 100%;
    border: none;
    text-align: right;
    padding-right: 2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
 }

 .MST .stockCharts .chartbox .quaterlyBox {
    position: absolute;
    bottom: 0px;
    height: 60px;
    width: 100%;
    z-index: 11;
    border-top: 1px solid #000;
    display: none;
 }

 .MST .stockCharts .chartbox .quaterlyBox > table {
    width: 100%;
    height: 100%;
 }

 .MST .stockCharts .chartbox .quaterlyBox > table td {
    height: 100%;
    width: 23%;
 }

 .MST .stockCharts .chartbox .quaterlyBox > table td:nth-last-child(2) {
    height: 100%;
    width: 22.5%;
 }

 .MST .stockCharts .chartbox .quaterlyBox > table table {
    border-right: 1px solid #000;
    width: 100%;
    height: 100%;
 }

 .MST .stockCharts .chartbox .quaterlyBox > table table td {
    height: 100%;
    font-size: 11px;
 }

 .MST .stockCharts .chartbox .quaterlyBox > table table td:nth-child(2) {
    text-align: right;
 }

 .MST .stockCharts .chartbox .quaterlyBox table th {
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 11px;
 }

 .MST .stockCharts .chartbox .quaterlyBox .q1Box,.MST .stockCharts .chartbox .quaterlyBox .q2Box,.MST .stockCharts .chartbox .quaterlyBox .q3Box,.quaterlyBox .q4Box {
    width: 100%;
    height: 76%;
 }

 .MST .stockCharts .chartbox .quaterlyBox .q5Box {
    border-right: none;
 }

 .MST .stockCharts .chartbox .quaterlyBox .q1Box tr td:first-child,.quaterlyBox .q2Box tr td:first-child,.quaterlyBox .q3Box tr td:first-child,.quaterlyBox .q4Box tr td:first-child,.quaterlyBox .q5Box tr td:first-child {
    padding-left: 10px;
 }

 .MST .stockCharts .chartbox .quaterlyBox .q1Box tr td:last-child,.quaterlyBox .q2Box tr td:last-child,.quaterlyBox .q3Box tr td:last-child,.quaterlyBox .q4Box tr td:last-child {
    padding-right: 10px;
    text-align: right;
 }

 .MST .stockCharts .chartbox .quaterlyBox .q1Box tr td:nth-last-child(2),.MST .stockCharts .chartbox .quaterlyBox .q2Box tr td:nth-last-child(2),.MST .stockCharts .chartbox .quaterlyBox .q3Box tr td:nth-last-child(2),.MST .stockCharts .chartbox .quaterlyBox .q4Box tr td:nth-last-child(2) {
    text-align: right;
 }

 .MST .stockCharts .chartbox .quaterlyBox,.MST .stockCharts .chartbox .quaterlyBox table,.MST .stockCharts .chartbox .quaterlyBox td,.MST .stockCharts .chartbox .quaterlyBox th,.MST .stockCharts .chartbox .quaterlyBox tr,.MST .stockCharts .chartbox .quaterlyBox tbody {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlySubBox {
    float: left;
    width: 22.3%;
    border-right: 1px solid black;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlySubBox .positiveItem {
    color: blue;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlySubBox .negativeItem {
    color: red;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlySubBox .quaterlyTitle {
    width: 100%;
    border-bottom: 1px solid black;
    text-align: center;
    white-space: nowrap;
    height: 14px;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlySubBox .quaterlyContent {
    width: 100%;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlySubBox .quaterlyContent .quaterlyContentRow {
    width: 100%;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlySubBox .quaterlyContent .quaterlyContentRow .currentValue {
    float: left;
    width: 29%;
    text-align: left;
    padding-left: 3%;
    min-height: 15px;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlySubBox .quaterlyContent .quaterlyContentRow .vsLabel {
    float: left;
    width: 18%;
    text-align: center;
    min-height: 15px;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlySubBox .quaterlyContent .quaterlyContentRow .previousValue {
    float: left;
    width: 18%;
    text-align: center;
    min-height: 15px;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlySubBox .quaterlyContent .quaterlyContentRow .changePercentage {
    float: left;
    width: 29%;
    text-align: right;
    padding-right: 3%;
    min-height: 15px;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlyLastBox {
    float: left;
    width: 10%;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlyLastBox .quaterlyTitle {
    width: 108%;
    border-bottom: 1px solid black;
    text-align: center;
    white-space: nowrap;
    height: 14px;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlyLastBox .quaterlyContent {
    width: 100%;
    white-space: nowrap;
 }

 .MST .stockCharts .chartbox .quaterlyBox .quaterlyLastBox .quaterlyContent .quaterlyContentRow {
    width: 97%;
    padding-left: 3%;
    min-height: 15px;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable {
    width: 100%;
    border-bottom: 1px solid #000;
    display: inline-table;
 }

 .MST .stockCharts .chartbox div.companyDesc table tr {
    height: 14px !important;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td {
    white-space: nowrap;
    padding-top: 0px;
    padding-bottom: 0px;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:first-child {
    padding-left: 5px;
    width: 60%;
    min-width: 203px;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr:nth-child(2) td:first-child span {
    height: 15px;
    position: relative;
    top: -1px;
    left: 64.4%;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr:nth-child(2) td:first-child img {
    float: left;
    margin: -4px 3px 0px 0px;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:nth-child(2) {
    width: 8%;
    padding-right: 1%;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:nth-child(3) {
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:nth-last-child(3) {
    text-align: right;
    padding-right: 10px;
    width: 6.4%;
    min-width: 10px;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:nth-last-child(2) {
    width: auto;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:last-child {
    text-align: right;
    padding-right: 10px;
    width: 193px;
    white-space: nowrap;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:last-child div {
    float: right;
    display: inline;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:last-child div.companyPriceTd {
    display: inline;
    float: left;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:last-child div.companyPriceBox {
    display: block;
    width: 193px;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:nth-child(2) div.symbolBox {
    display: block;
    width: 247px;
 }

 .MST .stockCharts .chartbox .companyDesc .companyDescTable tr td:nth-child(2) div.primaryExchangeTd {
    display: inline;
    float: left;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter {
    width: 100%;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter .cell {
    width: 100%;
    height: 15px;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter .cell .summaryHeadQuarter {
    width: 335px;
    float: left;
    padding-left: 5px;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter .cell .phone {
    float: left;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter .cell .companyLink {
    float: right;
    padding-right: 10px;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter .cell .shortStory {
    overflow: hidden;
    padding-left: 5px;
    height: 15px;
    word-break: break-all;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter .cell .companyNews {
    float: left;
    padding-left: 5px;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter .cell .newIsssueDate {
    float: right;
    padding-right: 10px;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter .cell a,.MST .stockCharts .chartbox .companyDesc .companyInfoURL a,.MST .stockCharts .chartbox .companyDesc .marketCap tr:last-child td:first-child a {
    text-decoration: none;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter .cell a:visited,.MST .stockCharts .chartbox .companyDesc .companyInfoURL a:visited,.MST .stockCharts .chartbox .companyDesc .marketCap tr:last-child td:first-child a:visited {
    color: blue;
 }

 .MST .stockCharts .chartbox .companyDesc .headQuarter .cell a:active,.MST .stockCharts .chartbox .companyDesc .companyInfoURL a:active,.MST .stockCharts .chartbox .companyDesc .marketCap tr:last-child td:first-child a:active {
    color: blue;
    border: 1px solid rgb(96,184,226);
 }

 .MST .stockCharts .chartbox .companyDesc .dailyShortStory {
    float: left;
    padding-left: 5px;
    width: 100%;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
 }

 .MST .stockCharts .chartbox div.realTimeVolumeLable {
    display: none;
    position: absolute;
    height: 15px;
    bottom: 0px;
    top: auto;
    right: 100px;
    left: auto;
    width: 100px;
    line-height: 15px;
 }

 .MST .stockCharts .chartbox .companyDesc .companyInfoURL {
    text-align: left;
    padding-left: 5px;
    color: blue;
 }

 .MST .stockCharts .chartbox .companyDesc .marketCap {
    width: 100%;
    display: inline-table;
 }

 .MST .stockCharts .chartbox .companyDesc .marketCap tr td {
    font-size: 12px;
    line-height: 11px;
 }

 .MST .stockCharts .chartbox .companyDesc .marketCap tr td:first-child {
    width: 50%;
    padding-left: 5px;
 }

 .MST .stockCharts .chartbox .companyDesc .marketCap tr:last-child td:first-child {
    color: blue;
 }

 .MST .stockCharts .chartbox .companyDesc .marketCap tr td:last-child {
    padding-right: 5px;
    text-align: right;
 }

 .MST .stockCharts div.chartbox div.companyName {
    display: block;
    height: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
 }

 .MST .stockCharts .chartbox .marketIndicatorName,.MST .stockCharts .chartbox .marketIndicatorInfo {
    width: 280px;
    position: absolute;
    height: 50px;
    top: 13px;
    left: -1px;
    padding: 3px 5px;
    border: 1px solid #000;
    font-size: 11px;
    background-color: white;
    z-index: 100;
    display: none;
 }

 .MST .stockCharts .chartbox .marketIndicatorInfo div {
    height: 18px;
    padding: 0px 5px;
 }

 .MST .stockCharts .chartbox .marketIndicatorInfo div span:nth-child(odd) {
    float: left;
 }

 .MST .stockCharts .chartbox .marketIndicatorInfo div span:nth-child(even) {
    float: right;
 }

 .MST .stockCharts .chartbox div.marketIndicatorName {
    height: 14px;
    padding: 0px 0px 0px 10px;
 }

 .stockCharts .companyInformation {
    background-color: #fff;
 }

 .stockCharts .companyInformation .commonCompanyInfo {
    height: 41px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoLeft {
    position: absolute;
    left: 0px;
    z-index: 2;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight {
    position: absolute;
    right: 12px;
    z-index: 1;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarket {
    float: left;
    margin-right: 20px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketDate {
    float: left;
    margin-right: 10px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketDate .nasdaqPremarketLable {
    margin-left: 0;
    text-align: right;
    font-size: 8px;
    line-height: 12px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketDateLable {
    text-align: right;
    font-size: 8px;
    line-height: 12px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketPrice .nasdaqPremarketVolume {
    margin: 0;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketPrice .premarketPriceChange {
    margin: 0;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketRight {
    float: right;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketRight .nasdaqPremarketPrice .cell {
    float: left;
    margin-right: 5px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketRight .nasdaqPremarketPrice .cell .premarketPrice {
    font-size: 24px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketRight .nasdaqPremarketPrice .cell .premarketVolume {
    letter-spacing: -1px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketRight .nasdaqPremarketPrice .cell .premarketPriceChange {
    border-bottom: 1px solid #ccc;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketRight .nasdaqPremarketPrice .cell .premarketPriceChange,.stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .nasdaqPremarketRight .nasdaqPremarketPrice .cell .premarketPriceChangePercent {
    font-size: 12px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .companyPriceChange {
    float: none;
    padding-right: 0;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .companyPriceChange .cell {
    float: right;
    text-align: left;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .companyPriceChange .cell .priceChange {
    margin-right: 0;
    border-bottom: 1px solid #ccc;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .companyPriceChange .cell .price {
    font-size: 24px;
    margin-right: 10px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .companyPriceVolume {
    float: none;
    padding-right: 0px;
    line-height: 10px;
    height: 13px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .companyPriceVolume .volume {
    float: left;
    margin-right: 10px;
 }

 .stockCharts .companyInformation .commonCompanyInfo .companyInfoRight .companyPriceVolume .volumeChangePercent {
    float: right;
    text-align: left;
 }

 .stockCharts .companyInformation .monthlyCompanyInfo .companyInfoCenter {
    position: absolute;
    left: 40%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation {
    min-height: 100px;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo {
    height: 55%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyName {
    height: 22%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoLeft {
    position: relative;
    float: left;
    height: 78%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoLeft .companyDesc {
    padding-left: 5px;
    height: 100%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoLeft .companyDesc > div {
    height: 33%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoLeft .companyDesc .companyInfoURL {
    padding-left: 0;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoCenter {
    position: relative;
    left: 24%;
    float: left;
    height: 78%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoCenter .companyInfoLable {
    float: left;
    height: 100%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoCenter .companyInfoLable .cell {
    height: 33%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoCenter .companyInfoVlaue {
    float: right;
    text-align: right;
    margin-left: 45px;
    height: 100%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoCenter .companyInfoVlaue .cell {
    height: 33%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoRight {
    margin-top: -12px;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .weeklyCompanyInfo .companyInfoRight .companyPrice {
    flex-direction: column;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter {
    border-top: 1px solid #000;
    height: 45%;
    padding-left: 5px;
    position: relative;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterLeft {
    float: left;
    height: 100%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterLeft .row {
    height: 34%;
    overflow: hidden;
    white-space: nowrap;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterLeft .summaryHeadQuarter {
    float: left;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterLeft .phone {
    float: left;
    margin: 0 20px 0 7%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterLeft .newIsssueDate {
    margin-left: 50px;
    display: inline-block;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterLeft .epsDueDate {
    display: inline-block;
    margin-left: 45px;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterRight {
    position: relative;
    right: 0;
    background: #fff;
    height: 100%;
    float: right;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterRight .headQuarterLable {
    float: left;
    height: 100%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterRight .headQuarterLable .cell {
    height: 33%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterRight .headQuarterValue {
    float: right;
    text-align: right;
    padding-right: 12px;
    height: 100%;
 }

 .stockCharts .companyInformation.weeklyCompanyInformation .headQuarter .headQuarterRight .headQuarterValue .cell {
    height: 33%;
 }

 .stockCharts .companySymbol {
    white-space: nowrap;
    padding-left: 5px;
    display: inline;
 }

 .stockCharts .companyPrice {
    padding-right: 0;
    float: right;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
 }

 .stockCharts .companyPriceChange {
    float: right;
    padding-right: 22px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: -1px;
 }

 .stockCharts .companyPriceChange .priceChange {
    margin-right: 12px;
 }

 .stockCharts .companyPriceChange .price {
    margin-right: 17px;
    color: black;
 }

 .stockCharts .companyPriceChange .latestIDCTime {
    padding-left: 18px;
    color: black;
 }

 .stockCharts .nasdaqPremarket {
    display: none;
    float: right;
    margin-right: 15px;
 }

 .stockCharts .nasdaqPremarket .nasdaqPremarketDate {
    display: inline;
 }

 .stockCharts .nasdaqPremarket .nasdaqPremarketDate .nasdaqPremarketLable {
    margin-left: 10px;
    letter-spacing: normal;
 }

 .stockCharts .nasdaqPremarket .nasdaqPremarketPrice {
    display: inline;
    letter-spacing: -1px;
    margin-left: 20px;
 }

 .stockCharts .commonCompanyInfo .nasdaqPremarket .nasdaqPremarketPrice {
    margin-left: 0;
 }

 .stockCharts .nasdaqPremarket .nasdaqPremarketPrice .nasdaqPremarketVolume {
    margin: 0 10px 0 10px;
 }

 .stockCharts .nasdaqPremarket .nasdaqPremarketPrice .premarketPriceChange {
    margin: 0 5px 0 5px;
    text-align: left;
 }

 .stockCharts .companyPriceVolume {
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    float: left;
    letter-spacing: -1px;
    text-align: right;
    padding-right: 25px;
 }

 .stockCharts .companyPriceVolume .volume {
    margin-right: 5px;
    color: black;
 }

 .stockCharts .averageDailyVolume {
    margin-left: 20px;
    white-space: nowrap;
 }

 .stockCharts .companyInfCoName {
    padding-right: 6px;
 }

 .stockCharts .compInfoIndustryGroup {
    padding-right: 6px;
    color: blue;
    cursor: pointer;
    display: none;
 }

 .stockCharts .compInfoIndustryGroup:hover {
    text-decoration: underline;
    text-decoration-color: blue;
 }

 .stockCharts .companyUrl {
    text-align: right;
    color: blue;
 }

 .stockCharts .companyInf {
    padding-left: 5px;
 }

 .popUpCustomMovingAveragesView {
    position: relative;
    width: 442px;
    height: 569px;
    border-radius: 9px;
    margin-left: -225px;
    left: 50%;
    margin-top: -230px;
    top: 50%;
    border: 1px solid #666666;
    z-index: 9999;
    background-color: #F5F5F5;
    background-size: 500px 350px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgSubtitle {
    color: #000099;
    font-size: 16px;
    position: relative;
    left: 17px;
    top: 22px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgIntroduce {
    font-size: 4px;
    position: relative;
    left: 18px;
    top: 32px;
    width: 394px;
    font-size: 11px;
    height: auto;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable {
    position: relative;
    left: 16px;
    top: 45px;
    width: 400px;
    height: 342px;
    border: 1px solid #000099;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .dailyMovingAvgTitle,.weeklyMovingAvgTitle,.monthlyMovingAvgTitle {
    color: #000099;
    font-size: 14px;
    position: relative;
    left: 25px;
    top: 12px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .dailyMovingAvg {
    position: relative;
    float: left;
    width: 410px;
    height: 84px;
    top: -3px;
    margin: 10px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .weeklyMovingAvg {
    position: relative;
    float: left;
    top: -18px;
    width: 410px;
    height: 90px;
    margin: 10px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .monthlyMovingAvg {
    position: relative;
    float: left;
    width: 410px;
    height: 80px;
    top: -25px;
    margin: 10px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .matchDailyValue {
    position: relative;
    top: 14px;
    left: 20px;
    font-size: 11px;
    font-weight: bold;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .dailyMovingAvgLeft,.popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .weeklyMovingAvgLeft,.popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .monthlyMovingAvgLeft {
    float: left;
    position: relative;
    left: 8px;
    top: 22px;
    font-size: 11px;
    font-weight: bold;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .dailyMovingAvgRight {
    float: left;
    position: relative;
    left: 81px;
    top: 22px;
    font-size: 11px;
    font-weight: bold;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .weeklyMovingAvgRight {
    float: left;
    position: relative;
    left: 67px;
    top: 22px;
    font-size: 11px;
    font-weight: bold;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .monthlyMovingAvgRight {
    float: left;
    position: relative;
    left: 62px;
    top: 22px;
    font-size: 10px;
    font-weight: bold;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .customMovingAvgBtns {
    float: left;
    position: relative;
    top: -22px;
    left: 93px;
    margin: 10px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .customMovingAvgBtns .customMovingAvgBtnSytle {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    border: 1px solid grey;
    background: linear-gradient(to bottom,#fff,#CED4D9);
    background: -webkit-linear-gradient(top,#fff,#CED4D9);
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .customMovingAvgBtns .customMovingAvgBtnSytle:hover {
    background: linear-gradient(to bottom,#fff,#B3CEE9);
    background: -webkit-linear-gradient(top,#fff,#B3CEE9);
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .customMovingAvgBtns .customMovingAvgApply,.popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .customMovingAvgBtns .customMovingAvgCancel {
    font-size: 11px;
    font-weight: bold;
    height: 19px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .addNum {
    width: 60px;
    border-radius: 3px;
    border: 1px solid grey;
    background: linear-gradient(to bottom,#fff,#CED4D9);
    background: -webkit-linear-gradient(top,#fff,#CED4D9);
    background: -moz-linear-gradient(top,#fff,#CED4D9);
    background: -o-linear-gradient(top,#fff,#CED4D9);
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .addNum:hover {
    background: linear-gradient(to bottom,#fff,#B3CEE9);
    background: -webkit-linear-gradient(top,#fff,#B3CEE9);
    background: -moz-linear-gradient(top,#fff,#CED4D9);
    background: -o-linear-gradient(top,#fff,#CED4D9);
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .addNum[disabled='disabled']:hover {
    background: linear-gradient(to bottom,#fff,#CED4D9);
    background: -webkit-linear-gradient(top,#fff,#CED4D9);
 }

 .addNumHoverClass {
    background: linear-gradient(to bottom,#fff,#B3CEE9);
    background: -webkit-linear-gradient(top,#fff,#B3CEE9);
    background: -moz-linear-gradient(top,#fff,#B3CEE9);
    background: -o-linear-gradient(top,#fff,#B3CEE9);
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .exponential {
    position: absolute;
    left: 42px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .exponential input {
    position: relative;
    top: 3px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .matchInput {
    position: relative;
    top: 3px;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .greenBox {
    background-color: #00FF00;
    width: 32px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #000;
    position: relative;
    float: left;
    top: 0px;
    text-align: center;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgChooseTable .redBox {
    background-color: #DA70D6;
    width: 32px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #000;
    position: relative;
    float: left;
    top: 0px;
    text-align: center;
 }

 .popUpCustomMovingAveragesView .customMovingAvgContent .customMovingAvgNote {
    position: relative;
    left: 16px;
    top: 45px;
    font-size: 11px;
    width: 386px;
    float: left;
 }

 .popUpTextInputView {
    position: absolute;
    width: 0px;
    height: 0px;
    border: 1px solid #666666;
    z-index: 9999;
    background-color: white;
    pointer-events: all;
 }

 .popUpTextInputView .title {
    position: absolute;
    background-color: red;
    color: white;
    width: 100%;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    top: 0px;
 }

 .popUpTextInputView .textArea {
    position: absolute;
    display: inline-block;
    top: 17px;
    left: 3px;
    width: 100%;
    bottom: 18px;
    height: auto;
    outline: 0px;
    padding: 0px;
    border: 0px;
    overflow: hidden;
    font-family: Arial;
    font-size: 11px;
 }

 .popUpTextInputView .textArea::selection {
    background: #000;
    color: #fff;
 }

 .popUpTextInputView .textArea::-moz-selection {
    background: #000;
    color: #fff;
 }

 .popUpTextInputView .bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #808080;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
 }

 .popUpTextInputView .bottom .textButton {
    position: absolute;
    width: auto;
    height: 18px;
    line-height: 18px;
    margin-top: 1px;
    margin-right: 1px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    border-radius: 3px;
    cursor: pointer;
 }

 .popUpTextInputView .bottom .textButton:hover {
    background: -webkit-linear-gradient(top,#fff,#98e5c1,#98e5c1,#98e5c1,#98e5c1,#98e5c1);
    background: -o-linear-gradient(top,#fff,#98e5c1,#98e5c1,#98e5c1,#98e5c1,#98e5c1);
    background: -moz-linear-gradient(top,#fff,#98e5c1,#98e5c1,#98e5c1,#98e5c1,#98e5c1);
    background: linear-gradient(to bottom,#fff,#A5C8E6);
 }

 .dateButtonClickStyle {
    border: 2px solid #9EC1E3 !important;
 }

 .Help-title,.Help-title-wide {
    width: 98%;
    padding-left: 2%;
    height: 32px;
    line-height: 32px;
    border-radius: 9px 9px 0px 0px;
    font-size: 19px;
    font-weight: bold;
    background: -webkit-linear-gradient(top,#ccc,#fff,#ccc);
    background: -o-linear-gradient(top,#ccc,#fff,#ccc);
    background: -moz-linear-gradient(top,#ccc,#fff,#ccc);
    background: linear-gradient(to bottom,#ccc,#fff,#ccc);
 }

 .StockChartHelp {
    width: 704px;
    height: 543px;
    font-size: 14px;
    border-radius: 9px;
    left: 50%;
    margin-left: -352px;
    top: 21%;
    position: fixed;
    border: 1px solid #666666;
    background-size: 700px 350px;
    z-index: 9999;
    background-color: #F5F5F5;
 }

 .StockChartHelp .title {
    width: 96%;
    height: 18px;
    margin-left: 20px;
    margin-top: 2px;
    line-height: 25px;
    font-size: 15px;
    cursor: default;
 }

 .StockChartHelp .framePeriphery {
    width: 659px;
    height: 430px;
    margin: 3% 3% 2% 3%;
    margin-top: 8px;
    cursor: default;
    border-style: solid;
    border-color: #D9D9D8;
    border-width: 1px;
 }

 .StockChartHelp .frameInside {
    width: 596px;
    height: 404px;
    margin: 5%;
    margin-top: 15px;
    border: 1px solid #B6B6B8;
    cursor: default;
    background: #B6B6B8;
    font-size: 13px;
 }

 .stockChartHelpButton {
    background: -webkit-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -o-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -moz-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: linear-gradient(to bottom,#FFFFFF,#FAD8A5);
    border: 1px solid #000000;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
 }

 .stockChartHelpSymbolBarButton {
    width: 305px;
    height: 89px;
    margin: 9px 9px auto;
    line-height: 89px;
 }

 .stockChartHelpSymbolBarButton:hover {
    width: 301px;
    height: 85px;
    border-width: 3px;
    border-color: #cbf1df;
    line-height: 85px;
 }

 .stockChartHelpChartUtilitiesMenuButton {
    width: 314px;
    height: 89px;
    margin: 9px 272px;
    line-height: 89px;
 }

 .stockChartHelpChartUtilitiesMenuButton:hover {
    width: 310px;
    height: 85px;
    border-width: 3px;
    border-color: #cbf1df;
    line-height: 85px;
 }

 .chartbox {
    font-size: 12px;
 }

 .stockChartHelpChartButton {
    width: 578px;
    height: 184px;
    margin: 5px 9px auto;
    line-height: 184px;
 }

 .stockChartHelpChartButton:hover {
    border-width: 3px;
    border-color: #cbf1df;
    width: 574px;
    height: 180px;
    line-height: 180px;
 }

 .StockChartHelp .cell bottom,.StockChartHelp .okBtn {
    float: right;
    width: 60px;
    height: 19px;
    line-height: 19px;
    margin-top: 2px;
    margin-right: 10px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#ccc);
    background: -o-linear-gradient(top,#fff,#ccc);
    background: -moz-linear-gradient(top,#fff,#ccc);
    background: linear-gradient(to bottom,#fff,#ccc);
    border-radius: 3px;
    cursor: pointer;
 }

 .StockChartHelp .celltop :hover {
    background-color: #0066D1;
 }

 .StockChartHelp .helpLink a {
    color: #2D7FD4;
    margin-left: 85%;
    font-size: 11px;
    text-decoration: none;
 }

 .StockChartHelp .helpLink a:hover {
    color: #4682B4;
    text-decoration: underline;
 }

 .StockChartHelp_wide {
    width: 810px;
    height: 540px;
    font-size: 14px;
    border-radius: 9px;
    left: 17%;
    top: 21%;
    position: fixed;
    border: 1px solid #666666;
    background-size: 700px 350px;
    z-index: 9999;
    background: white;
 }

 .StockChartHelp_wide .title {
    width: 810px;
    height: 30px;
    background: #fff;
    cursor: default;
 }

 .StockChartHelp_wide .li {
    display: inline;
 }

 .StockChartHelp_wide .frameRightBottomTextDetails {
    text-decoration: none;
    color: #006699;
 }

 .StockChartHelp_wide .liBarFunctionsTextDetailsWidth {
    width: 84px;
 }

 .StockChartHelp_wide .liAddToListTextDetailsWidth {
    width: 120px;
 }

 .StockChartHelp_wide .liStockChartsTextDetailsWidth {
    width: 106px;
 }

 .frameRightBottomTextDetailsOnClicked {
    border: 1px solid #6DBDD1;
    color: #333333 !important;
 }

 .frameRightBottomTextDetailsDefaultColor {
    color: #333333 !important;
 }

 .frameRightBottomTextDetailsDefaultColor:hover {
    color: #000 !important;
 }

 .StockChartHelp_wide .ulWide li:hover {
    text-decoration: underline;
    color: #005177;
    cursor: pointer;
 }

 .frameInsideWindow .frameInsideWindowLoop .frameInsideWindowLoopText {
    font-size: 12px !important;
 }

 .frameInsideWindowBottomCoverFirst {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
 }

 .frameInsideWindowBottomCoverFirst li {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    height: 20px;
    width: 30px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    padding: 2px 1px 1px 1px;
    color: #0066D1;
 }

 .frameInsideWindowBottomCoverFirst li:hover {
    color: #FFFFFF;
    background: -webkit-linear-gradient(top,#D1D1D1,#6E6E6E);
    background: -o-linear-gradient(top,#D1D1D1,#6E6E6E);
    background: -moz-linear-gradient(top,#D1D1D1,#6E6E6E);
    background: linear-gradient(to bottom,#D1D1D1,#6E6E6E);
 }

 .frameInsideWindowBottomCoverFirst img {
    vertical-align: middle;
 }

 .frameInsideWindowBottomArrow {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #879BAA;
 }

 .frameInsideWindowBottomArrow:hover {
    background: -webkit-linear-gradient(top,#FBFCFD,#FBFCFD,#AFCEE8) !important;
    background: -o-linear-gradient(top,#FBFCFD,#FBFCFD,#AFCEE8) !important;
    background: -moz-linear-gradient(top,#FBFCFD,#FBFCFD,#AFCEE8) !important;
    background: linear-gradient(to bottom,#FBFCFD,#FBFCFD,#AFCEE8) !important;
 }

 .frameInsideWindowBottomCoverFirstOnArrowClicked {
    opacity: 0.4;
    filter: alpha(opacity=40) !important;
    cursor: default !important;
    border: 1px solid #C7C7C7;
 }

 .frameInsideWindowBottomCoverFirstOnNumberclicked {
    background: #E8E8EF !important;
    border: 1px solid #999999;
    height: 20px !important;
    width: 30px !important;
    color: #000000 !important;
    border-radius: 4px !important;
 }

 .frameInsideWindowLoop {
    width: 574px;
    height: 373px;
    margin: 18px 15px;
    background: #FFFFFF;
    border-top: 2px solid #9A9A9A;
    border-left: 2px solid #9A9A9A;
    overflow-x: auto;
    overflow-y: auto;
 }

 .frameInsideWindowLoopText {
    padding-bottom: 0.2cm;
    padding-top: 0.2cm;
    padding-left: 0.2cm;
    padding-right: 0.5cm;
 }

 .frameInsideWindowLoopImg {
    overflow: hidden;
 }

 .stockChartHelpWideFrameInside {
    width: 600px;
    height: 455px;
    margin-left: 20px;
    border: 1px solid #C4C4C4;
    cursor: default;
    border-radius: 9px;
    background: -webkit-linear-gradient(top,#F0F0F0,#C4C4C4);
    background: -o-linear-gradient(top,#F0F0F0,#C4C4C4);
    background: -moz-linear-gradient(top,#F0F0F0,#C4C4C4);
    background: linear-gradient(to bottom,#F0F0F0,#C4C4C4);
 }

 .stockChartHelpWideFrameInsideTitle {
    margin-left: 15px;
    line-height: 22px;
    font-weight: bold;
 }

 .StockChartHelp_wide .farmeRight {
    width: 188px;
    height: 480px;
    cursor: default;
    background: #FFFFFF;
    float: right;
    margin-top: -480px;
    font-size: 13px;
 }

 .StockChartHelp_wide .frameRightTop {
    height: 66px;
    text-align: left;
    line-height: 66px;
    font-weight: 700;
    padding-left: 30px;
 }

 .StockChartHelp_wide .frameRightMiddle {
    height: 80px;
 }

 .StockChartHelp_wide .frameRightBottom {
    margin-top: 20px;
    margin-left: -8px;
 }

 .StockChartHelp_wide .helpLink {
    background-color: #FFFFFF;
 }

 .StockChartHelp_wide .helpLink a {
    color: #2D7FD4;
    margin-left: 89%;
    font-size: 11px;
    text-decoration: none;
 }

 .StockChartHelp_wide .helpLink a:hover {
    color: #4682B4;
    text-decoration: underline;
 }

 .StockChartHelp_wide .frameRightMiddleCell {
    background: #B6B6B8;
    height: 80px;
    width: 120px;
    margin-left: 30px;
    padding-top: 2px;
 }

 .StockChartHelpWideDetailButtonSymbolBarChartUtilitiesMenuActive {
    height: 13px !important;
 }

 .StockChartHelpWideDetailButtonChartActive {
    height: 30px !important;
 }

 .StockChartHelpWideDetailButtonSymbolBarChartUtilitiesMenuActive,.StockChartHelpWideDetailButtonChartActive {
    background: #F38027 !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 1px !important;
 }

 .stockChartHelpWideFramePeriphery {
    background-color: #FFFFFF;
 }

 .stockChartHelpDetailSymbolBarButton {
    height: 15px;
    width: 60px;
    background-color: #FCEACF;
    margin-top: 3px;
    margin-left: 4px;
    border-radius: 3px;
 }

 .stockChartHelpDetailChartUtilitiesMenuButton {
    height: 15px;
    width: 60px;
    margin-top: 5px;
    margin-left: 54px;
    border-radius: 3px;
 }

 .stockChartHelpDetailChartButton {
    height: 32px;
    width: 110px;
    margin-top: 5px;
    margin-left: 4px;
    border-radius: 3px;
 }

 .stockChartHelpDetailChartUtilitiesMenuButton,.stockChartHelpDetailSymbolBarButton,.stockChartHelpDetailChartButton,.frameInsideWindowBottomCoverFirst li {
    background: -webkit-linear-gradient(top,#FFF,#fff,#ccc);
    background: -o-linear-gradient(top,#FFF,#fff,#ccc);
    background: -moz-linear-gradient(top,#FFF,#fff,#ccc);
    background: linear-gradient(to bottom,#FFF,#fff,#ccc);
 }

 .stockChartHelpDetailSymbolBarButton:hover,.stockChartHelpDetailChartUtilitiesMenuButton:hover,.stockChartHelpDetailChartButton:hover {
    border-radius: 3px;
    border: 2px solid #cbf1df;
    height: 11px;
    cursor: pointer;
    background: -webkit-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -o-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -moz-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: linear-gradient(to bottom,#FFFFFF,#FAD8A5);
 }

 div.stockChartHelpDetailChartButton:hover {
    height: 28px;
 }

 .StockChartHelp_wide .frameInsideWindow {
    height: 392px;
    width: 600px;
    border-top: 1px solid #C4C4C4;
    overflow: hidden;
 }

 .stockCharts .contextmenu {
    position: fixed;
    background-color: white;
    z-index: 200;
 }

 .stockCharts .contextmenu a {
    text-decoration: none;
    color: #005980;
 }

 .stockCharts ul {
    margin: 0;
    padding: 0;
 }

 .stockCharts .contextmenu ul {
    background-color: white;
    border: 1px solid #aaa;
    display: none;
    box-shadow: 2px 2px 8px #eee;
 }

 .stockCharts .contextmenu ul.toolsLstLinePen {
    display: none;
    padding: 1px;
 }

 .stockCharts .contextmenu ul.toolsLstLinePen li {
    padding-left: 12px;
    width: 58px;
    height: 13px;
 }

 .stockCharts .contextmenu ul.toolsLstDeleteAnnotation li {
    width: 106px;
    margin: 1px;
 }

 .stockCharts .contextmenu ul.toolsLstSaveLinePen li {
    padding: 2px 4px 3px 9px;
    width: 36px;
    height: 13px;
 }

 .stockCharts .contextmenu ul.toolsLstSaveTriggerLinePen li {
    padding: 2px 4px 3px 9px;
    width: 58px;
    height: 13px;
 }

 .stockCharts .contextmenu li {
    list-style: none;
    width: 200px;
    overflow: visible;
    cursor: pointer;
    color: #005980;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 12px;
    background-position: 9px 4px;
    padding-left: 40px;
 }

 .contextmenuHover {
    background-color: #cbf1df;
 }

 .stockCharts ul > li:not(.splitLi):not(.toolsLstMenuHeader):hover,.header .expend ul li:hover {
    background-color: #cbf1df;
 }

 .stockCharts .contextmenu ul.toosLst li.cmAlert {
    height: 17px !important;
    border-top: 1px solid #aaa;
 }

 .MST .stockCharts ul.toolsLstStyle li.lineInAddtoList {
    background-color: white;
    color: grey;
    padding: 0px 5px;
 }

 .MST .stockCharts ul.toolsLstStyle li.newInAddtoList {
    padding-bottom: 3.2px;
    color: #3F52FA;
 }

 .expandBackground {
    background: -webkit-linear-gradient(top,#fff,#98e5c1,#98e5c1,#98e5c1,#98e5c1,#98e5c1) !important;
    background: -o-linear-gradient(top,#fff,#98e5c1,#98e5c1,#98e5c1,#98e5c1,#98e5c1) !important;
    background: -moz-linear-gradient(top,#fff,#98e5c1,#98e5c1,#98e5c1,#98e5c1,#98e5c1) !important;
    background: linear-gradient(to bottom,#fff,#98e5c1,#98e5c1,#98e5c1,#98e5c1,#98e5c1) !important;
    border: 2px solid #06c067;
    right: 198px !important;
    top: -3px !important;
 }

 .stockCharts .contextmenu li.cmSelect .chartToolOptionImg {
    margin-left: -30px !important;
 }

 .stockCharts .contextmenu li.cmdel .chartToolOptionImg {
    margin-left: -36px !important;
 }

 .stockCharts .contextmenu li.cmdel.noCmdel {
    color: #808080;
    cursor: default;
 }

 .stockCharts .contextmenu li.cmdel.noCmdel:hover {
    background-color: #fff;
 }

 .setPriceAlertView {
    position: relative;
    width: 220px;
    height: 240px;
    border-radius: 9px;
    margin-left: -225px;
    left: 50%;
    border: 1px solid #666666;
    z-index: 9999;
    background-color: #DDDEE0;
    background: -webkit-linear-gradient(top,#fff,#DDDEE0);
    background: -o-linear-gradient(top,#fff,#DDDEE0);
    background: -moz-linear-gradient(top,#fff,#DDDEE0);
    background: linear-gradient(to bottom,#fff,#DDDEE0);
 }

 .setPriceAlertView .setAlertContent {
    width: 200px;
    height: 154px;
 }

 .setPriceAlertView .setAlertContent .innerContent {
    position: relative;
    width: 183px;
    height: 151px;
    border: 1px solid #666666;
    left: 14px;
    top: 14px;
    border-radius: 9px;
 }

 .setPriceAlertView .setAlertDone {
    position: relative;
    top: 29px;
    left: 168px;
 }

 .activeAlertImgButton {
    width: 14px;
    height: 7px;
    z-index: 1;
    position: absolute;
    pointer-events: all;
 }

 .triggeredAlertImgButton {
    width: 18px;
    height: 12px;
    z-index: 1;
    position: absolute;
    pointer-events: all;
 }

 .printActiveAlertImgButton {
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 14px solid #5A5A5A;
 }

 .printTriggeredAlertImgButton {
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 16px solid #06C067;
 }

 .symbolReceive {
    position: absolute;
    top: 0px;
    left: 200px;
 }

 .tutorialBubbleTechnicalData {
    position: absolute;
    top: 100px;
    z-index: 50;
    right: 130px;
    width: 120px;
 }

 .tutorialBubbleTechnicalData .numberContent .tutorialBubbleCircleNumble {
    margin-top: 40%;
 }

 .tutorialBubbleTechnicalData .textContent .tutorialBubbleTechnicalDataContent {
    position: absolute;
 }

 .headerTutorialBubbleTopFirst {
    position: absolute;
    width: 120px;
    height: 50px;
    top: 12px;
    left: 33px;
    z-index: 50;
 }

 .headerTutorialBubbleTopFirst em {
    bottom: 52px;
    left: 55px;
 }

 .headerTutorialBubbleTopFirst span {
    bottom: 37px;
    left: 44px;
 }

 .headerTutorialBubbleTopFirst .tutorialBubbleCircleNumble {
    margin-top: 34%;
 }

 .headerTutorialBubbleTopFirstContent {
    position: absolute;
 }

 .headerTutorialBubbleTopSecond {
    position: absolute;
    width: 130px;
    top: 12px;
    left: 221px;
    z-index: 50;
 }

 .headerTutorialBubbleTopSecond em {
    bottom: 53px;
    left: 55px;
 }

 .headerTutorialBubbleTopSecond span {
    bottom: 38px;
    left: 44px;
 }

 .headerTutorialBubbleTopSecond .headerTutorialBubbleTopSecondContent {
    position: absolute;
 }

 .tutorialBubbleDataBlocks {
    position: absolute;
    top: 67px;
    z-index: 50;
    left: 55px;
    width: 140px;
    height: 50px;
 }

 .tutorialBubbleDataBlocks .numberContent .tutorialBubbleCircleNumble {
    margin-top: 30%;
 }

 .tutorialBubbleDataBlocks .textContent .tutorialBubbleDataBlocksContent {
    margin-top: 20%;
 }

 .tutorialBubbleChartLegendListTwo {
    position: absolute;
    left: -9px;
    width: 150px;
    height: 50px;
    bottom: 27px;
    z-index: 50;
 }

 .tutorialBubbleChartLegendListTwo em {
    left: 30px;
    bottom: -20px;
 }

 .tutorialBubbleChartLegendListTwo span {
    left: 19px;
    bottom: -26px;
 }

 .tutorialBubbleChartLegendListTwo .textContent .tutorialBubbleChartLegendListTwoContent {
    margin-top: 20%;
 }

 .tutorialBubbleAlert {
    position: absolute;
    right: 197px;
    top: 12px;
    z-index: 50;
 }

 .tutorialBubbleAlert em {
    bottom: 53px;
    left: 59px;
 }

 .tutorialBubbleAlert span {
    bottom: 38px;
    left: 48px;
 }

 .tutorialBubbleAlertContent {
    position: absolute;
 }

 .tutorialBubbleAddToListButton {
    position: absolute;
    width: 130px;
    height: 50px;
    top: 10px;
    right: 180px;
    z-index: 50;
 }

 .tutorialBubbleAddToListButton em {
    bottom: 53px;
    left: 55px;
 }

 .tutorialBubbleAddToListButton span {
    bottom: 48px;
    left: 54px;
    border-width: 10px;
 }

 .tutorialBubbleAddToListButton .tutorialBubbleAddToListButtonContent {
    position: absolute;
 }

 .tutorialBubbleDropDownMenu {
    position: absolute;
    left: 81px;
    top: 11px;
    height: 60px;
    z-index: 50;
 }

 .tutorialBubbleDropDownMenu em {
    bottom: 63px;
    left: 55px;
 }

 .tutorialBubbleDropDownMenu span {
    bottom: 47px;
    left: 44px;
 }

 .tutorialBubbleDropDownMenu .numberContent {
    width: 30%;
 }

 .tutorialBubbleDropDownMenu .numberContent .tutorialBubbleCircleNumble {
    margin-top: 40%;
 }

 .tutorialBubbleDropDownMenu .textContent {
    width: 70%;
 }

 .tutorialBubbleDropDownMenu .textContent .tutorialBubbleDropDownMenuContent {
    margin-top: 0%;
    position: absolute;
 }

 .tutorialBubbleNewChartWindow {
    position: absolute;
    width: 120px;
    height: 50px;
    right: 137px;
    top: 9px;
    z-index: 50;
 }

 .tutorialBubbleNewChartWindow em {
    bottom: 52px;
    left: 98px;
 }

 .tutorialBubbleNewChartWindow span {
    bottom: 46px;
    left: 97px;
    border-width: 10px;
 }

 .tutorialBubbleNewChartWindow .numberContent .tutorialBubbleCircleNumble {
    margin-top: 35%;
 }

 .tutorialBubbleNewChartWindow .textContent .tutorialBubbleNewChartWindowContent {
    position: absolute;
 }

 .tutorialBubbleCompasionChart {
    position: absolute;
    width: 120px;
    height: 50px;
    right: 10px;
    top: 9px;
    z-index: 50;
 }

 .tutorialBubbleCompasionChart em {
    bottom: 52px;
    left: 5px;
 }

 .tutorialBubbleCompasionChart span {
    bottom: 46px;
    left: 4px;
    border-width: 10px;
 }

 .tutorialBubbleCompasionChart .numberContent .tutorialBubbleCircleNumble {
    margin-top: 35%;
 }

 .tutorialBubbleCompasionChart .textContent .tutorialBubbleCompasionChartContent {
    position: absolute;
 }

 .tutorialBubbleChangeDate {
    position: absolute;
    width: 150px;
    height: 50px;
    top: 12px;
    left: 495px;
    z-index: 50;
 }

 .tutorialBubbleChangeDate em {
    bottom: 53px;
    left: 65px;
 }

 .tutorialBubbleChangeDate span {
    bottom: 38px;
    left: 54px;
 }

 .tutorialBubble .textContent .tutorialBubbleChangeDateContent {
    margin-top: 20%;
 }

 .tutorialBubbleRealTimeQuote {
    position: absolute;
    width: 150px;
    height: 50px;
    top: 12px;
    left: 384px;
    z-index: 50;
 }

 .tutorialBubbleRealTimeQuote em {
    bottom: 53px;
    left: 81px;
 }

 .tutorialBubbleRealTimeQuote span {
    bottom: 38px;
    left: 70px;
 }

 .tutorialBubbleRealTimeQuote .numberContent {
    width: 30%;
 }

 .tutorialBubbleRealTimeQuote .numberContent .tutorialBubbleCircleNumble {
    margin-top: 35%;
 }

 .tutorialBubbleRealTimeQuote .textContent {
    width: 70%;
 }

 .tutorialBubbleRealTimeQuote .textContent .tutorialBubbleRealTimeQuoteContent {
    position: absolute;
 }

 .tutorialBubbleDataFeedOptions {
    position: absolute;
    width: 130px;
    height: 50px;
    top: 228px;
    left: -353px;
    z-index: 50;
 }

 .tutorialBubbleDataFeedOptions em {
    left: 132px;
    bottom: 14px;
 }

 .tutorialBubbleDataFeedOptions span {
    left: 117px;
    bottom: 3px;
 }

 .tutorialBubbleDataFeedOptions .tutorialBubbleDataFeedOptionsContent {
    position: absolute;
 }

 .tutorialBubbleChartLegendListSixteen {
    position: absolute;
    left: 4px;
    width: 150px;
    height: 50px;
    bottom: 28px;
    z-index: 50;
 }

 .tutorialBubbleChartLegendListSixteen em {
    left: 30px;
    bottom: -21px;
 }

 .tutorialBubbleChartLegendListSixteen span {
    bottom: -18px;
    left: 29px;
    border-width: 10px;
 }

 .tutorialBubble .textContent .tutorialBubbleChartLegendListSixteenContent {
    margin-top: 20%;
 }

 .tutorialBubbleChartView {
    width: 160px;
    height: 50px;
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 50;
 }

 .tutorialBubbleChartView .numberContent {
    width: 30%;
 }

 .tutorialBubbleChartView .textContent {
    width: 70%;
 }

 .tutorialBubbleChartView .textContent .tutorialBubbleChartViewContent {
    position: absolute;
 }

 .tutorialBubbleScreenView {
    width: 160px;
    height: 80px;
    position: absolute;
    left: 10px;
    top: 270px;
    z-index: 50;
 }

 .tutorialBubbleScreenView .numberContent {
    width: 30%;
 }

 .tutorialBubbleScreenView .numberContent .tutorialBubbleCircleNumble {
    margin-top: 60%;
 }

 .tutorialBubbleScreenView .textContent {
    width: 70%;
 }

 .tutorialBubbleScreenView .textContent .tutorialBubbleScreenViewContent {
    position: absolute;
 }

 .tutorialBubblePatternRecognition {
    position: absolute;
    width: 130px;
    height: 60px;
    right: 28px;
    top: 9px;
    z-index: 50;
 }

 .tutorialBubblePatternRecognition em {
    left: 55px;
    bottom: 62px;
 }

 .tutorialBubblePatternRecognition span {
    left: 44px;
    bottom: 46px;
 }

 .tutorialBubblePatternRecognition .textContent .tutorialBubblePatternRecognitionContent {
    margin-top: -5%;
    position: absolute;
 }

 .tutorialBubblePatternRecognition .numberContent .tutorialBubbleCircleNumble {
    margin-top: 40%;
 }

 .mouseenterSplitHover {
    background: #cbf1df;
 }

 .msAnnouncement {
    display: block;
    font-size: 11px;
    margin-top: 7px;
    font-size: 11px;
    color: blue;
    text-decoration: none;
    text-decoration-color: blue;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 30%;
 }

 .popUpAnnouncementView {
    position: relative;
    width: 725px;
    height: 330px !important;
    border-radius: 9px;
    margin-left: -225px;
    left: 50%;
    margin-top: -230px;
    top: 50%;
    border: 1px solid #666666;
    background-size: 500px 350px;
    z-index: 9999;
    background-color: #DDDEE0;
    background: -webkit-linear-gradient(top,#fff,#DDDEE0);
    background: -o-linear-gradient(top,#fff,#DDDEE0);
    background: -moz-linear-gradient(top,#fff,#DDDEE0);
    background: linear-gradient(to bottom,#fff,#DDDEE0);
 }

 .AnnouncementHeader {
    height: 30px;
    width: 100%;
    background: url(../../Images/header/bk.png) repeat;
    border-radius: 5px;
 }

 .btnColseWindow {
    position: absolute;
    right: 9px;
    top: 8px;
    background-image: url(../../Images/btn-close.png);
    background-size: 17px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    z-index: 100;
    background-repeat: no-repeat;
 }

 .AnnouncementBody {
    overflow: hidden;
    position: absolute;
    height: 300px;
    width: 725px;
    top: 30px;
    z-index: 20;
 }

 .popUpAnnouncementView iframe {
    height: 330px;
    width: 725px;
    left: -2px;
    position: relative;
    top: -1px;
 }

 .MST .stockCharts.smaller #chartCnt {
    min-height: 425px;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .topSection .leftSide .epsSection .title .eps span {
    top: 0px;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .topSection .leftSide .epsSection .title .year span {
    top: 0px;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .topSection .leftSide .epsSection .title .price span {
    margin-top: 0px;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .topSection .leftSide .ratioSection .cell {
    line-height: 11px;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .topSection .rightSide .ratingSection {
    height: 38.5%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .topSection .rightSide .growthRateSection {
    height: 37.5%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .topSection .rightSide .ownershipSection .title {
    line-height: 100%;
    height: 22%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .topSection .rightSide .ownershipSection .cell {
    line-height: 100%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .topSection .rightSide .miscSection .cell {
    height: 24%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .middleSection .topRs .title .topRs {
    line-height: 100%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .middleSection .topRs .title .symbol {
    line-height: 100%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .middleSection .topRs .title .rs {
    line-height: 100%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .middleSection .topRs .title .eps {
    line-height: 100%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .middleSection .topRs .cell {
    line-height: 110%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .middleSection .founds .title {
    line-height: 100%;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .bottomSection .cell {
    min-height: 11px;
    line-height: 12px;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox.defaultSize .bottomSection .cell {
    height: 16px;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox.defaultSize div.topSection {
    height: 186px;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox.defaultSize div.middleSection {
    height: 65px;
 }

 .MST .stockCharts.smaller .chartbox .companyDesc .companyDescTable {
    min-height: 34px;
 }

 .MST .stockCharts.smaller .chartbox div.companyDesc table tr {
    height: 10px !important;
 }

 .MST .stockCharts.smaller .chartbox .companyDesc .companyDescTable tr:nth-child(2) td:first-child span {
    height: 10px;
 }

 .MST .stockCharts.smaller .chartbox .headQuarter {
    min-height: 34px;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .topSection {
    min-height: 168px;
 }

 .MST .stockCharts.smaller .chartbox .weeklyBox .middleSection {
    height: 64px;
 }

 .MST .stockCharts.smaller .chartbox {
    font-size: 10px;
 }

 .MST .stockCharts.smaller .chartbox div.companyDesc table tr {
    font-size: 10px;
 }

 .screenerAlertsAndNotes {
    left: 0px;
    z-index: 102;
    min-width: initial;
 }

 .community {
    display: none;
    position: absolute;
    left: 85px;
    width: 260px;
    top: 0px;
    bottom: 17px;
    border-radius: 5px;
    margin: 5px 0px 0px 1px;
    -moz-user-select: none;
 }

 .communityImg.label_arrow div,.label .communityImg.label_arrowHV:hover div,.communityImg.label_arrowHV:hover .labelAfter div,.communityImg.label_arrowHV:hover .toLeftArrow div,.communityImg.learn_screener_createScrn_screenSuggestLightbulb {
    background-image: url(../../Images/community/communityImg.png);
    background-repeat: no-repeat;
    margin: 4px auto 0px auto;
 }

 .communityImg.label_arrow.label_arrowHV.toLeftArrow div {
    background-position: 0 0;
    margin-top: 3px;
 }

 .communityImg.label_arrow.label_arrowHV.toLeftArrow:hover div {
    background-position: -22px 0;
    margin-top: 3px;
 }

 .communityImg.label_arrow.label_arrowHV.labelAfterSmall div {
    background-position: 0 0;
    margin-top: -10px;
 }

 .communityImg.label_arrow.label_arrowHV.labelAfterSmall:hover div {
    background-position: -22px 0;
    margin-top: -10px;
 }

 .communityImg.label_arrow.label_arrowHV:hover div {
    background-position: -22px 0;
    margin-top: -3px;
 }

 .communityImg.label_arrow.label_arrowHV div {
    background-position: 0 0;
    margin-top: 8px;
 }

 .label.communityImg.label_arrowHV:hover .labelAfter div {
    margin-top: 8px;
 }

 .label.communityImg.label_arrowHV:hover .label_arrowHV.labelAfterSmall div {
    margin-top: -10px;
 }

 .label.communityImg.label_arrowHV:hover .label_arrowHV.toLeftArrow div {
    margin-top: 3px;
 }

 .labelAfter.communityImg.label_arrow.label_arrowHV.toLeftArrow.labelAfterSmall div {
    margin-top: -5px;
 }

 .communityImg.learn_screener_createScrn_screenSuggestLightbulb {
    background-position: -44px 0;
    width: 45px;
    height: 39px;
    margin-top: 0px;
    margin-left: 0px;
 }

 .screenerAlertsAndNotes .folderTreeContent {
    top: 0px;
    width: 94%;
 }

 .leftSidebar {
    background-color: white;
 }

 .screenerAlertsAndNotes .choosePanel {
    width: 100px;
    height: 100%;
 }

 .screenerAlertsAndNotes .choosePanel .infoOption {
    width: 58px;
    height: 42px;
    position: relative;
    margin-top: 15px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    padding: 0px;
    background: -webkit-linear-gradient(top,#fff,#fff,#D5D5D5,#ddd);
    background: -o-linear-gradient(top,#fff,#fff,#D5D5D5,#ddd);
    background: -moz-linear-gradient(top,#fff,#fff,#D5D5D5,#ddd);
    background: linear-gradient(to bottom,#fff,#fff,#D5D5D5,#ddd);
    background: -ms-linear-gradient(top,#fff,#fff,#D5D5D5,#ddd);
    border: 1px solid #777;
 }

 .relatedInformation .optionPanel .infoOption {
    width: 58px;
    height: 42px;
    flex: none;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    font-family: Arial;
    font-size: 10px;
    font-weight: 400;
    padding: 0px;
    background: linear-gradient(to bottom,#fff,#fff,#D5D5D5,#ddd);
    border: 1px solid #777;
    margin-left: 10px;
    margin-right: 15px;
 }

 .screenerAlertsAndNotes .choosePanelScreen[class*='infoOptionClicked'] ~ .communityHelp {
    display: block!important;
 }

 .screenerAlertsAndNotes .choosePanel .infoOption:hover,.relatedInformation .optionPanel .infoOption:not(.disabledButton):hover {
    background: linear-gradient(to bottom,#CBF1DF,#CBF1DF);
 }

 .relatedInformation .optionPanel .infoOption.infoOptionClicked span,.relatedInformation .optionPanel .infoOption.infoOptionClicked {
    color: #027D42;
    font-weight: 700;
 }

 .screenerAlertsAndNotes .choosePanel hr {
    float: left;
    width: 47px;
    margin-top: 13px;
    margin-bottom: -2px;
    margin-left: 4px;
    opacity: 0.7;
    border: 1px inset #888;
 }

 .screenerAlertsAndNotes .choosePanel {
    height: 60px;
 }

 .screenerAlertsAndNotes .choosePanel .infoOption:first-child,.relatedInformation .optionPanel .infoOption:first-child {
    margin-top: 32px;
 }

 .screenerAlertsAndNotes .choosePanel .choosePanelScreen .choosePanelScreenImg {
    position: absolute;
    bottom: 8px;
    left: 21px;
    background-position: -559px 0;
    width: 18px;
    height: 21px;
 }

 .screenerAlertsAndNotes .infoOption {
    left: 0px;
 }

 .screenerAlertsAndNotes .infoOptionClicked {
    padding-right: 18px!important;
    margin-right: -10px!important;
 }

 .screenerAlertsAndNotes .infoOptionClicked {
    color: #027D42!important;
    background: white!important;
 }

 .optionPanel .infoOptionClicked {
    padding-left: 18px!important;
    margin-left: -10px!important;
 }

 .content.SANpanelChoosed {
    width: 330px!important;
 }

 .screenerAlertsAndNotes .label {
    top: 0%;
    bottom: 0%;
    width: 25px;
    height: 100%;
    box-shadow: 2px 0px 3px #444;
    cursor: pointer;
    background: -webkit-linear-gradient(left,#bbb,#999,#777);
    background: -o-linear-gradient(left,#bbb,#999,#777);
    background: -moz-linear-gradient(left,#bbb,#999,#777);
    background: linear-gradient(to right,#bbb,#999,#777);
 }

 .screenerAlertsAndNotes .labelAfter,.relatedInformation .labelAfter {
    width: 11px;
    height: 140px;
    position: relative;
    top: -130px;
    left: 23px;
    content: ' ';
    vertical-align: middle;
    border-radius: 0px 8px 8px 0px;
    box-shadow: 3px 3px 3px #555;
    color: white;
    text-align: center;
    padding-top: 75px;
    font-weight: bold;
 }

 .screenerAlertsAndNotes .labelAfter {
    background: linear-gradient(to right,#808080,#686868);
    background: -webkit-linear-gradient(left,gray,#686868);
 }

 .relatedInformation .labelAfter {
    left: -7px;
    border-radius: 10px 0px 0px 10px;
    box-shadow: none;
    background: linear-gradient(to left,#aaa,#ccc)!important;
    background: -webkit-linear-gradient(right,#aaa,#ccc)!important;
 }

 .screenerAlertsAndNotes .expendToWidest + .viewChart span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    left: -116px;
    top: -8px;
 }

 .sidebar .label div.toLeftArrow div {
    transform: rotate(180deg) translate(10px,10px);
    -webkit-transform: rotate(180deg) translate(10px,10px);
    -moz-transform: rotate(180deg) translate(10px,10px);
 }

 .screenerAlertsAndNotes .communityHelp {
    background: url(../../Images/help.png) no-repeat scroll center center transparent;
    position: absolute;
    top: 8px;
    width: 14px;
    height: 15px;
    left: 30px;
    z-index: 1;
    display: none;
 }

 .communityHelp:hover {
    cursor: pointer;
    background: url(../../Images/help_over.png) no-repeat scroll center center transparent;
 }

 .screenerAlertsAndNotes .content,.screenerAlertsAndNotes .label {
    position: relative;
    float: left;
    z-index: 1;
 }

 .MST > div.screenerAlertsAndNotes div.content {
    background: -webkit-linear-gradient(left,#666,#666,#666,#666,#929292)!important;
    background: linear-gradient(to right,#666,#666,#666,#666,#929292)!important;
 }

 .MST > div.screenerAlertsAndNotes .content[style] {
    overflow: visible;
 }

 .MST .sidebar div.mediumContent {
    width: 330px;
 }

 .expenedCommunityLabel {
    background: -webkit-linear-gradient(left,#aaa,#888)!important;
    background: linear-gradient(to right,#aaa,#888)!important;
 }

 .screenerAlertsAndNotes .contentCnt .alertText {
    position: absolute;
    left: 20px;
    top: 35px;
 }

 .screenerAlertsAndNotes .comTab {
    background: -webkit-linear-gradient(top,#ddd,#aaa,#666);
    background: -o-linear-gradient(top,#ddd,#aaa,#666);
    background: -moz-linear-gradient(top,#ddd,#aaa,#666);
    background: linear-gradient(to bottom,#ddd,#aaa,#666);
    position: absolute;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    top: 25px;
    height: 22px;
    width: 30%;
    margin: 0px;
    cursor: pointer;
    color: black;
    border-radius: 5px 5px 0px;
    border-left: 1px solid #606060;
    border-right: 1px solid #606060;
    border-top: 1px solid #606060;
    color: black;
 }

 .btnDiv {
    top: 20px;
 }

 .screenerAlertsAndNotes .comTab:hover {
    background: -webkit-linear-gradient(top,#eee,#bbb,#666);
    background: -o-linear-gradient(top,#eee,#bbb,#666);
    background: -moz-linear-gradient(top,#eee,#bbb,#666);
    background: linear-gradient(to bottom,#eee,#bbb,#666);
 }

 .JournalsTab {
    left: 5%;
 }

 .BlogsTab {
    left: 35%;
 }

 .AlertsTab {
    left: 65%;
 }

 .tabClicked {
    background: -webkit-linear-gradient(top,#fff,#ddd,#ccc,#aaa)!important;
    background: -o-linear-gradient(top,#fff,#ddd,#ccc,#aaa)!important;
    background: -moz-linear-gradient(top,#fff,#ddd,#ccc,#aaa)!important;
    background: linear-gradient(to bottom,#fff,#ddd,#ccc,#aaa)!important;
 }

 .contentShow {
    display: block!important;
    right: 6px;
 }

 .screenerAlertsAndNotes .closePanel {
    top: 0px;
    left: 6px;
    z-index: 1;
 }

 .screenerAlertsAndNotes .contentCnt {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 30px;
 }

 .screenerAlertsAndNotes .comContent {
    position: absolute;
    width: 98%;
    height: 100%;
    top: 0px;
    height: initial;
    display: none;
    bottom: 0px;
 }

 .screenerAlertsAndNotes .JournalsContent {
    top: 30px;
    height: auto;
    width: 100%;
    bottom: 0px;
    height: initial;
    left: 0px;
    background-color: transparent;
    text-align: center;
    position: absolute;
 }

 .JournalsContent .journalsCreateTextarea {
    margin: 0px 6px 0px 6px;
    top: 0px;
    background-color: white;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 93%;
    text-shadow: 0 0.4px;
 }

 .screenerAlertsAndNotes .JournalsContent .journalsTxt {
    color: #808080;
    font-size: 11px;
    text-align: left;
    border: 1px solid #969191;
    position: absolute;
    width: 100%;
    left: 0px;
    height: 99%;
    overflow: auto;
 }

 .journalsCreateTxtBottom {
    position: absolute;
    height: 70px;
    width: 100%;
    bottom: 0px;
    top: initial;
    background-color: #C2C6C8;
 }

 .JournalsContent button {
    width: 50px;
    height: 20px;
    bottom: 38px;
    position: absolute;
 }

 .journalsCreateTxt button {
    font-size: 11px;
    position: absolute;
    top: 12px;
 }

 .JournalsContent hr {
    left: 28%;
    bottom: 22px;
    position: absolute;
    width: 50%;
    border: none;
    border-top: 1px solid rgb(148,143,143);
 }

 .journalsCreateTxt hr {
    position: absolute;
    bottom: initial;
    top: 30px;
 }

 .JournalsContent a {
    bottom: 5%;
    position: absolute;
    width: 120px;
    color: #0066CC;
    font-size: 11px;
    top: 49px;
    left: 78px;
 }

 .journalsCreateTxt a {
    position: absolute;
    top: 46px;
    left: 23%;
 }

 .screenerAlertsAndNotes .JournalsContent .journalsTxt:focus {
    border: 2px solid #84a2bb;
    color: black;
 }

 .screenerAlertsAndNotes .JournalsContent .journalsTxt:hover {
 }

 .cancleJour {
    color: #8D99A8;
    left: 32%;
    border-radius: 3px;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: -o-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: -moz-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: linear-gradient(to bottom,#fff,#fff,#ccc,#ddd);
    background: -ms-linear-gradient(top,#fff,#fff,#ccc,#ddd);
 }

 .saveJour {
    color: #8D99A8;
    left: 55%;
    border-radius: 3px;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: -o-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: -moz-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: linear-gradient(to bottom,#fff,#fff,#ccc,#ddd);
    background: -ms-linear-gradient(top,#fff,#fff,#ccc,#ddd);
 }

 .updateJour {
    display: none;
    color: #8D99A8;
    left: 55%;
    border-radius: 3px;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: -o-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: -moz-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: linear-gradient(to bottom,#fff,#fff,#ccc,#ddd);
    background: -ms-linear-gradient(top,#fff,#fff,#ccc,#ddd);
 }

 .JournalsContent .journalsCreateTxt {
    width: 100%;
    height: auto;
    bottom: 80px;
    left: 0px;
    text-align: center;
 }

 .contentCnt .JournalsContent .newJournalsContent {
    top: -8px;
    height: auto;
    width: 100%;
    bottom: 80px;
    left: 0px;
    background-color: white;
    text-align: center;
 }

 .newJournalsContent .createClick {
    background-color: white;
    position: absolute;
    top: 8px;
    left: 71%;
    height: 16px;
    cursor: pointer;
    color: #0066cc;
 }

 .newJournalsContent .createClick:hover {
    text-shadow: 1px 0;
    text-decoration: underline;
 }

 .newJournalsContent .searchClick {
    left: -2%;
    top: 8px;
    position: relative;
    color: #0066CC;
 }

 .searchClick:hover {
    text-shadow: 1px 0;
 }

 .newJournalsTxt {
    color: #808080;
    font-size: 10px;
    text-align: left;
    margin: 0px 6px 0px 6px;
    background-color: white;
    border: 1px solid #606060;
    position: absolute;
    top: 26px;
    width: 95%;
    height: initial;
    bottom: 0px;
 }

 .newJournalsContentBottom {
    height: 70px;
    width: 100%;
    background-color: #C2C6C8;
    position: absolute;
    bottom: 0px;
    top: initial;
 }

 .newJournalsContentBottom .journalPreviousPage {
    position: relative;
    top: 15px;
    left: 71px;
    width: 56px;
    cursor: pointer;
    color: #0066cc;
 }

 .newJournalsContentBottom .journalPreviousPage:hover {
    text-decoration: underline;
    font-weight: bold;
 }

 .newJournalsContentBottom .journalPreviousPageNone {
    cursor: default!important;
    color: #879EB6!important;
 }

 .newJournalsContentBottom .journalPreviousPageNone:hover {
    text-decoration: none!important;
    font-weight: normal!important;
 }

 .newJournalsContentBottom .journalNextPage {
    position: relative;
    top: -13px;
    left: 135px;
    width: 55px;
    cursor: pointer;
    color: #0066cc;
 }

 .newJournalsContentBottom .journalNextPage:hover {
    text-decoration: underline;
    font-weight: bold;
 }

 .newJournalsContentBottom .journalNextPageNone {
    cursor: default!important;
    color: #879EB6!important;
 }

 .newJournalsContentBottom .journalNextPageNone:hover {
    text-decoration: none!important;
    font-weight: normal!important;
 }

 .newJournalsContent hr {
    left: 1%;
    top: 30px;
    position: absolute;
    width: 95%;
    color: black;
    bottom: initial;
 }

 .newJournalsTxt .jouralsShow {
    position: relative!important;
    text-align: left!important;
    width: 100%;
    top: 0px;
    font-size: 11px;
    max-height: 206px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }

 .newJournalsTxt .jouralsShow .journalsNote {
    position: relative;
    width: 95%;
    text-align: left;
    top: 0px;
    padding-top: 8px;
    padding-left: 5px;
    color: black;
    word-wrap: break-word;
    white-space: pre-wrap;
    font-weight: bold;
    line-height: 14px;
 }

 .newJournalsTxt .jouralsShow .journalNoteShowMoreTag {
    position: absolute;
    color: #000;
    right: 2px;
    bottom: 0px;
    font-weight: bold;
 }

 .newJournalsTxt .jouralsShow .largeNote {
    overflow: hidden;
    height: 183px;
 }

 .newJournalsTxt .jouralsShow .journalsDate {
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
 }

 .newJournalsTxt .jouralsShow:hover .journalsEdit,.newJournalsTxt .jouralsShow:hover .journalsDelete {
    display: block!important;
 }

 .newJournalsTxt .journalsEdit {
    position: absolute;
    left: 67%;
    top: 7px;
    font-size: 12px;
    cursor: pointer;
    color: #0066cc;
    display: none;
 }

 .newJournalsTxt .journalsEdit:hover {
    text-decoration: underline;
    font-weight: bold;
 }

 .newJournalsTxt .journalsDelete {
    position: absolute;
    left: 80%;
    top: 7px;
    font-size: 12px;
    color: #0066cc;
    cursor: pointer;
    display: none;
 }

 .newJournalsTxt .journalsDelete:hover {
    text-decoration: underline;
    font-weight: bold;
 }

 .contentCnt .JournalsContent .newSearchJournalsContent {
    top: -2px;
    height: auto;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background-color: white;
    text-align: center;
    border-bottom: 1px solid #D1D1D1;
 }

 .newSearchJournalsContentTop {
    position: absolute;
    top: 0px;
    height: 83px;
    width: 100%;
 }

 .newSearchJournalsContentTopHeadline {
    position: absolute;
    height: 23px;
    top: 0px;
    left: 7px;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    text-align: left!important;
 }

 .newSearchJournalsContentTopTextBox {
    position: absolute;
    top: 22px;
    height: 42px;
    width: 100%;
    color: #99A5B2;
    left: 8px;
    text-align: left!important;
 }

 .newSearchJournalsContentTopTextBox input {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 67%;
 }

 .newSearchJournalsContentTopTextBox input:focus {
    outline: 0;
    border: 2px solid rgb(189,186,186);
 }

 .newSearchJournalsContentTopTextBox .newSearchJournalsContentClick {
    position: absolute;
    top: 23px;
    right: 22px;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #888;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    border-radius: 3px;
    cursor: pointer;
 }

 .newSearchJournalsContentTopTextBox .newSearchJournalsContentClick:hover {
    background: -webkit-linear-gradient(top,#fff,#cbf1df,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
    background: -o-linear-gradient(top,#fff,#cbf1df,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(top,#fff,#cbf1df,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
    background: linear-gradient(to bottom,#fff,#cbf1df,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
 }

 .newSearchJournalsContentTopTextBox .newSearchJournalsContentClick:focus {
    outline: #06c067 auto 1px;
 }

 .newSearchJournalsContentTop .closePanel {
    position: absolute;
    top: 0px;
    left: 90%;
 }

 .newSearchJournalsContentCenter {
    position: absolute;
    top: 84px;
    bottom: 33px;
    width: 100%;
    text-align: left;
 }

 .newSearchJournalsContentCenterScroll {
    overflow-y: scroll;
    overflow-x: hidden;
    bottom: 0px;
    position: absolute;
    right: 2px;
    top: 47px;
    width: 100%;
 }

 .newSearchJournalsContent .newSearchCenterHr {
    position: absolute;
    bottom: 26px;
    top: auto;
 }

 .newSearchJournalsContentCenterResults {
    position: absolute;
    left: 7px;
    font-size: 15px;
    top: 12px;
 }

 .newSearchJournalsContentCenterResultsTextArea {
    position: relative;
    top: 8%;
    width: 97%;
    height: 93%;
 }

 .newSearchJournalsResultsContents {
    position: relative!important;
    width: 90%;
    left: 10px;
    height: 38px;
    line-height: 12px;
    overflow: hidden;
    text-align: left!important;
    color: #1C7B9C;
    font-weight: bold;
    word-wrap: break-word;
    white-space: pre-wrap;
    border-bottom: 10px solid transparent;
    font-size: 11px;
 }

 .newSearchJournalsResultsContents:hover {
    text-decoration: underline;
 }

 .newSearchJournalsResultsContents .newSearchJournalsResultslSymbol {
    position: relative;
    float: left;
    left: 11px;
 }

 .newSearchJournalsResultsContents .newSearchJournalsResultslNote {
    float: left;
    padding-left: 20px;
 }

 .newSearchJournalsResultsContents:hover {
    background-color: #F3F3F1;
    cursor: pointer;
 }

 .newSearchJournalsResultsContents:hover .newSearchJournalsResultslNote {
    text-decoration: underline;
 }

 .newSearchJournalsResultsContents:hover .newSearchJournalsResultslSymbol {
    text-decoration: underline;
 }

 .newSearchJournalsContent hr {
    left: 1%;
    width: 97%;
    top: 77px;
    border: none;
    border-top: 1px solid rgb(192,185,185);
 }

 .newSearchJournalsContent .newSearchJournalsShowResult {
    position: absolute;
    bottom: 7px;
    color: #007BD7;
    left: 7px;
    cursor: pointer;
 }

 .newSearchJournalsContent .newSearchJournalsShowResult:hover {
    text-decoration: underline;
    text-shadow: 1px 0;
 }

 .newSearchJournalsBubble {
    display: none;
    width: 250px;
    height: 100px;
    border: 2px outset #dedede;
    position: absolute;
    top: 0px;
    left: 320px;
    background-color: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 111;
    font-weight: bold;
 }

 .newSearchJournalsBubble em {
    display: block;
    border-width: 18px;
    position: absolute;
    bottom: 25px;
    left: -35px;
    border-style: solid;
    border-color: transparent #dedede transparent transparent;
    font-size: 0;
    line-height: 0;
 }

 .newSearchJournalsBubble span {
    display: block;
    border-width: 22px;
    position: absolute;
    bottom: 21px;
    left: -37px;
    border-style: solid;
    border-color: transparent #FFF transparent transparent;
    font-size: 0;
    line-height: 0;
 }

 .newSearchJournalsBubble .newSearchJournalsBubbleContent {
    position: absolute;
    padding: 5px 0px 0px 7px;
    width: 98%;
    height: 94%;
    word-wrap: break-word;
    word-break: normal;
    white-space: pre-wrap;
    overflow-x: hidden;
    overflow-y: auto;
 }

 .AlertsContent {
    top: 20px;
    width: 100%;
    bottom: 40px;
 }

 .alertTitle {
    margin-top: 29px;
    width: 100%;
    height: 21px;
    text-align: center;
    font-size: 12px;
 }

 .alertTitle span {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
 }

 .alertTitle .alertSel {
    position: absolute;
    left: 55px;
    top: 35px;
    width: 180px;
    height: 15px;
    font-weight: bold;
    background: -webkit-linear-gradient(top,#eee,#fff,#dd);
    background: -o-linear-gradient(top,#eee,#fff,#dd);
    background: -moz-linear-gradient(top,#eee,#fff,#dd);
    background: linear-gradient(to bottom,#eee,#fff,#ddd);
    background: -ms-linear-gradient(top,#eee,#fff,#dd);
    border: 1px solid #aaa;
    border-radius: 2px;
 }

 .alertTitle .alertSel .alertSelectText {
    position: absolute;
    left: 11px;
 }

 .alertTitle .alertSel:focus,.alertTitle .alertSel:hover {
    background: linear-gradient(to bottom,#FDFDFD,#FDFDFD,#cbf1df,#cbf1df,#cbf1df)!important;
    background: -webkit-linear-gradient(top,#FDFDFD,#FDFDFD,#cbf1df,#cbf1df,#cbf1df);
    background: -o-linear-gradient(top,#FDFDFD,#FDFDFD,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(top,#FDFDFD,#FDFDFD,#cbf1df,#cbf1df,#cbf1df);
    background: -ms-linear-gradient(top,#FDFDFD,#FDFDFD,#cbf1df,#cbf1df,#cbf1df);
    cursor: pointer;
 }

 .alertTitle .alertSel .littleTriangleArrow {
    position: absolute;
    left: 165px;
    top: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #000;
 }

 .alertSelectOption:hover {
    cursor: pointer;
 }

 .alertTitle .alertSelectOption li {
    height: 19px;
    padding-left: 5px;
    padding-top: 4px;
 }

 .optionSelected {
    background: #98e5c1!important;
 }

 .alertTitle .alertSelectOption li:hover {
    background-color: #cbf1df;
 }

 .alertTitle .alertSel .alertSelectOption {
    position: absolute;
    left: -40px;
    top: 0px;
    width: 175px;
    font-weight: bold;
 }

 .alertTitle .alertSelectMenu {
    position: absolute;
    left: -1px;
    top: 16px;
    width: 175px;
    height: 69px;
    border: 3px solid #BABCBF;
    box-shadow: 2px 2px 2px #8A8A8A;
    text-align: left;
    background: white;
    z-index: 999;
    display: none;
 }

 .screenerAlertsAndNotes .contentCnt .AlertsContent .alertCnt {
    width: 248px;
    border: 1px solid #706E6E;
    margin: 0 0 0 6px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 58px;
    bottom: 40px;
    background: #ccd2d6;
 }

 .alertCnt span {
    position: relative;
    left: auto;
    top: 150px;
 }

 .alertCntLoading {
    width: 100%;
    height: 115px;
    background-color: #fff;
    background-size: auto !important;
 }

 .screenerAlertsAndNotes .contentCnt .AlertsContent .setAlertlink {
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 260px;
    margin-left: 1px;
    background: #ccd2d6;
    font-size: 11px;
 }

 .screenerAlertsAndNotes .contentCnt .setAlert.communitySetAlert {
    left: 0;
    position: absolute;
    margin: 8px 0 0 45px;
 }

 .screenerAlertsAndNotes .contentCnt .setAlert.communityManageAlert {
    left: 0;
    position: absolute;
    margin: 8px 0 0 132px;
 }

 .screenerAlertsAndNotes .contentCnt .AlertsContent .noAlerts {
    background: white;
    height: 100.1%;
    width: 100%;
    position: absolute;
    display: table;
 }

 .screenerAlertsAndNotes .contentCnt .AlertsContent .noAlerts .noAlertsContent {
    font-size: 13px;
    text-align: center;
    height: 100%;
    font-family: Arial;
    vertical-align: middle;
    display: table-cell;
 }

 .screenerAlertsAndNotes .contentCnt .AlertsContent .noAlerts .noAlertsContent .noAlertsText {
    margin-bottom: 22px;
 }

 .comContent .SetAlert {
    position: absolute;
    bottom: 5%;
 }

 .screenerAlertsAndNotes .contentCnt div .priceBelow {
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    padding: 9px 0 8px 8px;
 }

 .screenerAlertsAndNotes .contentCnt div .priceBelow samp {
    font-family: inherit;
 }

 .screenerAlertsAndNotes .contentCnt div .alertNoteContent {
    text-align: left;
    padding: 10px 0 0 10px;
 }

 .screenerAlertsAndNotes .contentCnt div .alertNoteContentText {
    text-align: left;
    padding-left: 25px;
    font-weight: bold;
    word-wrap: break-word;
    word-break: normal;
 }

 .screenerAlertsAndNotes .contentCnt div .priceBelowTable {
    width: 83%;
 }

 .screenerAlertsAndNotes .contentCnt div .priceBelowTable tr td:first-child {
    text-align: right;
    font-size: 12px;
 }

 .screenerAlertsAndNotes .contentCnt div .priceBelowTable tr td:last-child {
    font-weight: bold;
    text-align: left;
    font-size: 12px;
 }

 .screenerAlertsAndNotes .contentCnt div .priceBelowhover {
    background-color: #E7E7E7;
 }

 .screenerAlertsAndNotes .contentCnt div .priceBelowEditDelete {
    padding-top: 6px;
    height: 12px;
    text-align: right;
    padding-right: 18px;
 }

 .communityAlertsContentList .priceBelowEditDelete .communityEdit {
    display: none;
    margin: 0 20px 0 80px;
 }

 .communityAlertsContentList .priceBelowEditDelete .communityDelete {
    display: none;
 }

 .comContent .communityAlertsContentList {
    background-color: white;
    border-bottom: 1px solid #555353;
    cursor: pointer;
    padding-bottom: 10px;
 }

 .comContent .communityAlertsContentList:hover {
    background-color: #E7E7E7;
 }

 .comContent .communityAlertsContentList.communityAlertsTriggerContentList:hover {
    background-color: #cbf1df;
 }

 .comContent .communityAlertsContentList .triggerContext {
    color: #027D42;
 }

 .comContent .communityAlertsContentList .dismissContext {
    color: #98e5c1;
 }

 .comContent a {
    color: #0066cc;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
 }

 .comContent a:hover {
    text-decoration: underline;
    text-shadow: 0 0 0 #333;
 }

 .screenerAlertsAndNotes .toolPaletteCont {
    width: 100%;
    height: 30px;
    bottom: 0px;
    background-color: #767677;
    color: white;
    font-size: 12px;
    position: absolute;
    left: 0px;
    border-style: none solid solid;
    border-width: 1px;
 }

 .screenerAlertsAndNotes .toolPaletteCont .title {
    width: 120px;
    height: 15px;
    text-align: right;
    top: 10px;
    position: absolute;
    right: 16px;
    font-family: Arial;
    font-size: 11px;
 }

 .toolPaletteCont .redockImg {
    position: absolute;
    right: 3px;
    top: 0px;
    width: 14px;
    height: 14px;
    -webkit-transform: scale(0.7) rotate(180deg);
    -moz-transform: scale(0.7) rotate(180deg);
    -o-transform: scale(0.7);
    transform: scale(0.7) rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    background: url(../../Images/stockChart/Icons/Dock.png) no-repeat center;
 }

 .toolPaletteCont div.redockImg.chartTool_chartmenu_redockTaskpanel {
    width: 8px;
    height: 8px;
    transform: none;
 }

 .toolPaletteCont .redockImg.chartTool_chartmenu_redockTaskpanel:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    cursor: pointer;
 }

 .toolPaletteCont div.redockImg:hover {
    -webkit-transform: scale(0.9) rotate(180deg);
    -moz-transform: scale(0.9) rotate(180deg);
    -o-transform: scale(0.9) rotate(180deg);
    transform: scale(0.9) rotate(180deg);
 }

 .toolPaletteCont .toolPaletteContent {
    position: absolute;
    left: 3%;
    top: 10px;
    width: 95%;
    bottom: 3px;
    display: none;
 }

 .MST .community .toolPaletteCont .toolPaletteContent .drawingPallet {
    left: 0px!important;
    top: -2px!important;
    background: transparent;
    border: none;
    width: 100%;
    height: 100%;
    overflow: visible;
 }

 .MST .community .toolPaletteCont .toolPaletteContent .drawingPallet .drawingPalletButton {
    position: absolute;
    width: 21px;
    margin-top: 7px;
    margin-left: 2px;
    margin-bottom: 12px;
    background: #F3F5F6;
 }

 .MST .community .toolPaletteContent .drawingPallet div[class$="Select"] {
    z-index: 1;
    color: black!important;
    font-size: 10px!important;
 }

 .MST .community .toolPaletteCont .toolPaletteContent .drawingPallet .viewMarkupList,.MST .community .toolPaletteCont .toolPaletteContent .drawingPallet .markupLine,.MST .community .toolPaletteCont .toolPaletteContent .drawingPallet .insertText,.MST .community .toolPaletteCont .toolPaletteContent .drawingPallet .markupLineWeight,.MST .community .toolPaletteCont .toolPaletteContent .drawingPallet .markupDisplay,.MST .community .toolPaletteCont .toolPaletteContent .drawingPallet .deleteMarkup {
    top: 30px;
 }

 .MST .community .toolPaletteCont .markupDisplay {
    left: 130px;
    top: 25px;
 }

 .MST .community .toolPaletteCont .chartList {
    top: 25px;
    left: 0px;
 }

 .MST .community .contentCnt.showPallet {
    bottom: 82px;
 }

 .MST .community .contentCnt.showPallet + .toolPaletteCont {
    height: 82px;
 }

 .MST .community .contentCnt.showPallet + .toolPaletteCont {
    height: 82px;
 }

 .MST .community .contentCnt.showPallet + .toolPaletteCont .title {
    display: none;
 }

 .MST .community .contentCnt.showPallet + .toolPaletteCont .toolPaletteContent {
    display: block;
 }

 .toolPaletteCont .chartBackground {
    top: 0px;
    left: 0px;
 }

 .MST .community .toolPaletteCont .markupShap {
    left: 35px;
 }

 .MST .community .toolPaletteCont .markupPattern {
    left: 65px;
 }

 .MST .community .toolPaletteCont .markupLine {
    left: 35px;
    top: 25px;
 }

 .MST .community .toolPaletteCont .markupColor {
    left: 95px;
    top: 0px;
 }

 .MST .community .toolPaletteCont .markupLineWeight {
    top: 25px;
    left: 95px;
 }

 .MST .community .toolPaletteCont .deleteMarkup {
    top: 25px;
    left: 165px;
    width: 22px;
 }

 .MST .community .toolPaletteCont .chartTool {
    top: 0px;
    left: 130px;
 }

 .MST .community .toolPaletteCont .insertText {
    top: 25px;
    left: 65px;
 }

 .MST .community .toolPaletteCont .firstLine {
    top: -3px;
    left: 20px;
    position: absolute;
    background-color: #9f9d9e!important;
    height: 56px!important;
 }

 .MST .community .toolPaletteCont .secondLine {
    top: -3px;
    left: 117px;
    height: 56px!important;
    position: absolute;
    background-color: #9f9d9e!important;
 }

 .MST .community .toolPaletteCont .chartBackgroundSelect {
    top: -65px!important;
 }

 .MST .community .toolPaletteCont .markupShapSelect {
    top: -95px!important;
 }

 .MST .community .toolPaletteCont .markupPatternSelect {
    top: -49px!important;
 }

 .MST .community .toolPaletteCont .markupColorSelect {
    top: -164px!important;
 }

 .MST .community .toolPaletteCont .chartToolSelect {
    top: -70px!important;
 }

 .MST .community .toolPaletteCont .markupLineSelect {
    top: -49px!important;
 }

 .MST .community .toolPaletteCont .markupLineWeightSelect {
    top: -90px!important;
 }

 .drawingPallet .chartBackground div.chartToolOptionImg {
    width: 17px;
    margin-left: 1px;
    margin-top: 4px;
    height: 14px;
 }

 .drawingPallet .drawingPalletButton {
    float: left;
    margin-top: 7px;
    margin-left: 6px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    cursor: pointer;
    background: White;
 }

 .drawingPallet .buttonActive {
    background: -webkit-linear-gradient(top,#fff,#F3F5F6)!important;
    background: -o-linear-gradient(top,#fff,#F3F5F6)!important;
    background: -moz-linear-gradient(top,#fff,#F3F5F6)!important;
    background: linear-gradient(to bottom,#fff,#F3F5F6)!important;
    border: 2px solid #06c067;
    border-radius: 5px;
 }

 .drawingPallet .drawingPalletButton div.littleTriangleArrow {
    width: 0px;
    height: 0px;
    border-bottom: 5px solid #000;
    border-right: none;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    float: right;
    margin-top: -11px;
    margin-right: 1.5px;
 }

 .drawingPallet .drawingPalletButton.markupLineWeight .selected div.chartToolOptionImg {
    height: 3px;
    margin-top: 8px;
 }

 .drawingPallet .drawingPalletButton.markupLineWeight div.littleTriangleArrow {
    margin-top: -4px;
 }

 .drawingPallet .drawingPalletButton .chartToolOption:hover {
    background-color: #cbf1df;
 }

 .drawingPallet .drawingPalletButton .selected {
    width: 100%;
    height: 100%;
 }

 .drawingPallet .drawingPalletButton .selected + div[class*='Select'] {
    border: 1px outset #D2D3D5;
 }

 .drawingPallet .drawingPalletButton .chartToolOptionActive {
    background-color: #EAEAEA !important;
 }

 .drawingPallet .drawingPalletButton img {
    float: left;
    width: 70%;
    height: 70%;
    margin-left: 15%;
    margin-top: 15%;
 }

 .drawingPallet .separationLine {
    height: 20px;
    margin-top: 8px;
    margin-left: 15px;
    margin-right: 1px;
    float: left;
    width: 0px;
    border-right: 1px solid #4a4c50;
 }

 .drawingPallet .firstLine {
    margin-left: 8px;
 }

 .drawingPallet .secondLine {
    margin-left: 7px;
 }

 .drawingPallet .chartList img {
    width: 80%;
    height: 46%;
    margin-left: 10%;
    margin-top: 27%;
 }

 .drawingPallet .chartBackground img {
    width: 80%;
    height: 46%;
    margin-left: 10%;
    margin-top: 27%;
 }

 .drawingPallet .chartBackground .chartBackgroundSelect {
    display: none;
    position: absolute;
    width: 50px;
    top: 29px;
    margin-left: -1px;
    background: #ffffff;
 }

 .drawingPallet .drawingPalletButton:hover {
    background: rgb(255,255,242)!important;
 }

 .drawingPallet .drawingPalletButton:hover > div[class*=Select] {
    display: block;
 }

 .hideDrawingOption {
    display: none !important;
 }

 .drawingPallet .hideDrawingOption:hover .chartToolOption {
    display: none !important;
 }

 .drawingPallet .chartBackground .chartBackgroundSelect .chartBackgroundSelectOption {
    float: left;
    width: 50%;
    height: 21px;
    text-align: center;
    margin: auto;
 }

 .drawingPallet .chartToolOptionImg,.toolPaletteCont .redockImg,.contextmenu li .chartToolOptionImg,.comparisonListCnt .comparisonDelete > span.chartToolOptionImg {
    background-repeat: no-repeat;
    margin: 3px;
    height: 16px;
    width: 17px;
    float: none;
 }

 .contextmenu li .chartToolOptionImg,.contextmenu li .chartBtnsImg {
    display: inline-block;
    float: left;
    margin-left: -33px!important;
    height: 20px;
    margin-top: -3px;
    width: 15px;
 }

 .contextmenu li .chartBtnsImg {
    margin-top: 0px;
 }

 .drawingPallet .chartBackgroundSelectOption .chartToolOptionImg {
    width: 21px;
    height: 21px;
    margin-top: 2px;
 }

 .drawingPallet div.chartTool_LineStyleNormal {
    background: url(../../Images/stockChart/Icons/Solid2.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
 }

 .drawingPallet div.chartTool_LineStyleThick {
    background: url(../../Images/stockChart/Icons/Solid3.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
 }

 .drawingPallet div.chartTool_LineStyleThin {
    background: url(../../Images/stockChart/Icons/Solid1.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
 }

 .drawingPallet div.chartTool_LineStyledoted {
    background: url(../../Images/stockChart/Icons/Dotted1.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
 }

 .drawingPallet div.chartTool_MacCommandSychartmenu_mbol {
    background-position: -64px 0;
 }

 .drawingPallet div.chartTool_bg_Azure {
    background-position: -76px 0;
 }

 .drawingPallet div.chartTool_bg_Blue {
    background: url(../../Images/stockChart/Icons/BackgroundColors/Bule.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_bg_Green {
    background: url(../../Images/stockChart/Icons/BackgroundColors/Green.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_bg_Red {
    background: url(../../Images/stockChart/Icons/BackgroundColors/Red.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_bg_chart {
    background: url(../../Images/stockChart/Icons/BackgroundColor.png) no-repeat center;
    background-size: 100% 100%;
    width: 19px;
    margin-left: 1px;
 }

 .drawingPallet div.chartTool_bg_White {
    background: url(../../Images/stockChart/Icons/BackgroundColors/White.png) no-repeat center;
    background-size: 100% 100%;
    width: 19px;
    margin-left: 1px;
 }

 .drawingPallet div.chartTool_bg_Yellow {
    background: url(../../Images/stockChart/Icons/BackgroundColors/Yellow.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_bg_Purple {
    background: url(../../Images/stockChart/Icons/BackgroundColors/Purple.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_chartmenu_Arrow {
    background-position: -184px 0;
 }

 .drawingPallet div.chartTool_chartmenu_CloseListProperties {
    background-position: -188px 0;
 }

 .drawingPallet div.chartTool_chartmenu_DragTool {
    background: url(../../Images/stockChart/Icons/Drag.png) no-repeat center;
    background-size: 50% 80%;
    height: 100%;
    margin: 0px 0px 0px 5px;
 }

 .drawingPallet div.chartTool div.chartTool_chartmenu_LinePen,.stockCharts .contextmenu li.cmTLP .chartToolOptionImg {
    background: url(../../Images/stockChart/Icons/LinePen.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_chartmenu_MacOptionsLinePen {
    background-position: -228px 0;
 }

 .drawingPallet div.chartTool_chartmenu_MacPalletLinePen {
    background-position: -329px 0;
 }

 .drawingPallet div.chartTool_chartmenu_MacPalletTrack {
    background-position: -426px 0;
 }

 .drawingPallet div.chartTool_chartmenu_PCOptionsLinePen {
    background-position: -574px 0;
 }

 .drawingPallet div.chartTool_chartmenu_PCPalletLinePen {
    background-position: -684px 0;
 }

 .drawingPallet div.chartTool_chartmenu_PCPalletTrack {
    background-position: -799px 0;
 }

 .drawingPallet .chartTool div.chartTool_chartmenu_Select,.stockCharts .contextmenu li.cmSelect .chartToolOptionImg {
    background: url(../../Images/stockChart/Icons/Select.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: 4px;
 }

 .drawingPallet div.chartTool_chartmenu_T {
    background: url(../../Images/stockChart/Icons/TextBox.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_chartmenu_Track,.stockCharts .contextmenu li.cmTracePrice .chartToolOptionImg {
    background: url(../../Images/stockChart/Icons/TrackPrice.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_chartmenu_Trash,.stockCharts .contextmenu li.cmdel .chartToolOptionImg,.comparisonListCnt .comparisonDelete > span.chartToolOptionImg {
    background: url(../../Images/stockChart/Icons/Delete.png) no-repeat center;
    background-size: 75% 75%;
    width: 17px;
 }

 .drawingPallet div.chartTool_chartmenu_chartList {
    background: url(../../Images/stockChart/Icons/MarkupList.png) no-repeat left;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_chartmenu_eye {
    background: url(../../Images/stockChart/Icons/HideAnnotations.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_chartmenu_redock {
    background: url(../../Images/stockChart/Icons/Dock.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_Azure {
    background: url(../../Images/stockChart/Icons/Colors/Teal.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_AzureLight {
    background: url(../../Images/stockChart/Icons/Colors/LightTeal.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color {
    background: url(../../Images/stockChart/Icons/button_icons/color.png) no-repeat left;
    background-size: 75% 75%;
    width: 16px;
 }

 .drawingPallet div.chartTool_color_Black {
    background: url(../../Images/stockChart/Icons/Colors/Black.png) no-repeat center;
    background-size: 100% 100%;
    width: 16px;
 }

 .drawingPallet div.chartTool_color_BlackLight {
    background: url(../../Images/stockChart/Icons/Colors/Gray.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_Blue {
    background: url(../../Images/stockChart/Icons/Colors/Blue.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_BlueLight {
    background: url(../../Images/stockChart/Icons/Colors/LightBlue.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_Green {
    background: url(../../Images/stockChart/Icons/Colors/LimeGreen.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_GreenLight {
    background: url(../../Images/stockChart/Icons/Colors/LightGreen.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_Pink {
    background: url(../../Images/stockChart/Icons/Colors/HotPink.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_PinkLight {
    background: url(../../Images/stockChart/Icons/Colors/LightPink.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_Red {
    background: url(../../Images/stockChart/Icons/Colors/Red.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_RedLight {
    background: url(../../Images/stockChart/Icons/Colors/Orange.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_Yellow {
    background: url(../../Images/stockChart/Icons/Colors/Yellow.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_color_YellowLight {
    background: url(../../Images/stockChart/Icons/Colors/DarkYellow.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_shape_Arc {
    background: url(../../Images/stockChart/Icons/Are.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_shape_Circle {
    background: url(../../Images/stockChart/Icons/CircleOutline.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_shape_FilledCircle {
    background: url(../../Images/stockChart/Icons/CircleSolid.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_shape_FilledRectangle {
    background: url(../../Images/stockChart/Icons/RectangleSolid.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_shape_Line {
    background: url(../../Images/stockChart/Icons/Line.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_shape_double_line {
    background: url(../../Images/stockChart/Icons/ParallelLines.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_shape_highlight {
    background-position: -1419px 0;
 }

 .drawingPallet div.chartTool_shape_horizontal_line {
    background: url(../../Images/stockChart/Icons/horizontal_line-30.png) no-repeat center;
    background-size: 100% 100%;
    width: 15px;
 }

 .drawingPallet div.chartTool_shape_shard {
    background: url(../../Images/stockChart/Icons/Pointer.png) no-repeat center;
    background-size: 100% 100%;
 }

 .drawingPallet div.chartTool_shape {
    background: url(../../Images/stockChart/Icons/RectangleSolid.png) no-repeat center;
    background-size: 100% 100%;
    margin: 3px;
 }

 .drawingPallet div.chartTool_shape_square {
    background: url(../../Images/stockChart/Icons/RectangleOutline.png) no-repeat center;
    background-size: 100% 100%;
    margin: 3px;
 }

 .stockCharts .contextmenu li.cmTLP .chartToolOptionImg,.stockCharts .contextmenu li.cmSelect .chartToolOptionImg {
    margin-top: 0px;
 }

 .drawingPallet .markupShap .markupShapSelect {
    display: none;
    position: absolute;
    width: 133px;
    top: 29px;
    margin-left: -1px;
    background: #ffffff;
 }

 .drawingPallet .markupShap:hover .markupShapSelect {
    display: block;
 }

 .drawingPallet .markupShap .markupShapSelect .markupShapOption {
    height: 23px;
    line-height: 23px;
    font-size: 10px;
 }

 .drawingPallet .markupShap .markupShapSelect div.chartToolOptionImg {
    width: 15px;
    height: 15px;
    float: left;
    margin: 5px 3px 3px 4px;
 }

 .drawingPallet .markupPattern .markupPatternSelect {
    display: none;
    position: absolute;
    width: 63px;
    top: 29px;
    margin-left: -1px;
    background: #ffffff;
 }

 .drawingPallet .markupPattern .markupPatternSelect .markupPatternOption .chartToolOptionImg {
    height: 14px;
    width: 14px;
    float: left;
    margin: 5px 4px 0px 5px;
 }

 .drawingPallet .markupPattern .markupPatternSelect .markupPatternOption {
    height: 23px;
    line-height: 23px;
    font-size: 10px;
 }

 .drawingPallet .markupPattern .markupPatternSelect div.chartToolOptionImg {
    width: 16px;
    height: 9px;
    float: left;
    margin: 5px 3px 3px 4px;
 }

 .drawingPallet .markupLine .markupLineSelect {
    display: none;
    position: absolute;
    width: 105px;
    top: 29px;
    margin-left: -1px;
    background: #ffffff;
 }

 .drawingPallet .markupLine:hover .markupLineSelect {
    display: block;
 }

 .drawingPallet .markupLine .markupLineSelect .markupLineOption {
    height: 23px;
    line-height: 23px;
    font-size: 10px;
 }

 .drawingPallet .markupLine .markupLineSelect div.chartToolOptionImg {
    width: 16px;
    height: 10px;
    float: left;
    margin: 7px 3px 3px 4px;
 }

 .drawingPallet .markupColor .markupColorSelect {
    display: none;
    position: absolute;
    width: 45px;
    top: 29px;
    margin-left: -1px;
    background: #ffffff;
 }

 .drawingPallet .markupColor:hover .markupColorSelect {
    display: block;
 }

 .drawingPallet .markupColor .markupColorSelect .markupColorOption {
    float: left;
    width: 50%;
    height: 23px;
    line-height: 23px;
 }

 .drawingPallet .markupColor .markupColorSelect div.chartToolOptionImg {
    width: 14px;
    height: 14px;
    float: left;
    margin: 4px 0px 3px 5px;
 }

 .drawingPallet .markupLineWeight .markupLineWeightSelect {
    display: none;
    position: absolute;
    width: 105px;
    top: 29px;
    margin-left: -1px;
    background: #ffffff;
 }

 .drawingPallet .markupLineWeight .markupLineWeightSelect .markupLineWeightOption {
    height: 23px;
    text-align: center;
    line-height: 23px;
    font-size: 10px;
 }

 .drawingPallet .markupLineWeight .markupLineWeightSelect div.chartToolOptionImg {
    width: 15px;
    height: 3px;
    float: left;
    margin: 7px 3px 3px 4px;
 }

 .drawingPallet .chartTool .chartToolSelect {
    display: none;
    position: absolute;
    width: 202px;
    top: 29px;
    margin-left: -1px;
    background: #ffffff;
 }

 .drawingPallet .chartTool .selected div.littleTriangleArrow {
    margin-top: -12px;
 }

 .drawingPallet .chartTool .chartToolSelect .markupToolOption {
    height: 23px;
    line-height: 23px;
    font-size: 10px;
 }

 .drawingPallet .chartTool .chartToolSelect div.chartToolOptionImg {
    width: 14px;
    height: 14px;
    float: left;
    margin: 3px 3px 3px 4px;
 }

 .helpTitle {
    width: 98%;
    padding-left: 2%;
    height: 32px;
    line-height: 32px;
    border-radius: 9px 9px 0px 0px;
    font-size: 19px;
    font-weight: bold;
    background: -webkit-linear-gradient(top,#ccc,#fff,#ccc);
    background: -o-linear-gradient(top,#ccc,#fff,#ccc);
    background: -moz-linear-gradient(top,#ccc,#fff,#ccc);
    background: linear-gradient(to bottom,#ccc,#fff,#ccc);
 }

 .helpTitleChild {
    width: 98%;
    padding-left: 2%;
    height: 32px;
    line-height: 32px;
    border-radius: 9px 9px 0px 0px;
    font-size: 19px;
    font-weight: bold;
    background: -webkit-linear-gradient(top,#ccc,#fff,#ccc);
    background: -o-linear-gradient(top,#ccc,#fff,#ccc);
    background: -moz-linear-gradient(top,#ccc,#fff,#ccc);
    background: linear-gradient(to bottom,#ccc,#fff,#ccc);
    cursor: default;
 }

 .HelpBtnClose {
    position: absolute;
    right: 1px;
    top: 8px;
    background-image: url(../../Images/btn-close.png);
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 100;
    background-repeat: no-repeat;
    opacity: 0.5;
 }

 .ScreenerHelp {
    width: 708px;
    height: 545px;
    font-size: 14px;
    border-radius: 9px;
    left: 50%;
    margin-left: -354px;
    top: 21%;
    position: fixed;
    border: 1px solid #666666;
    background-size: 700px 350px;
    z-index: 9999;
    background-color: #E1E1E1;
 }

 .ScreenerHelp span.btn-close,.ScreenerHelpChild span.btn-close {
    right: 22px;
    top: 18px;
 }

 .ScreenerHelp .helpTitle {
    width: 96.3%;
    padding-left: 26px;
    height: 50px;
    line-height: 50px;
    border-radius: 9px 9px 0px 0px;
    font-size: 28px;
    font-weight: bold;
    background: #EFEFEF;
    cursor: default;
    border-bottom: 1px solid #C4C4C4;
 }

 .ScreenerHelp .title {
    margin-left: 88px;
    margin-top: -45px;
    font-size: 14px;
    cursor: default;
    font-weight: normal;
    color: #666666;
 }

 .ScreenerHelp .screenerFramePeriphery {
    width: 659px;
    height: 433px;
    margin: 3%;
    margin-top: 8px;
    cursor: default;
    border-style: solid;
    border-color: #D9D9D8;
    border-width: 1px;
 }

 .ScreenerHelp .screenerFrameInside {
    width: 541px;
    height: 386px;
    margin-top: 45px;
    margin-left: 80px;
    border: 1px solid #999999;
    cursor: default;
    background: #FFFFFF;
 }

 .ScreenerHelp .screenerSymbol {
    font-size: 12px;
    color: #999999;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #999999;
 }

 .ScreenerHelp .infoOptionHelp {
    width: 20px;
    height: 15px;
    left: 2px;
    border: 1px solid #999999;
 }

 .ScreenerHelp .infoOptionHelp.screens {
    position: relative;
    top: 10px;
    padding-right: 3px !important;
    border-right-color: white;
    z-index: 1;
 }

 .ScreenerHelp .infoOptionHelp.alerts {
    position: relative;
    top: 20px;
 }

 .ScreenerHelp .infoOptionHelp.notes {
    position: relative;
    top: 30px;
 }

 .ScreenerHelp .infoOptionHelp.blogs {
    position: relative;
    top: 40px;
 }

 .ScreenerHelp .listViewHelp {
    position: absolute;
    width: 100px;
    height: 200px;
    top: 127px;
    left: 107px;
    border: 1px solid #999999;
    background-color: #E1E1E1;
 }

 .ScreenerHelp .screenNameHelp {
    position: relative;
    top: -69px;
    left: 127px;
    width: 400px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    padding-left: 5px;
    color: #999999;
    border: 1px solid #999999;
 }

 .ScreenerHelp .screenDetailHelp {
    position: relative;
    top: -70px;
    left: 127px;
    border: 1px solid #999999;
    width: 405px;
    height: 199px;
 }

 .ScreenerHelp .listDetailHelp {
    position: absolute;
    top: 362px;
    left: 181px;
    border: 1px solid #999999;
    width: 440px;
    height: 120px;
    z-index: 1;
 }

 .ScreenerHelp .listDetailHelp .listItem {
    top: -1px;
    width: 438px;
    height: 12.4px;
    border-top: 1px solid #E8E8E8;
 }

 .ScreenerHelp .listDetailHelp .listItemName {
    position: absolute;
    top: 45px;
    left: 170px;
    font-size: 12px;
    color: #999999;
 }

 .ScreenerHelp .folderTreeHelp .listManagerHelpFile1 {
    position: relative;
    width: 100px;
    height: 120px;
    top: -67px;
    left: -1px;
    border: 1px solid #999999;
 }

 .ScreenerHelp .folderTreeHelp .listManagerHelpSub {
    left: 96px;
    width: 8px;
    height: 9px;
    border: 1px solid #999999;
 }

 .ScreenerHelp .folderTreeHelp .listManagerHelpSub.Item1 {
    position: absolute;
    top: 384px;
 }

 .ScreenerHelp .folderTreeHelp .listManagerHelpSub.Item2 {
    position: absolute;
    top: 397px;
 }

 .ScreenerHelp .folderTreeHelp .listManagerHelpSub.Item3 {
    position: absolute;
    top: 410px;
 }

 .ScreenerHelp .folderTreeHelp .listManagerHelpSub.Item4 {
    position: absolute;
    top: 423px;
 }

 .ScreenerHelp .folderTreeHelp .listManagerHelpSub.Item5 {
    position: absolute;
    top: 452px;
 }

 .ScreenerHelp .folderTreeHelp .listManagerHelpSub.Item6 {
    position: absolute;
    top: 465px;
 }

 .ScreenerHelp .listManagerHelpFile1 span.close {
    position: absolute;
    top: 7px;
    left: 10px;
    width: 15px;
    height: 12px;
    background-position: -440px 0;
 }

 .ScreenerHelp .listManagerHelpFile2 span.close {
    position: absolute;
    top: 438px;
    left: 92px;
    width: 15px;
    height: 12px;
    background-position: -440px 0;
 }

 .ScreenerHelp .screenDetailHelp .editScreenHelp {
    position: relative;
    top: 2px;
    left: 5px;
    width: 260px;
    height: 193px;
    border: 1px solid #60e8a6;
 }

 .ScreenerHelp .editScreenHelp .editScreenHelpLeft {
    position: relative;
    width: 80px;
    height: 193px;
    background-color: #FEF7EC;
 }

 .ScreenerHelp .editScreenHelp .editScreenHelpRight {
    position: absolute;
    top: 80px;
    left: 100px;
    font-size: 18px;
    color: #0066CC;
    text-decoration: underline;
 }

 .ScreenerHelp .screenDetailHelp .waterfallSummaryHelp {
    position: absolute;
    top: 2px;
    left: 270px;
    width: 120px;
    height: 193px;
    border: 1px solid #000000;
 }

 .ScreenerHelp .waterfallSummaryHelp .waterfallSummaryHelpTop {
    position: absolute;
    top: 5px;
    left: 80px;
    width: 0px;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 100px solid #FDEBDD;
 }

 .ScreenerHelp .waterfallSummaryHelp .waterfallSummaryHelpBottom {
    position: absolute;
    top: 80px;
    left: 15px;
    font-size: 18px;
    color: #0066CC;
    text-decoration: underline;
 }

 .ScreenerHelp .screenDetailHelp .labelArrowHelp {
    position: absolute;
    top: 60px;
    left: 405px;
    height: 60px;
    width: 2px;
    border: 1px solid #999999;
    border-radius: 0px 4px 4px 0px;
    border-left: 1px solid white;
    z-index: 8;
 }

 .ScreenerHelp .ExplorerTreeHelp {
    margin-top: 10px;
    margin-left: -1px;
    height: 220px;
    width: 100px;
    border: 1px solid #999999;
    border-top: none;
    background-color: white;
 }

 .ScreenerHelp .ExplorerTreeHelp .screenManagerHelp {
    font-size: 12px;
    color: #999999;
    padding-left: 21px;
    padding-top: 10px;
 }

 .ScreenerHelp .ExplorerTreeHelp ul {
    list-style: initial;
    position: relative;
    top: 10px;
    left: -17px;
    font-size: 18px;
    color: #0066CC;
    text-decoration: underline;
 }

 .ScreenerHelp .ExplorerTreeHelp ul li:hover,.ScreenerHelp .editScreenHelp .editScreenHelpRight:hover,.ScreenerHelp .waterfallSummaryHelp .waterfallSummaryHelpBottom:hover {
    color: #000000;
    cursor: pointer;
    text-decoration: underline;
 }

 .screenerHelpButton {
    background: -webkit-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -o-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -moz-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: linear-gradient(to bottom,#FFFFFF,#FAD8A5);
    border: 1px solid #000000;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
 }

 .screenerHelpScreenerTaskPanelButton {
    width: 110px;
    height: 260px;
    margin: 9px 9px auto;
    display: table;
    vertical-align: middle;
 }

 .screenerHelpScreenerTaskPanelButton .ScreenerTaskPanelLine1 {
    position: absolute;
    top: 200px;
    left: 78px;
 }

 .screenerHelpScreenerTaskPanelButton .ScreenerTaskPanelLine2 {
    position: absolute;
    top: 216px;
    left: 78px;
 }

 .screenerHelpScreenerTaskPanelButton:hover {
    width: 106px;
    height: 256px;
    border-width: 3px;
    border-color: #4a4c50;
 }

 .screenerHelpScreenDescriptionButton {
    width: 110px;
    height: 108px;
    margin: 9px auto auto 9px;
    display: table;
    vertical-align: middle;
 }

 .screenerHelpScreenDescriptionButton .ScreenDescriptionLine1 {
    position: absolute;
    top: 398px;
    left: 90px;
 }

 .screenerHelpScreenDescriptionButton .ScreenDescriptionLine2 {
    position: absolute;
    top: 414px;
    left: 90px;
 }

 .screenerHelpScreenDescriptionButton:hover {
    width: 106px;
    height: 104px;
    border-width: 3px;
    border-color: #4a4c50;
 }

 .screenerHelpWaterFallSummeryButton {
    width: 220px;
    height: 114px;
    margin: 9px 9px auto;
    line-height: 114px;
    position: relative;
    left: 121px;
    bottom: 390px;
 }

 .screenerHelpWaterFallSummeryButton:hover {
    border-width: 3px;
    border-color: #4a4c50;
    width: 216px;
    height: 110px;
    line-height: 110px;
 }

 .screenerHelpBenchmarkEvaluatorButton {
    width: 224px;
    height: 114px;
    margin: 9px 9px auto;
    line-height: 114px;
    position: relative;
    left: 353px;
    bottom: 515px;
 }

 .screenerHelpBenchmarkEvaluatorButton:hover {
    border-width: 3px;
    border-color: #4a4c50;
    width: 220px;
    height: 110px;
    line-height: 110px;
 }

 .screenerHelpScreenerInputsButton {
    width: 456px;
    height: 255px;
    margin: 8px 9px auto;
    line-height: 260px;
    position: relative;
    left: 121px;
    bottom: 515px;
 }

 .screenerHelpScreenerInputsButton:hover {
    border-width: 3px;
    border-color: #4a4c50;
    width: 452px;
    height: 251px;
    line-height: 256px;
 }

 .ScreenerHelp .helpLink a {
    position: relative;
    top: 7px;
    right: 40px;
    color: #0066CC;
    margin-left: 80%;
    font-size: 11px;
    text-decoration: none;
 }

 .ScreenerHelp .helpLink a:hover {
    color: #0066CC;
    text-decoration: underline;
 }

 .ScreenerHelpChild {
    width: 708px;
    height: 545px;
    font-size: 14px;
    border-radius: 9px;
    left: 22%;
    top: 21%;
    position: fixed;
    border: 1px solid #666666;
    background-size: 700px 350px;
    z-index: 9999;
    background-color: #FFFFFF;
 }

 .ScreenerHelpChild .helpTitleChild {
    width: 96.3%;
    padding-left: 26px;
    height: 50px;
    line-height: 50px;
    border-radius: 9px 9px 0px 0px;
    font-size: 18px;
    background: #EFEFEF;
    color: #0066CC;
    font-weight: normal;
    border-bottom: 1px solid #C4C4C4;
 }

 .ScreenerHelpChild .screenerfarmeLeft,.ScreenerHelpChild .alertsfarmeLeft,.ScreenerHelpChild .notesfarmeLeft,.ScreenerHelpChild .blogsfarmeLeft {
    position: absolute;
    top: 61px;
    left: 24px;
    width: 353px;
 }

 .ScreenerHelpChild .screenerfarmeLeft img,.ScreenerHelpChild .alertsfarmeLeft img,.ScreenerHelpChild .notesfarmeLeft img,.ScreenerHelpChild .blogsfarmeLeft img {
    width: 345px;
    height: 415px;
 }

 .ScreenerHelpChild .screenHelpMainButton:hover,.ScreenerHelpChild .screenHelpScreensButton:hover,.ScreenerHelpChild .screenHelpAlertsButton:hover,.ScreenerHelpChild .screenHelpNotesButton:hover,.ScreenerHelpChild .screenHelpBlogsButton:hover {
    color: #000000;
 }

 .ScreenerHelpChild .helpTitleChild .screenHelpMainButton {
    position: absolute;
    top: 12px;
    left: 20px;
    font-size: 14px;
    width: 60px;
    height: 25px;
    background-color: white;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #C4C4C4;
 }

 .ScreenerHelpChild .helpTitleChild .helpChildButton {
    position: absolute;
    top: 20px;
    width: 98px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    cursor: pointer;
 }

 .ScreenerHelpChild .helpTitleChild .helpChildButton.screensButtonClicked {
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #C4C4C4;
    border-bottom: 1px solid #FFFFFF;
 }

 .ScreenerHelpChild .helpTitleChild .screenHelpScreensButton {
    left: 123px;
 }

 .ScreenerHelpChild .helpTitleChild .screenHelpAlertsButton {
    left: 230px;
 }

 .ScreenerHelpChild .helpTitleChild .screenHelpNotesButton {
    left: 335px;
 }

 .ScreenerHelpChild .helpTitleChild .screenHelpBlogsButton {
    left: 440px;
 }

 .ScreenerHelpChild .title {
    width: 708px;
    height: 30px;
    background: #fff;
    cursor: default;
 }

 .ScreenerHelpChild .li {
    display: inline;
 }

 .ScreenerHelpChild .liCreatingTextDetailsWidth {
    width: 130px;
 }

 .ScreenerHelpChild .liScreenerDescriptionTextDetailsWidth {
    width: 124px;
 }

 .ScreenerHelpChild .liWaterfallSummaryTextDetailsWidth {
    width: 114px;
 }

 .ScreenerHelpChild .liBenchmarksTextDetailsWidth {
    width: 76px;
 }

 .ScreenerHelpChild .liScreenerToolsTextDetailsWidth {
    width: 108px;
 }

 .screenerFrameRightBottomTextDetailsOnClicked {
    border: 1px solid #6DBDD1;
    color: #333333 !important;
 }

 .screenerFrameRightBottomTextDetailsDefaultColor {
    color: #333333 !important;
 }

 .screenerFrameRightBottomTextDetailsDefaultColor:hover {
    color: #000 !important;
 }

 .ScreenerHelpChild .ulWide li:hover {
    text-decoration: underline;
    color: #005177;
    cursor: pointer;
 }

 .screenerframeInsideWindow .screenerframeInsideWindowLoop .screenerframeInsideWindowLoopText {
    font-size: 12px !important;
 }

 .screenerframeInsideWindowBottomCover {
    position: absolute;
    bottom: 0px;
    width: 708px;
    height: 50px;
    text-align: center;
    background-color: #C4C4C4;
    border-radius: 0px 0px 9px 9px;
 }

 .screenerframeInsideWindowBottomCover ul {
    position: relative;
    top: 12px;
 }

 .screenerframeInsideWindowBottomCover li {
    display: inline;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    height: 20px;
    width: 30px;
    background: -webkit-linear-gradient(top,#FFF,#fff,#ccc);
    background: -o-linear-gradient(top,#FFF,#fff,#ccc);
    background: -moz-linear-gradient(top,#FFF,#fff,#ccc);
    background: linear-gradient(to bottom,#FFF,#fff,#ccc);
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -moz-border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    padding: 1px 1px;
    color: #0066D1;
    padding-top: 2px;
 }

 .screenerframeInsideWindowBottomCover li.screenerframeInsideWindowBottomCreatingPageField.screenerframeinsidewindowbottomcoveronnumberclicked {
    background: #E8E8EF !important;
    border: 1px solid #999999;
    height: 20px !important;
    width: 30px !important;
    color: #000000 !important;
    border-radius: 4px!important;
 }

 .screenerframeInsideWindowBottomCover li:hover {
    color: #FFFFFF;
    background: -webkit-linear-gradient(top,#D1D1D1,#6E6E6E);
    background: -o-linear-gradient(top,#D1D1D1,#6E6E6E);
    background: -moz-linear-gradient(top,#D1D1D1,#6E6E6E);
    background: linear-gradient(to bottom,#D1D1D1,#6E6E6E);
 }

 .screenerframeInsideWindowBottomArrow {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #879BAA;
 }

 .screenerframeInsideWindowBottomArrow:hover {
    background: -webkit-linear-gradient(top,#FBFCFD,#FBFCFD,#AFCEE8)!important;
    background: -o-linear-gradient(top,#FBFCFD,#FBFCFD,#AFCEE8)!important;
    background: -moz-linear-gradient(top,#FBFCFD,#FBFCFD,#AFCEE8)!important;
    background: linear-gradient(to bottom,#FBFCFD,#FBFCFD,#AFCEE8)!important;
 }

 .screenerframeInsideWindowBottomCover img {
    vertical-align: middle;
 }

 .screenerframeInsideWindowBottomCoverOnArrowClicked {
    opacity: 0.4;
    filter: alpha(opacity=40) !important;
    cursor: default!important;
    border: 1px solid #C7C7C7;
 }

 .screenerframeInsideWindowBottomCoverOnNumberClicked {
    background: #E8E8EF !important;
    border: 1px solid #999999;
    height: 20px !important;
    width: 30px !important;
    color: #000000 !important;
    border-radius: 4px!important;
 }

 .screenerframeInsideWindowLoop {
    width: 574px;
    height: 373px;
    margin: 18px 15px;
    background: #FFFFFF;
    border-top: 2px solid #9A9A9A;
    border-left: 2px solid #9A9A9A;
    overflow-x: auto;
    overflow-y: auto;
 }

 .screenerframeInsideWindowLoopText {
    padding-bottom: 0.2cm;
    padding-top: 0.2cm;
    padding-left: 0.2cm;
    padding-right: 0.5cm;
 }

 .screenerframeInsideWindowLoopImg {
    overflow: hidden;
 }

 .screenerHelpWideFrameInside {
    width: 600px;
    height: 455px;
    margin-left: 20px;
    border: 1px solid #C4C4C4;
    cursor: default;
    border-radius: 9px;
    background: -webkit-linear-gradient(top,#F0F0F0,#C4C4C4);
    background: -o-linear-gradient(top,#F0F0F0,#C4C4C4);
    background: -moz-linear-gradient(top,#F0F0F0,#C4C4C4);
    background: linear-gradient(to bottom,#F0F0F0,#C4C4C4);
 }

 .screenerHelpWideFrameInsideTitle {
    margin-left: 15px;
    line-height: 22px;
    font-weight: bold;
 }

 .ScreenerHelpChild .screenerfarmeRight,.ScreenerHelpChild .alertsfarmeRight,.ScreenerHelpChild .notesfarmeRight,.ScreenerHelpChild .blogsfarmeRight {
    position: absolute;
    top: 51px;
    left: 400px;
    width: 288px;
    height: 400px;
    float: right;
 }

 .ScreenerHelpChild .screenerframeRightTop,.ScreenerHelpChild .alertsframeRightTop,.ScreenerHelpChild .notesframeRightTop,.ScreenerHelpChild .blogsframeRightTop {
    position: relative;
    height: 84px;
    text-align: left;
    line-height: 66px;
    font-weight: 700;
    padding-left: 30px;
    border-bottom: 1px solid #C4C4C4;
 }

 .ScreenerHelpChild .oneLineRightTop,.ScreenerHelpChild .alertsframeRightTop {
    height: 64px;
 }

 .ScreenerHelpChild .screenerframeRightTop .screenerframeRightTitle,.ScreenerHelpChild .alertsframeRightTop .alertsframeRightTitle,.ScreenerHelpChild .notesframeRightTop .notesframeRightTitle,.ScreenerHelpChild .blogsframeRightTop .blogsframeRightTitle {
    position: absolute;
    left: 0px;
    height: 16px;
    line-height: 16px;
    color: #0066CC;
    padding-right: 6px;
    border-right: 2px solid #C4C4C4;
 }

 .ScreenerHelpChild .screenerframeRightTop .ScreensManagerOverview {
    left: -6px;
    padding-right: 3px;
 }

 .ScreenerHelpChild .screenerframeRightTop .OpenScreenEdit {
    padding-right: 3px;
 }

 .screenerframeRightTop .ScreensManagerOverview,.screenerframeRightTop .ShareScreen,.screenerframeRightTop .EditScreen,.screenerframeRightTop .ScreenSummary,.screenerframeRightTop .EditScreen,.screenerframeRightTop .UniverseEdit,.alertsframeRightTop .SetPriceAlert,.alertsframeRightTop .SetAlertinLeftPanel,.alertsframeRightTop .SetTrendlineAlert,.notesframeRightTop .IntroducitontoNotes,.notesframeRightTop .IntroductiontoTemporaryLines {
    top: 28px;
 }

 .ScreenerHelpChild .screenerframeRightTop .screenerframeRightTitle:hover,.ScreenerHelpChild .alertsframeRightTop .alertsframeRightTitle:hover,.ScreenerHelpChild .notesframeRightTop .notesframeRightTitle:hover,.ScreenerHelpChild .blogsframeRightTop .blogsframeRightTitle:hover,.ScreenerHelpChild .screenerframeRightTop .rightTitleSelected,.ScreenerHelpChild .alertsframeRightTop .rightTitleSelected,.ScreenerHelpChild .notesframeRightTop .rightTitleSelected,.ScreenerHelpChild .blogsframeRightTop .rightTitleSelected {
    color: #000000;
    cursor: pointer;
 }

 .ScreenerHelpChild .screenerframeRightTop .RunScreen {
    top: 28px;
    left: 198px;
 }

 .ScreenerHelpChild .screenerframeRightTop .ScreenDetails {
    top: 28px;
    left: 105px;
 }

 .ScreenerHelpChild .screenerframeRightTop .Selectlist {
    top: 28px;
    left: 105px;
    border-right: none;
 }

 .ScreenerHelpChild .screenerframeRightTop .EditFavoriteScreen {
    top: 28px;
    left: 95px;
 }

 .ScreenerHelpChild .screenerframeRightTop .ScreenedDatabase {
    top: 28px;
    left: 130px;
    border-right: none;
 }

 .ScreenerHelpChild .screenerframeRightTop .DeleteCriterion {
    border-right: none;
 }

 .ScreenerHelpChild .screenerframeRightTop .EditCriterion {
    top: 48px;
    left: 140px;
    border-right: none;
 }

 .ScreenerHelpChild .screenerframeRightTop .BrowseScreens {
    top: 48px;
    left: 65px;
    border-right: none;
 }

 .ScreenerHelpChild .alertsframeRightTop .EditPriceAlert {
    top: 28px;
    left: 110px;
    border-right: none;
 }

 .ScreenerHelpChild .alertsframeRightTop .PriceAlertBell {
    top: 28px;
    left: 165px;
    border-right: none;
 }

 .ScreenerHelpChild .alertsframeRightTop .EditTrendlineAlert {
    top: 28px;
    left: 140px;
    border-right: none;
 }

 .ScreenerHelpChild .notesframeRightTop .DrawingPalette {
    top: 28px;
    left: 165px;
    border-right: none;
 }

 .ScreenerHelpChild .screenerframeRightTop .TrackScreen,.ScreenerHelpChild .notesframeRightTop .CreateTemporaryLine {
    border-right: none;
 }

 .ScreenerHelpChild .screenerframeRightTop span.TrackSectionText {
    position: relative;
    top: 28px;
    left: 215px;
 }

 .ScreenerHelpChild .notesframeRightTop span.createLine {
    position: relative;
    top: 28px;
    left: 234px;
 }

 .ScreenerHelpChild .screenerframeRightTop span.ScreenSectionText {
    position: relative;
    top: 48px;
    left: -40px;
    padding-right: 6px;
    border-right: 2px solid #c4c4c4;
 }

 .ScreenerHelpChild .notesframeRightTop span.TemporaryLine {
    position: relative;
    top: 48px;
    left: -50px;
    padding-right: 6px;
    border-right: 2px solid #c4c4c4;
 }

 .ScreenerHelpChild .screenerframeRightTop .Buttons,.ScreenerHelpChild .screenerframeRightTop .ScreenDefinitions,.ScreenerHelpChild .screenerframeRightTop .DeleteCriterion,.ScreenerHelpChild .notesframeRightTop .CreateMarkups {
    top: 48px;
 }

 .ScreenerHelpChild .notesframeRightTop .DeleteMarkups {
    top: 48px;
    left: 125px;
    border-right: none;
 }

 .ScreenerHelpChild .notesframeRightTop .DeleteTemporaryLine {
    top: 48px;
    left: 125px;
    border-right: none;
 }

 .ScreenerHelpChild .screenerframeRightTop .OpenScreenEdit {
    top: 48px;
    left: 63px;
 }

 .ScreenerHelpChild .screenerframeRightTop .CopyScreen {
    top: 48px;
    left: 193px;
    border-right: none;
 }

 .screenerframeRightMiddle,.alertsframeRightMiddle,.notesframeRightMiddle,.blogsframeRightMiddle {
    position: relative;
    top: 20px;
    color: #333333;
 }

 .screenerframeRightSectionHeader,.notesframeRightSectionHeader,.alertsframeRightSectionHeader,.blogsframeRightSectionHeader,.blogsframeRightSectionHeaderSec {
    font-size: 16px;
    font-weight: bold;
 }

 .blogsframeRightSectionHeader {
    position: relative;
    top: 8px;
 }

 .blogsframeRightSectionHeaderSec {
    position: relative;
    top: 10px;
 }

 .screenerframeRightSectionText,.alertsframeRightSectionText,.notesframeRightSectionText,.blogsframeRightSectionText {
    position: relative;
    top: 5px;
    font-size: 12px;
    width: 260px;
 }

 .AllBlogPostsText,.LeaveaCommentText,.CreatePostText,.YourOwnPostsText {
    position: relative;
    top: 10px;
 }

 .ScreenerHelpChild .screenerframeRightBottom {
    margin-top: 20px;
    margin-left: -10px;
 }

 .ScreenerHelpChild .helpLink {
    background-color: #FFFFFF;
 }

 .ScreenerHelpChild .helpLink a {
    color: #2D7FD4;
    margin-left: 89%;
    font-size: 11px;
    text-decoration: none;
 }

 .ScreenerHelpChild .helpLink a:hover {
    color: #4682B4;
    text-decoration: underline;
 }

 .ScreenerHelpChild .screenerframeRightMiddleCell {
    background: #B6B6B8;
    height: 80px;
    width: 120px;
    margin-left: 30px;
    padding-top: 2px;
 }

 .screenerHelpDetailTaskPanelButtonActive {
    background: #F38027 !important;
    border: 1px solid #FFFFFF !important;
    height: 54px !important;
    width: 17px !important;
    border-radius: 1px!important;
 }

 .screenerHelpDetailScreenerDescriptionButtonActive {
    background: #F38027 !important;
    border: 1px solid #FFFFFF !important;
    height: 11px !important;
    width: 17px !important;
    border-radius: 1px!important;
 }

 .screenerHelpDetailWaterfallSummeryButtonActive {
    background: #F38027 !important;
    border: 1px solid #FFFFFF !important;
    height: 18px !important;
    width: 38px !important;
    border-radius: 1px!important;
 }

 .screenerHelpDetailBenchmarkEvaluatorButtonActive {
    background: #F38027 !important;
    border: 1px solid #FFFFFF !important;
    height: 18px !important;
    width: 40px !important;
    border-radius: 1px!important;
 }

 .screenerHelpDetailScreenerInputsButtonActive {
    background: #F38027 !important;
    border: 1px solid #FFFFFF !important;
    height: 46px !important;
    width: 85px !important;
    border-radius: 1px!important;
 }

 .screenerHelpWideFramePeriphery {
    background-color: #FFFFFF;
 }

 .screenerHelpDetailScreenerDescriptionButton {
    height: 13px;
    width: 19px;
    position: relative;
    top: 4px;
    left: 4px;
    background: -webkit-linear-gradient(top,#FFF,#fff,#ccc);
    background: -o-linear-gradient(top,#FFF,#fff,#ccc);
    background: -moz-linear-gradient(top,#FFF,#fff,#ccc);
    background: linear-gradient(to bottom,#FFF,#fff,#ccc);
    border-radius: 3px;
 }

 .screenerHelpDetailScreenerDescriptionButton:hover {
    border-radius: 3px;
    border: 2px solid #4a4c50;
    height: 9px;
    width: 15px;
    cursor: pointer;
    background: -webkit-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -o-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -moz-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: linear-gradient(to bottom,#FFFFFF,#FAD8A5);
 }

 .screenerHelpDetailBenchmarkEvaluatorButton {
    height: 20px;
    width: 42px;
    position: relative;
    top: -89px;
    left: 73px;
    background: -webkit-linear-gradient(top,#FFF,#fff,#ccc);
    background: -o-linear-gradient(top,#FFF,#fff,#ccc);
    background: -moz-linear-gradient(top,#FFF,#fff,#ccc);
    background: linear-gradient(to bottom,#FFF,#fff,#ccc);
    border-radius: 3px;
 }

 .screenerHelpDetailBenchmarkEvaluatorButton:hover {
    border-radius: 3px;
    height: 16px;
    width: 38px;
    cursor: pointer;
    border: 2px solid #4a4c50;
    background: -webkit-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -o-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -moz-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: linear-gradient(to bottom,#FFFFFF,#FAD8A5);
 }

 .screenerHelpDetailScreenerInputsButton {
    height: 48px;
    width: 87px;
    position: relative;
    top: -84px;
    left: 28px;
    background: -webkit-linear-gradient(top,#FFF,#fff,#ccc);
    background: -o-linear-gradient(top,#FFF,#fff,#ccc);
    background: -moz-linear-gradient(top,#FFF,#fff,#ccc);
    background: linear-gradient(to bottom,#FFF,#fff,#ccc);
    border-radius: 3px;
 }

 .screenerHelpDetailScreenerInputsButton:hover {
    border-radius: 3px;
    height: 44px;
    width: 83px;
    cursor: pointer;
    border: 2px solid #4a4c50;
    background: -webkit-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -o-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -moz-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: linear-gradient(to bottom,#FFFFFF,#FAD8A5);
 }

 .ScreenerHelpChild .screenerframeInsideWindow {
    height: 392px;
    width: 600px;
    border-top: 1px solid #C4C4C4;
    overflow: hidden;
 }

 .ScreenerHelpChild .helpLink a {
    color: #2D7FD4;
    margin-left: 85%;
    font-size: 11px;
    text-decoration: none;
 }

 .helpTitle {
    width: 98%;
    padding-left: 2%;
    height: 32px;
    line-height: 32px;
    border-radius: 9px 9px 0px 0px;
    font-size: 19px;
    font-weight: bold;
    background: -webkit-linear-gradient(top,#ccc,#fff,#ccc);
    background: -o-linear-gradient(top,#ccc,#fff,#ccc);
    background: -moz-linear-gradient(top,#ccc,#fff,#ccc);
    background: linear-gradient(to bottom,#ccc,#fff,#ccc);
 }

 .helpTitleChild {
    width: 98%;
    padding-left: 2%;
    height: 32px;
    line-height: 32px;
    border-radius: 9px 9px 0px 0px;
    font-size: 19px;
    font-weight: bold;
    background: -webkit-linear-gradient(top,#ccc,#fff,#ccc);
    background: -o-linear-gradient(top,#ccc,#fff,#ccc);
    background: -moz-linear-gradient(top,#ccc,#fff,#ccc);
    background: linear-gradient(to bottom,#ccc,#fff,#ccc);
    cursor: default;
 }

 .NotesAndDiscussionHelp {
    width: 704px;
    height: 344px;
    font-size: 14px;
    border-radius: 9px;
    left: 23%;
    top: 31%;
    position: fixed;
    border: 1px solid #666666;
    background-size: 700px 350px;
    z-index: 9999;
    background-color: #F5F5F5;
 }

 .NotesAndDiscussionHelp .title {
    width: 96%;
    height: 18px;
    margin-left: 20px;
    margin-top: 2px;
    line-height: 25px;
    font-size: 15px;
    cursor: default;
 }

 .NotesAndDiscussionHelp .notesAndDiscussionFramePeriphery {
    width: 660px;
    height: 230px;
    margin: 3%;
    margin-top: 8px;
    cursor: default;
    border-style: solid;
    border-color: #D9D9D8;
    border-width: 1px;
 }

 .NotesAndDiscussionHelp .notesAndDiscussionFrameInside {
    width: 598px;
    height: 198px;
    margin: 5%;
    margin-top: 15px;
    border: 1px solid #B6B6B8;
    cursor: default;
    background: #B6B6B8;
 }

 .notesAndDiscussionHelpButton {
    background: -webkit-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -o-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -moz-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: linear-gradient(to bottom,#FFFFFF,#FAD8A5);
    border: 1px solid #000000;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
 }

 .notesAndDiscussionHelpJournalsButton {
    width: 186px;
    height: 176px;
    margin: 10px 10px auto;
    line-height: 178px;
 }

 .notesAndDiscussionHelpJournalsButton:hover {
    width: 182px;
    height: 172px;
    border-width: 3px;
    border-color: #4a4c50;
    line-height: 174px;
 }

 .notesAndDiscussionHelpBlogsButton {
    width: 182px;
    height: 176px;
    margin: 9px auto auto 9px;
    line-height: 178px;
    position: relative;
    left: 198px;
    bottom: 187px;
 }

 .notesAndDiscussionHelpBlogsButton:hover {
    width: 178px;
    height: 172px;
    border-width: 3px;
    border-color: #4a4c50;
    line-height: 174px;
 }

 .notesAndDiscussionHelpAlertsButton {
    width: 186px;
    height: 176px;
    margin: 9px 9px auto;
    line-height: 178px;
    position: relative;
    left: 391px;
    bottom: 374px;
 }

 .notesAndDiscussionHelpAlertsButton:hover {
    border-width: 3px;
    border-color: #4a4c50;
    width: 182px;
    height: 172px;
    line-height: 174px;
 }

 .NotesAndDiscussionHelpChild {
    width: 810px;
    height: 540px;
    font-size: 14px;
    border-radius: 9px;
    left: 17%;
    top: 21%;
    position: fixed;
    border: 1px solid #666666;
    background-size: 700px 350px;
    z-index: 9999;
    background-color: #F5F5F5;
 }

 .NotesAndDiscussionHelpChild .title {
    width: 810px;
    height: 30px;
    background: #fff;
    cursor: default;
 }

 .NotesAndDiscussionHelpChild .li {
    display: inline;
 }

 .NotesAndDiscussionHelpChild .notesAndDiscussionframeRightBottomTextDetails {
    text-decoration: none;
    color: #006699;
 }

 .NotesAndDiscussionHelpChild .liJournalTextDetailsWidth {
    width: 44px;
 }

 .NotesAndDiscussionHelpChild .liUsingTheBlogTabTextDetailsWidth {
    width: 114px;
 }

 .NotesAndDiscussionHelpChild .liAlertsTextDetailsWidth {
    width: 36px;
 }

 .notesAndDiscussionFrameRightBottomTextDetailsOnClicked {
    border: 1px solid #6DBDD1;
    color: #333333 !important;
 }

 .notesAndDiscussionFrameRightBottomTextDetailsDefaultColor {
    color: #333333 !important;
 }

 .NotesAndDiscussionHelpChild .ulWide li:hover {
    text-decoration: underline;
    text-shadow: 1px 0px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    cursor: pointer;
 }

 .notesAndDiscussionframeInsideWindow .notesAndDiscussionframeInsideWindowLoop .notesAndDiscussionframeInsideWindowLoopText {
    font-size: 12px !important;
 }

 .notesAndDiscussionframeInsideWindowBottomCover {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
 }

 .notesAndDiscussionframeInsideWindowBottomCover li {
    display: inline;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    height: 20px;
    width: 30px;
    background: -webkit-linear-gradient(top,#FFF,#fff,#ccc);
    background: -o-linear-gradient(top,#FFF,#fff,#ccc);
    background: -moz-linear-gradient(top,#FFF,#fff,#ccc);
    background: linear-gradient(to bottom,#FFF,#fff,#ccc);
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -moz-border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    padding: 1px 1px;
    color: #0066D1;
    padding-top: 2px;
 }

 .notesAndDiscussionframeInsideWindowBottomCover li:hover {
    color: #FFFFFF;
    background: -webkit-linear-gradient(top,#D1D1D1,#6E6E6E);
    background: -o-linear-gradient(top,#D1D1D1,#6E6E6E);
    background: -moz-linear-gradient(top,#D1D1D1,#6E6E6E);
    background: linear-gradient(to bottom,#D1D1D1,#6E6E6E);
 }

 .notesAndDiscussionframeInsideWindowBottomArrow {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #879BAA;
 }

 .notesAndDiscussionframeInsideWindowBottomArrow:hover {
    background: -webkit-linear-gradient(top,#FBFCFD,#FBFCFD,#AFCEE8)!important;
    background: -o-linear-gradient(top,#FBFCFD,#FBFCFD,#AFCEE8)!important;
    background: -moz-linear-gradient(top,#FBFCFD,#FBFCFD,#AFCEE8)!important;
    background: linear-gradient(to bottom,#FBFCFD,#FBFCFD,#AFCEE8)!important;
 }

 .notesAndDiscussionframeInsideWindowBottomCover img {
    vertical-align: middle;
 }

 .notesAndDiscussionFrameInsideWindowBottomCoverOnArrowClicked {
    opacity: 0.4;
    filter: alpha(opacity=40) !important;
    cursor: default!important;
    border: 1px solid #C7C7C7;
 }

 .notesAndDiscussionFrameInsideWindowBottomCoverOnNumberClicked {
    background: #E8E8EF !important;
    border: 1px solid #999999;
    height: 20px !important;
    width: 30px !important;
    color: #000000 !important;
    border-radius: 3px!important;
 }

 .notesAndDiscussionframeInsideWindowLoop {
    width: 574px;
    height: 373px;
    margin: 18px 15px;
    background: #FFFFFF;
    border-top: 2px solid #666666;
    border-left: 2px solid #666666;
    overflow-x: auto;
    overflow-y: auto;
 }

 .notesAndDiscussionframeInsideWindowLoopText {
    padding-bottom: 0.2cm;
    padding-top: 0.2cm;
    padding-left: 0.2cm;
    padding-right: 0.5cm;
 }

 .notesAndDiscussionframeInsideWindowLoopImg {
    overflow: hidden;
 }

 .notesAndDiscussionHelpWideFrameInside {
    width: 600px;
    height: 455px;
    margin-left: 20px;
    border: 1px solid #666666;
    cursor: default;
    border-radius: 9px;
    background: -webkit-linear-gradient(top,#F0F0F0,#C4C4C4);
    background: -o-linear-gradient(top,#F0F0F0,#C4C4C4);
    background: -moz-linear-gradient(top,#F0F0F0,#C4C4C4);
    background: linear-gradient(to bottom,#F0F0F0,#C4C4C4);
 }

 .notesAndDiscussionHelpWideFrameInsideTitle {
    margin-left: 15px;
    line-height: 22px;
    font-weight: bold;
 }

 .NotesAndDiscussionHelpChild .notesAndDiscussionfarmeRight {
    width: 188px;
    height: 480px;
    cursor: default;
    background: #FFFFFF;
    float: right;
    margin-top: -480px;
    font-size: 13px;
 }

 .NotesAndDiscussionHelpChild .notesAndDiscussionframeRightTop {
    height: 66px;
    text-align: left;
    line-height: 66px;
    font-weight: 700;
    padding-left: 30px;
 }

 .NotesAndDiscussionHelpChild .notesAndDiscussionframeRightMiddle {
    height: 80px;
 }

 .NotesAndDiscussionHelpChild .notesAndDiscussionframeRightBottom {
    margin-top: 20px;
    margin-left: -8px;
 }

 .NotesAndDiscussionHelpChild .notesAndDiscussionframeRightMiddleCell {
    background: #B6B6B8;
    height: 40px;
    width: 120px;
    margin-left: 30px;
    padding-top: 2px;
 }

 .notesAndDiscussionHelpDetailJournalsButtonActive {
    background: #F38027 !important;
    border: 1px solid #FFFFFF !important;
    height: 32px !important;
    width: 32px !important;
    border-radius: 1px!important;
 }

 .notesAndDiscussionHelpDetailBlogsButtonActive {
    background: #F38027 !important;
    border: 1px solid #FFFFFF !important;
    height: 32px !important;
    width: 32px !important;
    border-radius: 1px!important;
 }

 .notesAndDiscussionHelpDetailAlertsButtonActive {
    background: #F38027 !important;
    border: 1px solid #FFFFFF !important;
    height: 32px !important;
    width: 32px !important;
    border-radius: 1px!important;
 }

 .notesAndDiscussionHelpWideFramePeriphery {
    background-color: #FFFFFF;
 }

 .notesAndDiscussionHelpDetailJournalsButton {
    height: 34px;
    width: 34px;
    background-color: #FCEACF;
    margin-top: 2px;
    margin-left: 4px;
    background: -webkit-linear-gradient(top,#FFF,#fff,#ccc);
    background: -o-linear-gradient(top,#FFF,#fff,#ccc);
    background: -moz-linear-gradient(top,#FFF,#fff,#ccc);
    background: linear-gradient(to bottom,#FFF,#fff,#ccc);
    border-radius: 3px;
 }

 .notesAndDiscussionHelpDetailJournalsButton:hover {
    border-radius: 3px;
    border: 2px solid #4a4c50;
    height: 30px;
    width: 30px;
    cursor: pointer;
    background: -webkit-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -o-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -moz-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: linear-gradient(to bottom,#FFFFFF,#FAD8A5);
 }

 .notesAndDiscussionHelpDetailBlogsButton {
    height: 34px;
    width: 34px;
    position: relative;
    top: -34px;
    left: 43px;
    background: -webkit-linear-gradient(top,#FFF,#fff,#ccc);
    background: -o-linear-gradient(top,#FFF,#fff,#ccc);
    background: -moz-linear-gradient(top,#FFF,#fff,#ccc);
    background: linear-gradient(to bottom,#FFF,#fff,#ccc);
    border-radius: 3px;
 }

 .notesAndDiscussionHelpDetailBlogsButton:hover {
    border-radius: 3px;
    border: 2px solid #4a4c50;
    height: 30px;
    width: 30px;
    cursor: pointer;
    background: -webkit-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -o-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -moz-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: linear-gradient(to bottom,#FFFFFF,#FAD8A5);
 }

 .notesAndDiscussionHelpDetailAlertsButton {
    height: 34px;
    width: 34px;
    position: relative;
    top: -68px;
    left: 82px;
    background: -webkit-linear-gradient(top,#FFF,#fff,#ccc);
    background: -o-linear-gradient(top,#FFF,#fff,#ccc);
    background: -moz-linear-gradient(top,#FFF,#fff,#ccc);
    background: linear-gradient(to bottom,#FFF,#fff,#ccc);
    border-radius: 3px;
 }

 .notesAndDiscussionHelpDetailAlertsButton:hover {
    border-radius: 3px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    border: 2px solid #4a4c50;
    background: -webkit-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -o-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: -moz-linear-gradient(top,#FFFFFF,#FAD8A5);
    background: linear-gradient(to bottom,#FFFFFF,#FAD8A5);
 }

 .NotesAndDiscussionHelpChild .notesAndDiscussionframeInsideWindow {
    height: 392px;
    width: 600px;
    border-top: 1px solid #666666;
    overflow: hidden;
 }

 .greenAttention {
    font-weight: bold;
    top: 33px;
    left: 540px;
    position: absolute;
    background-color: #9ACD32;
    width: 314px;
    height: auto;
    padding: 4px;
    font-size: 11px;
 }

 .tutorialBubbleScreenNames {
    position: absolute;
    left: 259px;
    width: 130px;
    height: 50px;
    top: 430px;
 }

 .tutorialBubbleScreenNames em {
    bottom: 14px;
    left: -24px;
 }

 .tutorialBubbleScreenNames span {
    bottom: 16px;
    left: -18px;
    border-width: 10px;
 }

 .tutorialBubbleScreenNames .numberContent {
    width: 40%;
 }

 .tutorialBubbleScreenNames .textContent {
    width: 60%;
 }

 .tutorialBubbleScreenNames .textContent .tutorialBubbleScreenNamesContent {
    position: absolute;
 }

 .tutorialBubbleCreateNewNote {
    position: absolute;
    left: 95px;
    top: 52px;
 }

 .tutorialBubbleCreateNewNote em {
    bottom: 53px;
    left: 110px;
 }

 .tutorialBubbleCreateNewNote span {
    bottom: 48px;
    left: 109px;
    border-width: 10px;
 }

 .tutorialBubbleCreateNewNote .tutorialBubbleCreateNewNoteContent {
    position: absolute;
 }

 .tutorialBubbleSearchJournalButton {
    position: absolute;
    bottom: 28px;
    left: 11px;
    width: 123px;
    height: 50px;
 }

 .tutorialBubbleSearchJournalButton em {
    bottom: -20px;
    left: 90px;
 }

 .tutorialBubbleSearchJournalButton span {
    bottom: -17px;
    left: 89px;
    border-width: 10px;
 }

 .tutorialBubbleSearchJournalButton .numberContent {
    width: 28%;
 }

 .tutorialBubbleSearchJournalButton .numberContent .tutorialBubbleCircleNumble {
    margin-top: 45%;
 }

 .tutorialBubbleSearchJournalButton .textContent {
    width: 72%;
 }

 .tutorialBubbleSearchJournalButton .textContent .tutorialBubbleSearchJournalButtonContent {
    position: absolute;
    text-align: left;
 }

 .tutorialBubbleMarkupsToolbar {
    position: absolute;
    top: -70px;
    left: 153px;
    width: 110px;
    height: 50px;
    color: #000;
 }

 .tutorialBubbleMarkupsToolbar em {
    bottom: -21px;
    left: 46px;
 }

 .tutorialBubbleMarkupsToolbar span {
    bottom: -18px;
    left: 45px;
    border-width: 10px;
 }

 .tutorialBubbleMarkupsToolbar .numberContent {
    width: 40%;
 }

 .tutorialBubbleMarkupsToolbar .numberContent .tutorialBubbleCircleNumble {
    margin-top: 32%;
 }

 .tutorialBubbleMarkupsToolbar .textContent {
    width: 60%;
 }

 .tutorialBubbleMarkupsToolbar .textContent .tutorialBubbleMarkupsToolbarContent {
    margin-top: 18%;
 }

 @font-face {
    font-family: "Inter";
    src: url(../../Deployment/Font/Inter/Inter-Bold.ttf);
 }

 .MST > .header {
    position: absolute;
    z-index: 107;
    top: 0;
    width: 100%;
    min-width: 899px;
    height: 31px;
    box-shadow: #ccc 0px 2px 8px;
    border: 1px solid #fff;
    -moz-user-select: none;
 }

 .MST .header .slideCanvasCenter .arrow_left,.MST .header .slideCanvasCenter .arrow_right,.popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listBackContent .backwardTriangle,.priceAlertButton,.priceAlertButtonSelected,.popUpCommonView.popUpAlertMaximumReachedView .alertReachedContent .alertImgContent .alertImg,.priceAlert .dropdownContent .dismissImg,.priceAlert .dropdownContent .dismissImg:hover,.priceAlert .dropdownContent .reactivateImg,.priceAlert .dropdownContent .reactivateImg:hover,.priceAlert .dropdownTodayContent .dismissImg,.priceAlert .dropdownTodayContent .dismissImg:hover,.priceAlert .dropdownTodayContent .reactivateImg,.priceAlert .dropdownTodayContent .reactivateImg:hover,.priceAlert .dropdownRecentlyContent .dismissImg,.priceAlert .dropdownRecentlyContent .dismissImg:hover,.priceAlert .dropdownRecentlyContent .reactivateImg,.priceAlert .dropdownRecentlyContent .reactivateImg:hover,.priceAlert .dismissImgHover,.priceAlert .reactivateImgHover,.realTimeButton,.realTimeButtonActive,.popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listShowContent .listShowContentExpandedButton .expanded-arrow,.popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listForwardContent .forwardTriangle,.popUpShowTutorialsView .listCheckedImage .selectedTick,.popUpShowTutorialsView .howToPanelContent .allListContent .listContentCheckedImage .selectedTick,.arrowImg,body .MST div.header .comparisonListCnt .comparisonDelete .expanded-arrow,.settingMenuImage,.settingMenu .imgReversed {
    background-image: url(../../Images/header/header.png);
    background-repeat: no-repeat;
    margin: 4px auto 0px auto;
 }

 body .MST div.header .printCharts .print_sm {
    background-image: url(../../Images/relatedInformation/sidebar_relatedInformation.png);
    background-repeat: no-repeat;
    margin: 4px auto 0px auto;
    background-size: auto;
 }

 .MST .header .slideCanvasCenter .arrow_right {
    background-position: -42px 0;
    width: 15px;
    height: 10px;
    margin-left: 9px;
    margin-top: -9px;
 }

 .MST .header .slideCanvasCenter .arrow_left {
    background-position: -42px 0;
    width: 15px;
    height: 10px;
    margin-left: -3px;
    margin-top: 2px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listBackContent .backwardTriangle {
    background-position: -63px 0;
    width: 13px;
    height: 18px;
    margin-top: 11px;
 }

 .priceAlertButton {
    background-position: -160px 0;
    margin-top: 0px;
 }

 .priceAlertButtonSelected {
    background-position: -125px 0;
    margin-top: 0px;
 }

 .popUpCommonView.popUpAlertMaximumReachedView .alertReachedContent .alertImgContent .alertImg {
    background-position: -205px 0;
    width: 44px;
    height: 44px;
    margin-left: 0px;
 }

 #ModalPanel .popUpAddToListView {
    width: 500px;
    border-radius: 10px 10px 0px 0px;
    background: white;
    height: 430px;
    margin-left: -250px !important;
    margin-top: -225px !important;
 }

 .popUpRemoveListView {
    width: 235px !important;
    height: 60px !important;
    padding: 2px !important;
    margin-left: -135px !important;
    margin-top: -40px !important;
    border-radius: 0px !important;
    text-align: center;
    background: white !important;
 }

 .popupComaprison-title {
    text-align: center !important;
    background: transparent !important;
    margin-top: 0px !important;
    font-size: 18px !important;
    font-weight: bold !important;
 }

 .note input.screenEnableMD {
    margin-left: 20px;
    width: 13px;
    height: 13px;
    float: left;
 }

 #ModalPanel .reportsComparisonTable .folderTreeContent {
    left: 20px !important;
    right: 20px;
    width: auto;
    bottom: 85px;
    border: 1px solid #999;
    top: 45px;
    left: 0;
    height: 300px;
 }

 #ModalPanel .folderTreeContent .listExplorerChild .listExplorerChildFile,#ModalPanel .folderTreeContent .listExplorerChild .listExplorerChildItem,#ModalPanel .folderTreeContent .listExplorerChild .listExplorerItem,#ModalPanel .folderTreeContent .tree {
    border: none;
 }

 #ModalPanel .folderTreeContent .tree {
    margin-left: 5px;
 }

 #ModalPanel .folderTreeContent .marketDataTree {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    padding-left: 5px;
 }

 #ModalPanel .folderTreeContent .itemActive {
    text-shadow: 0.1px 0px #000;
 }

 .reportsComparisonTable {
    margin-top: 25px !important;
    margin-left: 44px !important;
    width: 520px !important;
    height: 300px !important;
 }

 #ModalPanel .popUpAddToListView .addToListPopupFolderTree {
    left: 20px;
    right: 20px;
    width: auto;
    bottom: 85px;
    border: 1px solid #999;
    top: 45px;
 }

 .blankSymbolsInput {
    color: #aaa;
    text-transform: none;
 }

 input.symbolsInput {
    float: left;
    width: 115px;
    margin-top: 6px;
    margin-left: 10px;
    font-size: 11px;
    font-weight: bold;
    border: 1px inset #888;
    background-color: transparent;
    text-transform: uppercase;
    line-height: 18px;
    height: 18px;
    padding-left: 3px;
 }

 .header input.symbolsInput::-ms-input-placeholder {
    text-transform: none;
    text-align: center;
    font-weight: normal;
 }

 .header input.symbolsInput::-webkit-input-placeholder {
    text-transform: none;
    text-align: center;
    font-weight: normal;
 }

 .header input.symbolsInput::-moz-placeholder {
    text-transform: none;
    text-align: center;
    font-weight: normal;
 }

 input.symbolsInput::selection {
    background-color: black;
    color: white;
 }

 .unavailableSymbol {
    display: none;
    background-color: red;
    border: 1px #1D2725 solid;
    position: absolute;
    height: 87px;
    width: 210px;
    top: 32px;
    left: 10px;
    border-radius: 5px;
    text-align: center;
    line-height: 75px;
    background: -webkit-linear-gradient(top,#fff,#F1F1EC);
    background: -o-linear-gradient(top,#fff,#F1F1EC);
    background: -moz-linear-gradient(top,#fff,#F1F1EC);
    background: linear-gradient(to bottom,#fff,#F1F1EC);
 }

 .unavailableSymbol .closeButton {
    position: absolute;
    left: 194px;
    opacity: 0.4;
 }

 .chartButton,.MST .header .expend,.MST .header .calendarExpendButton,.MST .header .expendRecentSymbol,.MST .calendarCancle,.MST .calendarApply,.MST .comparisonAdd,.MST .comparisonDelete,.MST .screenInfo .screenDropdownMenu,body .MST div.header .printCharts {
    float: left;
    height: 18px;
    line-height: 18px;
    margin-top: 6px;
    font-size: 11px;
    text-align: center;
    border: 1px solid #888;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    border-radius: 3px;
    cursor: pointer;
 }

 .MST .header .expendRecentSymbol {
    width: 25px;
    margin: 6px 20px 0px 5px;
    height: 19px;
 }

 .MST .header .expendRecentSymbol:hover,.MST .header .expend:hover,.MST .header .calendarExpendButton:hover {
    background: -webkit-linear-gradient(top,#fff,#F3F3F1,#cbf1df);
    background: -o-linear-gradient(top,#fff,#F3F3F1,#cbf1df);
    background: -moz-linear-gradient(top,#fff,#F3F3F1,#cbf1df);
    background: linear-gradient(to bottom,#fff,#F3F3F1,#cbf1df);
 }

 .MST .header .expendRecentSymbol div:active {
    border: 1px solid #98e5c1;
    width: 90%;
    height: 90%;
    border-radius: 3px;
 }

 .MST .header .chartButton {
    width: 63px;
    margin-left: 5px;
    color: #000;
 }

 .MST .header .expend {
    width: 18px !important;
    height: 18px !important;
    margin-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
 }

 .MST .header .intradayButton {
    width: 48px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: 5px;
 }

 .MST .header .expend ul li {
    padding-left: 5px;
 }

 .MST .header .expend ul {
    width: 68px;
    padding: 0px;
    position: absolute;
    top: 26px;
    border: 1px solid #666;
    border-radius: 0px;
    color: black !important;
    font-weight: normal !important;
 }

 .MST .header .expend ul li:hover {
    background-color: #cbf1df ;
 }

 .liActive {
    background-color: #98e5c1 !important;
 }

 #ModalPanel .popUpAddToListView .okBtn,#ModalPanel .popUpAddToListView .cancelBtn {
    border: 1px solid #aaa;
    width: 70px;
    height: 22px;
    border-radius: 3px;
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
 }

 .comparisonAdd:hover,#ModalPanel .popUpAddToListView .okBtn:hover,#ModalPanel .popUpAddToListView .cancelBtn:hover,.chart_annotationContainer .popUpTextInputView .bottom .textButton :hover {
    background: linear-gradient(to bottom,#fff,#fff,#DAF0F5,#D3E7F5,#B5CAF7);
    background: -webkit-linear-gradient(top,#fff,#fff,#DAF0F5,#D3E7F5,#B5CAF7);
    border: 1px solid #aaa;
 }

 .comparisonAdd.active,.calendarCancle:active,.calendarApply:active {
    border: 1px solid #0e91cb !important;
    box-shadow: #0e91cb 0px 0px 4px;
 }

 .chartButton:hover,.comparisonDelete:hover,.calendarCancle:hover,.calendarApply:hover,body .MST div.header .printCharts:hover {
    background: -webkit-linear-gradient(top,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF);
    background: -o-linear-gradient(top,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF);
    background: -moz-linear-gradient(top,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF);
    background: linear-gradient(to bottom,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF,#CBF1DF);
 }

 .chartButtonActive {
    background: -webkit-linear-gradient(top,#06C067,#06C067,#06C067,#06C067,#06C067,#06C067,#06C067) !important;
    background: linear-gradient(to bottom,#06C067,#06C067,#06C067,#06C067,#06C067,#06C067,#06C067) !important;
    color: black !important;
 }

 .realTimeButton {
    background-position: -476px -1px;
    width: 20px;
    height: 19px;
    float: left;
    line-height: 19px;
    margin-top: 6px;
    margin-left: 1px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 3px;
    cursor: pointer;
    background-color: #999;
 }

 .rightBorder {
    border: 1px inset #F1EBEB;
    height: 28px;
    width: 0px;
    position: absolute;
    margin-left: 158px;
    z-index: -1;
 }

 .leftBorder {
    border: 1px inset #F1EBEB;
    height: 28px;
    width: 0px;
    position: absolute;
    z-index: -1;
 }

 .realTimeButtonActive {
    background-position: -505px -1px;
 }

 .link-TrialInfo {
    border: solid 2px #666;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    background: -moz-linear-gradient(top,#5dbef6,#2977c7);
    background: -webkit-gradient(linear,top,from(#5dbef6),to(#2977c7));
    background: -webkit-linear-gradient(top,#5dbef6,#2977c7);
    background: -o-linear-gradient(top,#5dbef6,#2977c7);
    background: -ms-linear-gradient(top,#5dbef6,#2977c7);
    font-weight: bold;
    position: absolute;
    right: 450px;
    font-size: 14px;
    padding: 2px 10px;
    top: 4px;
    cursor: pointer;
    display: none;
 }

 .link-TrialInfo:hover {
    background: -moz-linear-gradient(top,#acdbfb,#5da8f5);
    background: -webkit-gradient(linear,top,from(#acdbfb),to(#5da8f5));
    background: -webkit-linear-gradient(top,#acdbfb,#5da8f5);
    background: -o-linear-gradient(top,#acdbfb,#5da8f5);
    background: -ms-linear-gradient(top,#acdbfb,#5da8f5);
 }

 .trial-actived {
    background: -moz-linear-gradient(top,#fdf8e3,#feedb4);
    background: -webkit-gradient(linear,top,from(#fdf8e3),to(#feedb4));
    background: -webkit-linear-gradient(top,#fdf8e3,#feedb4);
    background: -o-linear-gradient(top,#fdf8e3,#feedb4);
    background: -ms-linear-gradient(top,#fdf8e3,#feedb4);
    color: #000;
    border: solid 1px #fbb03f;
    -moz-box-shadow: 0 0 0 1px #666;
    -webkit-box-shadow: 0 0 0 1px #666;
    box-shadow: 0 0 0 1px #666;
 }

 .trial-actived:hover {
    background: -moz-linear-gradient(top,#fdf8e3,#feedb4);
    background: -webkit-gradient(linear,top,from(#fdf8e3),to(#feedb4));
    background: -webkit-linear-gradient(top,#fdf8e3,#feedb4);
    background: -o-linear-gradient(top,#fdf8e3,#feedb4);
    background: -ms-linear-gradient(top,#fdf8e3,#feedb4);
 }

 .link-StockIdeas {
    right: 292px;
    margin-top: 3px;
    margin-right: 10px;
    cursor: pointer;
    position: absolute;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    width: 154px;
    height: 24px;
    border-radius: 4px;
    border: solid 1px #8f9193;
    background-color: #06C067;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.6px;
    color: #000;
 }

 .link-StockIdeas:hover {
    background-color: #60e8a6;
 }

 div.popUpResetDisableNotificationsView {
    height: 130px;
    width: 350px;
    margin-left: -175px;
    margin-top: -65px;
 }

 div.popUpResetDisableNotificationsView .popup-content {
    padding: 20px 20px;
 }

 div.popUpResetDisableNotificationsView .popup-content div {
    width: 100%;
    height: 30px;
    position: relative;
 }

 div.popUpResetDisableNotificationsView .popup-content button {
    position: absolute;
    right: 20px;
    top: -5px;
 }

 div.popUpResetDisableNotificationsView .popup-content button:disabled {
    color: #8D8D8D;
 }

 .popUpPrintSettingView {
    position: relative;
    width: 452px;
    height: 486px;
    border-radius: 9px;
    margin-left: -225px;
    left: 50%;
    margin-top: -230px;
    top: 50%;
    border: 1px solid #666666;
    background-size: 500px 350px;
    z-index: 9999;
    background-color: #DDDEE0;
    background: -webkit-linear-gradient(top,#fff,#DDDEE0);
    background: -o-linear-gradient(top,#fff,#DDDEE0);
    background: -moz-linear-gradient(top,#fff,#DDDEE0);
    background: linear-gradient(to bottom,#fff,#DDDEE0);
    background-image: -ms-linear-gradient(top,#fff,#DDDEE0);
 }

 .popUpStockIdeasView {
    position: relative;
    width: 752px;
    height: 510px;
    border-radius: 5px;
    margin-left: -376px;
    margin-top: -330px;
    background-size: 500px 350px;
    z-index: 9999;
    border-radius: 4px;
    box-shadow: 0 0 11px 3px rgba(0,0,0,0.14);
    background-color: #f5f5f5;
 }

 .popUpTrialInfoView {
    position: relative;
    width: 360px;
    height: 250px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    margin-left: -225px;
    left: 50%;
    margin-top: -230px;
    top: 50%;
    border: 1px solid #666666;
    background-size: 500px 350px;
    z-index: 9999;
    background-color: #feeeb3;
 }

 .popUpTrialInfoView .popup-title {
    background: #feeeb3 !important;
    height: 40px;
 }

 .popUpTrialInfoView .trial-content {
    height: 200px;
    background: #fff;
    width: 340px;
    margin: auto;
    overflow: hidden;
 }

 .popUpTrialInfoView .trial-content > div {
    margin: 10px 20px;
 }

 .popUpTrialInfoView .trial-content > p {
    text-align: center;
 }

 .big-o-button {
    background-color: #ed9229;
    background: -webkit-linear-gradient(top,#f8b374,#f18100);
    background: -o-linear-gradient(top,#f8b374,#f18100);
    background: -moz-linear-gradient(top,#f8b374,#f18100);
    background: linear-gradient(to bottom,#f8b374,#f18100);
    background: -ms-linear-gradient(top,#f8b374,#f18100);
    width: 260px;
    height: 35px;
    color: #fff;
    border: solid 1px #ae9f91;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    margin: 50px auto 15px auto;
    text-decoration: none;
    font-size: 15px;
    text-align: center;
    line-height: 35px;
 }

 .big-o-button:hover {
    background-color: #ed9229;
    background: -webkit-linear-gradient(top,#fddca9,#f8b956);
    background: -o-linear-gradient(top,#fddca9,#f8b956);
    background: -moz-linear-gradient(top,#fddca9,#f8b956);
    background: linear-gradient(to bottom,#fddca9,#f8b956);
    background: -ms-linear-gradient(top,#fddca9,#f8b956);
 }

 .default-link-btn {
    color: #ffa500;
    text-decoration: none;
    font-size: 13px;
    border: none;
    background: none;
    cursor: pointer;
 }

 .default-link-btn:hover {
    font-weight: bold;
    text-decoration: underline;
 }

 .popUpPrintSettingView div.note {
    margin-left: 20px;
 }

 .popUpStockIdeasView .popup-title {
    background: #06c067;
    border-radius: 4px 4px 0 0;
    width: auto;
    padding-left: 19px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.6px;
    color: #000;
 }

 .popUpStockIdeasView .popup-title .closeBtn {
    font-size: 29px;
    float: right;
    padding-right: 21px;
    cursor: pointer;
 }

 .popUpPrintSettingView .title,.popUpTrialInfoView .title {
    width: 96%;
    height: 30px;
    margin-left: 4%;
    margin-top: 5px;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    cursor: default;
 }

 .popUpStockIdeasView .title {
    cursor: default;
    padding-left: 19px;
    padding-right: 21px;
    margin-top: 17px;
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.1px;
    color: #202d3c;
 }

 .popUpStockIdeasView .stockIdeasContent {
    padding-left: 18px;
    padding-right: 30px;
 }

 .popUpStockIdeasView .stockIdeasContent .mask-loading {
    position: relative;
    width: 100%;
    height: 250px;
    z-index: 9999;
    cursor: progress;
    -moz-opacity: 0.8;
    opacity: 1;
    top: 21px;
    background-color: #fff;
    border: solid 1px #b2b2b3;
 }

 .popUpStockIdeasView .stockIdeasContent .icon-loading {
    width: 64px;
    height: 64px;
    position: relative;
    float: left;
    margin-left: -32px;
    left: 50%;
    margin-top: -32px;
    top: 50%;
    background-image: url(../../Images/ListManager/loading.gif);
    background-size: 64px 64px;
 }

 .popUpStockIdeasView .stockIdeasContent .stockIdeasTabGroup {
    width: 100%;
    height: 40px;
 }

 .popUpStockIdeasView .stockIdeasContent .stockIdeasTab {
    height: 40px;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: solid 1px #cccccc;
    background-color: rgba(32,45,60,0.1);
    float: left;
    margin-right: 5px;
    line-height: 40px;
    text-align: left;
    cursor: pointer;
    border-bottom: none;
    padding-left: 20px;
    padding-right: 25px;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1px;
    color: #004e8e;
 }

 .popUpStockIdeasView .stockIdeasContent .stockIdeasTab .trendIcon {
    margin-right: 8px;
    display: inline-block;
 }

 .popUpStockIdeasView .stockIdeasContent .stockIdeasTab.upTrendTab .trendIcon {
    width: 12px;
    height: 15px;
    background-image: url(../../Images/header/stockIdeas/stockIdeasUpArrow.png);
 }

 .popUpStockIdeasView .stockIdeasContent .stockIdeasTab.correctionTab .trendIcon {
    width: 12px;
    height: 14px;
    background-image: url(../../Images/header/stockIdeas/stockIdeasDownArrow.png);
 }

 .popUpStockIdeasView .stockIdeasContent .stockIdeasTab.earningsTab .trendIcon {
    width: 16px;
    height: 15px;
    background-image: url(../../Images/header/stockIdeas/stockIdeasEarning.png);
 }

 .popUpStockIdeasView .stockIdeasContent .stockIdeasTab.stockIdeasActiveTab {
    background: #fff;
    margin-top: -4px;
    padding-top: 4px;
    font-weight: 600;
    letter-spacing: -0.1px;
    color: #000000;
 }

 .popUpStockIdeasView .stockIdeasContent .stockIdeasTab.upTrendTab.stockIdeasActiveTab .trendIcon {
    width: 12px;
    height: 15px;
    background-image: url(../../Images/header/stockIdeas/stockIdeasctiveActiveUpArrow.png);
 }

 .popUpStockIdeasView .stockIdeasContent .stockIdeasTab.correctionTab.stockIdeasActiveTab .trendIcon {
    width: 12px;
    height: 14px;
    background-image: url(../../Images/header/stockIdeas/stockIdeasActiveDownArrow.png);
 }

 .popUpStockIdeasView .stockIdeasContent .stockIdeasTab.earningsTab.stockIdeasActiveTab .trendIcon {
    width: 16px;
    height: 15px;
    background-image: url(../../Images/header/stockIdeas/stockIdeasActiveEarning.png);
 }

 .popUpStockIdeasView .stockIdeasAreaGroup {
    height: 296px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border: solid 1px #dedede;
    background-color: #ffffff;
    padding-left: 18px;
    padding-top: 23px;
    padding-right: 15px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea {
    display: none;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea.stockIdeasActiveArea {
    display: block;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .reviewAreaGroup {
    width: 100%;
    height: 16px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .reviewArea {
    float: left;
    margin-right: 24px;
    line-height: 16px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .reviewArea input {
    margin: 0;
    float: left;
    margin-top: 2px;
    margin-right: 8px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .reviewArea .reviewLable {
    margin: 0;
    float: left;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .reviewArea .reviewLable {
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    cursor: pointer;
    font-weight: normal;
    color: #6b6b6b;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .reviewArea .reviewLable.activeReviewLable {
    font-weight: 600;
    color: #000000;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody {
    margin-top: 21px;
    border-radius: 4px;
    border: solid 1px #b2b2b3;
    overflow: auto;
    height: 248px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody.earningsBody {
    height: 280px;
    margin-top: 5px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody.uptrendBody,.popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody.correctionBody {
    display: none;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody.activeStockIdeasBody {
    display: block;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow {
    cursor: pointer;
    height: 50px;
    padding: 0 46px 0 16px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea.uptrendArea .stockIdeasBody.dailyStockIdeasBody .stockIdeasRow:last-child {
    margin-bottom: 25px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow:hover {
    background-color: #ECF6FB;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .cell {
    display: inline-block;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .iconCell {
    width: 40px;
    height: 40px;
    margin-right: 17px;
    float: left;
    margin-top: 7px;
    margin-left: 10px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .cell.informationCell {
    margin-top: 11px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .cell.informationCell.hasIconInfoCell {
    width: 470px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .cell.listName {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #004e8e;
    margin-right: 16px;
    white-space: nowrap;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .cell.listName:hover {
    text-decoration: underline;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .cell.stockCount {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: 0.1px;
    color: #000;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow:hover .cell.stockCount {
    color: #004e8e;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .cell.viewCell {
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1px;
    color: #001d8e;
    display: none;
    height: 100%;
    line-height: 50px;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow:hover .cell.viewCell {
    display: block;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .listDescription {
    font-size: 12.5px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    height: 16px;
    letter-spacing: -0.5px;
    color: #6b6b6b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .breakingOutTodayIcon {
    background-image: url(../../Images/header/stockIdeas/breaking-out-today.png);
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .nearPivotIcon {
    background-image: url(../../Images/header/stockIdeas/near-pivot.png);
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .recentBreakoutsIcon {
    background-image: url(../../Images/header/stockIdeas/recent-breakouts.png);
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .rsLineBlueDotIcon {
    background-image: url(../../Images/header/stockIdeas/rs-line-blue-dot.png);
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .stockIdeasRow .pullbackTo10WeekLineIcon {
    background-image: url(../../Images/header/stockIdeas/pullback-to-10-week-line.png);
 }

 .popUpStockIdeasView .stockIdeasAreaGroup .stockIdeasArea .stockIdeasBody .moreStockRow {
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    color: #000000;
    margin: 16px 0 0 16px;
 }

 .popUpPrintSettingView .category {
    width: 95%;
    height: 30px;
    margin-left: 5%;
    margin-top: 12px;
    line-height: 30px;
    font-size: 14px;
    cursor: default;
    font-weight: bold;
 }

 .popUpPrintSettingView .reportsTable {
    width: 92%;
    height: 208px;
    margin: 0 4%;
    border: 1px solid #666666;
    border-radius: 3px;
    cursor: default;
    background: #fff;
 }

 .popUpShowTutorialsView .tutorialTitle {
    height: 30px;
    margin: 3% 2%;
    filter: alpha(opacity=0);
 }

 .popUpShowTutorialsView .tutorialTitle .tutorialTitleName {
    width: 200px;
    float: left;
    height: 30px;
    font-size: 20px;
    filter: alpha(opacity=0);
 }

 .popUpShowTutorialsView .tutorialTitle .offButton {
    float: right;
    height: 17px;
    width: 50px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #697D8D;
    background: -webkit-linear-gradient(top,#FCFCFC,#F4F5F6,#E2E5E8,#D1D6DB);
    background: -o-linear-gradient(top,#FCFCFC,#F4F5F6,#E2E5E8,#D1D6DB);
    background: -moz-linear-gradient(top,#FCFCFC,#F4F5F6,#E2E5E8,#D1D6DB);
    background: linear-gradient(to bottom,#FCFCFC,#F4F5F6,#E2E5E8,#D1D6DB);
    background: -ms-linear-gradient(top,#FCFCFC,#F4F5F6,#E2E5E8,#D1D6DB);
    cursor: pointer;
 }

 .popUpShowTutorialsView .tutorialTabsArea .tutorialTab.tutorialTabsClicked {
    background: #fff;
    width: 170px;
    height: 38px;
    border: 1px solid #4a4c50;
    border-bottom: none;
    font-weight: bold;
 }

 .popUpShowTutorialsView .tutorialTabsArea {
    height: 35px;
    margin: 0 2%;
    border: 0px solid #FFC125;
    border-radius: 0px 0px 3px 3px;
    cursor: default;
    font-size: 15px;
    display: flex;
 }

 .popUpShowTutorialsView .tutorialTabsArea .tutorialTab {
    width: 170px;
    height: 35px;
    line-height: 35px;
    float: left;
    text-align: center;
    background: linear-gradient(to bottom,#BEC4CE,#BEC4CE,#BEC4CE);
    background: -weblit-linear-gradient(top,#BEC4CE,#BEC4CE,#BEC4CE);
    background: -moz-linear-gradient(top,#BEC4CE,#BEC4CE,#BEC4CE);
    background: -ms-linear-gradient(top,#BEC4CE,#BEC4CE,#BEC4CE);
    border-radius: 5px 5px 0 0;
 }

 .popUpShowTutorialsView .tutorialTabsArea .selfGuidedTourTab,.popUpShowTutorialsView .tutorialTabsArea .howToTab {
    margin-left: 3px;
 }

 .popUpShowTutorialsView .tutorialTabsArea .tutorialTab.tutorialTabsHover:hover {
    cursor: pointer;
    background: linear-gradient(to bottom,#cbf1df,#cbf1df,#cbf1df);
 }

 .popUpShowTutorialsView .tutorialPanelsArea {
    height: 232px;
    width: 516px;
    margin: 3px 2% 0px 2%;
    border: 1px solid #4a4c50;
    border-radius: 0px 0px 3px 3px;
    cursor: default;
    background: #fff;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .tutorialPanel {
    display: none;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel {
    display: block;
    font-size: 15px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel {
    margin: 0px 0px;
    font-size: 12px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel .introduceContent {
    width: 343px;
    height: 240px;
    float: left;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel .introduceContent .introduceContentOne {
    margin-top: 20px;
    margin-left: 20px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel .introduceContent .introduceContentTwo {
    margin-top: 20px;
    margin-left: 20px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel .remarkContent {
    width: 172px;
    height: 240px;
    float: left;
    font-size: 12px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel .lineContent {
    width: 1px;
    height: 240px;
    float: left;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel .lineContent .lineContentAbove {
    width: 1px;
    height: 120px;
    background: -webkit-linear-gradient(top,#fff,#4a4c50);
    background: -moz-linear-gradient(top,#fff,#4a4c50);
    background: -o-linear-gradient(top,#fff,#4a4c50);
    background: linear-gradient(top,#fff,#4a4c50);
    background: -ms-linear-gradient(top,#fff,#4a4c50);
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel .lineContent .lineContentBelow {
    width: 1px;
    height: 120px;
    background: -webkit-linear-gradient(bottom,#fff,#4a4c50);
    background: -moz-linear-gradient(bottom,#fff,#4a4c50);
    background: -o-linear-gradient(bottom,#fff,#4a4c50);
    background: linear-gradient(bottom,#fff,#4a4c50);
    background: -ms-linear-gradient(bottom,#fff,#4a4c50);
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanelContentTwo .lineContent {
    width: 1px;
    height: 60px;
    float: left;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanelContentTwo .lineContent .lineContentAbove {
    width: 1px;
    height: 30px;
    background: -webkit-linear-gradient(top,#fff,#4a4c50);
    background: -moz-linear-gradient(top,#fff,#4a4c50);
    background: -o-linear-gradient(top,#fff,#4a4c50);
    background: linear-gradient(top,#fff,#4a4c50);
    background: -ms-linear-gradient(top,#fff,#4a4c50);
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanelContentTwo .lineContent .lineContentBelow {
    width: 1px;
    height: 30px;
    background: -webkit-linear-gradient(bottom,#fff,#4a4c50);
    background: -moz-linear-gradient(bottom,#fff,#4a4c50);
    background: -o-linear-gradient(bottom,#fff,#4a4c50);
    background: linear-gradient(bottom,#fff,#4a4c50);
    background: -ms-linear-gradient(bottom,#fff,#4a4c50);
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel .remarkContent .remarkContentPhone {
    height: 20px;
    margin-top: 25px;
    margin-left: 14px;
    font-size: 14px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel .remarkContent .remarkContentTime {
    height: 35px;
    margin-top: 6px;
    margin-left: 14px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .welcomePanel .remarkContent .remarkContentHelpLinks {
    height: 50px;
    margin-top: 10px;
    margin-left: 14px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent {
    margin: 0% 2%;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentOne {
    height: 30px;
    padding-top: 30px;
    width: 492px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo {
    height: 60px;
    margin-top: 20px;
 }

 .popUpESignalSettingView {
    position: relative;
    width: 600px;
    height: 486px;
    border-radius: 9px;
    margin-left: -300px;
    left: 50%;
    margin-top: -243px;
    top: 50%;
    border: 1px solid #666666;
    background-size: 500px 350px;
    z-index: 9999;
    background-color: #DDDEE0;
    background: -webkit-linear-gradient(top,#fff,#DDDEE0);
    background: -o-linear-gradient(top,#fff,#DDDEE0);
    background: -moz-linear-gradient(top,#fff,#DDDEE0);
    background: linear-gradient(to bottom,#fff,#DDDEE0);
    background: -ms-linear-gradient(top,#fff,#DDDEE0);
 }

 .popUpESignalSettingView .eSignalSettingContent {
    margin-top: 1px;
    margin-left: 15px;
    padding-left: 8px;
    height: 410px;
    width: 562px;
    background: white;
    border: solid #9A9A9A;
    border-width: 2px 0px 0px 2px;
 }

 .popUpESignalSettingView .eSignalSettingContent p a {
    text-decoration: none;
    color: #0066CF;
 }

 .popUpESignalSettingView .eSignalSettingContent p a:hover {
    text-decoration: underline;
 }

 .popUpESignalSettingView .closeButton {
    margin-top: 10px;
    margin-left: 270px;
    width: 60px;
    text-align: center;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -ms-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    border-radius: 3px;
    cursor: pointer;
    font-size: 11px;
 }

 .popUpESignalSettingView .closeButton:hover {
    background: -webkit-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -o-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: linear-gradient(to bottom,#cbf1df,#cbf1df,#cbf1df);
    background: -ms-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
 }

 .tutorialCircleNumber {
    height: 18px;
    width: 18px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #06c067;
    font-weight: bold;
    float: left;
    text-align: center;
    margin-top: 1px;
    margin-right: 4px;
 }

 .tutorialCircleNumberPanelTwo {
    height: 13px;
    width: 13px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #06c067;
    font-weight: bold;
    float: left;
    text-align: center;
    margin-right: 6px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .majorAreas {
    width: 296px;
    float: left;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .majorAreas .majorAreasTitle {
    width: 296px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .majorAreas .majorAreasItems {
    margin-top: 5px;
    margin-left: 10px;
    width: 286px;
    height: 19px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .majorAreas .majorAreasItems .majorAreaItem {
    width: 60px;
    float: left;
    font-weight: bold;
    margin-top: 2px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .majorAreas .majorAreasItems .chartItem {
    width: 53px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .majorAreas .majorAreasItems .screenerItem {
    width: 70px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .majorAreas .majorAreasItems .listPanelItem {
    width: 60px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .ohterAreas {
    width: 168px;
    float: left;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .ohterAreas .ohterAreasTitle {
    width: 184px;
    margin-left: 10px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .ohterAreas .otherAreasItemsContent {
    width: 184px;
    margin-left: 10px;
    margin-top: 10px;
    height: 15px;
    font-weight: bold;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentTwo .ohterAreas .otherAreasItemsContent .otherAreaItem {
    width: 160px;
    float: left;
    height: 15px;
    margin-top: 2px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .selfGuidedTourPanel .selfGuidedTourPanelContent .selfGuidedTourPanelContentThree {
    height: 30px;
    margin-top: 6%;
    text-align: center;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent {
    padding-top: 4%;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton {
    margin: 0% 3%;
    height: 39px;
    border: 1px solid #CCC;
    border-radius: 4px 4px;
    display: flex;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listBackContent {
    width: 55px;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    cursor: pointer;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listBackContentFirstSelected {
    opacity: 0.5;
    cursor: default;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listBackContent img {
    height: 18px;
    width: 13px;
    margin-top: 11px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .leftLine {
    width: 1px;
    height: 40px;
    float: left;
    background-color: #808080;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listShowContent {
    width: 355px;
    height: 28px;
    float: left;
    margin: 5px 1.5%;
    border: 1px solid;
    border-left-color: #6E8193;
    border-top-color: #6E8193;
    border-right-color: #6E8193;
    border-bottom-color: #617584;
    border-radius: 3px 3px;
    cursor: pointer;
    display: flex;
    background: -webkit-linear-gradient(top,#FCFCFC,#F4F5F6,#E2E5E8,#D1D6DB);
    background: -o-linear-gradient(top,#FCFCFC,#F4F5F6,#E2E5E8,#D1D6DB);
    background: -moz-linear-gradient(top,#FCFCFC,#F4F5F6,#E2E5E8,#D1D6DB);
    background: linear-gradient(to bottom,#FCFCFC,#F4F5F6,#E2E5E8,#D1D6DB);
    background: -ms-linear-gradient(top,#FCFCFC,#F4F5F6,#E2E5E8,#D1D6DB);
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listShowContent .listShowContentLine {
    width: 1px;
    height: 100%;
    float: left;
    background-color: #000;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listShowContent .listShowContentExpandedButton {
    width: 24px;
    height: 100%;
    float: left;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listShowContent .listShowContentExpandedButton .expanded-arrow {
    background-position: -532px 0;
    width: 7px;
    height: 6px;
    margin-top: 12px;
    margin-left: 9px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listShowContent:hover {
    background: -webkit-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df );
    background: -o-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: linear-gradient(to bottom,#cbf1df,#cbf1df,#cbf1df );
    background: -ms-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listShowContent .listShowContentButton {
    width: 302px;
    height: 28px;
    line-height: 28px;
    float: left;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .rightLine {
    width: 1px;
    height: 40px;
    float: left;
    background-color: #808080;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listForwardContent {
    width: 54px;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    cursor: pointer;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listForwardContentLastSelected {
    opacity: 0.5;
    cursor: default;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listButton .listForwardContent .forwardTriangle {
    background-position: -569px 0;
    height: 18px;
    width: 13px;
    margin-top: 11px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listContentArea {
    margin: 2% 4%;
    height: 160px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listContentArea .ohterAreasItemsContent {
    height: 26px;
    width: 492px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listContentArea .ohterAreasItemsContentOther {
    width: 475px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listContentArea .introductionContent {
    position: absolute;
    left: 116px;
    top: 178px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .allListContent {
    position: absolute;
    left: 92px;
    width: 355px;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 3px 3px;
    display: none;
    line-height: 25px;
    float: left;
    overflow-y: auto;
    height: 452px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .allListContent .allListOneContent {
    width: 100%;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .allListContent .allListOneContent:hover {
    background-color: #cbf1df;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .allListContent .listContentItem {
    padding-left: 28px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .allListContent .listContentItemSelected {
    background-color: #9E9E9E !important;
    border: 1px solid #6DBDD1;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 26px;
 }

 .popUpShowTutorialsView .contactButtonArea {
    width: 150px;
    height: 30px;
    margin-top: 17px;
    margin-left: 196px;
 }

 .popUpShowTutorialsView .contactButtonArea .contactButton {
    width: 148px;
    height: 26px;
    color: #000;
    background-color: #06c067;
    border: 1px solid #4a4c50;
    border-radius: 4px 4px;
 }

 .popUpShowTutorialsView .contactButtonArea .contactButton:hover {
    cursor: pointer;
    background: -webkit-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
    background: -o-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
    background: linear-gradient(to bottom,#cbf1df,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
 }

 .popUpPrintSettingView .screensTable,.popUpPrintSettingView .marketAnalysisTable,.popUpShowTutorialsView .ScreensTable,popUpShowTutorialsView .marketAnalysisTable {
    width: 92%;
    height: 52px;
    margin: 0 4%;
    border: 1px solid #666666;
    border-radius: 3px;
    cursor: default;
    background: #fff;
 }

 .popUpPrintSettingView .cell {
    width: 97%;
    height: 25px;
    line-height: 25px;
    border-bottom: 2px solid #F6F6F6;
    margin-left: 1%;
    font-size: 12px;
 }

 .popUpPrintSettingView .cell {
    margin: 10px;
 }

 .popUpPrintSettingView .cell select {
    margin-right: 10px;
 }

 .popUpStockIdeasView .cell .cellButton:hover {
    background: -webkit-linear-gradient(#fff,#A9CAE6);
    background: -o-linear-gradient(#fff,#A9CAE6);
    background: -moz-linear-gradient(#fff,#A9CAE6);
    background: linear-gradient(#fff,#A9CAE6);
 }

 .popUpPrintSettingView .cell:last-of-type,.popUpShowTutorialsView .cell:last-of-type {
    border-bottom: 0px solid #F6F6F6;
 }

 .popUpPrintSettingView .cell button,.popUpPrintSettingView .okBtn,.popUpPrintSettingView .cancleBtn,.popUpPrintSettingView .printBtn,.popUpShowTutorialsView .cell button,.popUpShowTutorialsView .cancleBtn,.popUpShowTutorialsView .printBtn {
    float: right;
    width: 58px;
    height: 18px;
    line-height: 16px;
    margin-top: 2px;
    margin-right: 10px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#ccc);
    background: -o-linear-gradient(top,#fff,#ccc);
    background: -moz-linear-gradient(top,#fff,#ccc);
    background: linear-gradient(to bottom,#fff,#ccc);
    border-radius: 3px;
    cursor: pointer;
 }

 .popUpShowTutorialsView .okBtn {
    float: none;
    width: 150px;
    height: 30px;
    line-height: 19px;
    margin-top: 260px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#F4A460,#ccc);
    background: -o-linear-gradient(top,#F4A460,#ccc);
    background: -moz-linear-gradient(top,#F4A460,#ccc);
    background: linear-gradient(to bottom,#F4A460,#ccc);
    border-radius: 3px;
    cursor: pointer;
 }

 .cell select {
    width: 120px;
    float: right;
 }

 .printBtnCnt {
    text-align: center;
    width: 90%;
    height: 45px;
    margin: 0px;
    padding-top: 5px;
    margin-left: 5%;
    border-radius: 11px;
 }

 .popUpPrintSettingView {
    height: 236px !important;
 }

 .popUpCommonView.popUpShowErrorMessageView {
    width: 300px !important;
    margin-left: -150px;
    top: 300px;
    background: #fff;
 }

 .popUpCommonView.popUpShowErrorMessageView .errorMessageContent {
    text-align: center;
    line-height: 50px;
 }

 .popUpShowTutorialsView {
    position: relative;
    height: 395px;
    width: 542px;
    border-radius: 9px;
    margin-left: -225px;
    left: -50px;
    margin-top: -230px;
    top: 50%;
    border: 1px solid #4a4c50;
    background-size: 500px 350px;
    z-index: 9999;
    background-color: #F3F5F6;
 }

 .popUpShowContactView {
    position: relative;
    width: 490px;
    height: 528px;
    border-radius: 9px;
    margin-left: -225px;
    left: 50%;
    margin-top: -230px;
    top: 50%;
    border: 1px solid #666666;
    background-size: 500px 350px;
    z-index: 9999;
    background-color: #DDDEE0;
 }

 .popUpShowContactView .contactRequiredMark {
    height: 15px;
    width: 95%;
    text-align: right;
    margin-top: 22px;
 }

 .popUpShowContactView .yourNameContent {
    height: 20px;
    width: 95%;
    float: right;
 }

 .popUpShowContactView .yourNameContent .yourNameLabel {
    height: 15px;
    width: 66px;
    float: left;
    text-align: right;
    margin-top: 5px;
 }

 .popUpShowContactView .yourNameContent .addYourNameTextBox {
    margin-top: 4px;
    margin-left: 10px;
    float: left;
    width: 240px;
    opacity: 1;
    border-width: 0;
    background: #DDDEE0;
    color: #000;
 }

 .popUpShowContactView .yourNameContent .addYourNameTextFront {
    margin-top: 0px;
    right: 0px;
    width: 95%;
    height: 20px;
    opacity: 0;
    position: absolute;
 }

 .popUpShowContactView .emailContent {
    height: 20px;
    width: 95%;
    float: right;
    margin-top: 12px;
 }

 .popUpShowContactView .emailContent .emailLabel {
    height: 15px;
    width: 66px;
    float: left;
    text-align: right;
    margin-top: 5px;
 }

 .popUpShowContactView .emailContent .addEmailTextBox {
    float: left;
    margin-left: 10px;
    width: 240px;
 }

 .popUpShowContactView .subjectContent {
    height: 20px;
    width: 95%;
    float: right;
    margin-top: 12px;
 }

 .popUpShowContactView .subjectContent .subjectLabel {
    height: 15px;
    width: 66px;
    float: left;
    text-align: right;
    margin-top: 5px;
 }

 .popUpShowContactView .subjectContent .addSubjectTextBox {
    float: left;
    margin-left: 10px;
    width: 364px;
 }

 .popUpShowContactView .messageContent {
    height: 210px;
    width: 95%;
    float: right;
    margin-top: 12px;
 }

 .popUpShowContactView .messageContent .messageLabel {
    height: 15px;
    width: 66px;
    float: left;
    text-align: right;
    margin-top: 5px;
 }

 .popUpShowContactView .messageContent .addMessageTextBox {
    float: left;
    margin-left: 10px;
    height: 210px;
    width: 362px;
 }

 .popUpShowContactView .callMeContent {
    height: 20px;
    width: 95%;
    float: right;
    margin-top: 12px;
 }

 .popUpShowContactView .callMeContent .callMeCheckBoxLabel {
    height: 15px;
    width: 66px;
    float: left;
    text-align: right;
    margin-top: 5px;
 }

 .popUpShowContactView .callMeContent .callMeCheckBoxLabel .callMeCheckBox {
    float: left;
 }

 .popUpShowContactView .callMeContent .callMeCheckBoxLabel .callMeLabel {
    float: right;
    margin-top: 3px;
 }

 .popUpShowContactView .callMeContent .addPhoneNumberTextBox {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
 }

 .popUpShowContactView .chooseBestTimeContent {
    margin-top: 330px;
    margin-left: 98px;
    font-size: 11px;
 }

 .popUpShowContactView .chooseBestTimeContent .bestTimeLabel {
    width: 88px;
    float: left;
    margin-top: 14px;
    margin-left: 2px;
 }

 .popUpShowContactView .chooseBestTimeContent .bestTimeParts {
    width: 264px;
    float: left;
    margin-top: 10px;
 }

 .popUpShowContactView .chooseBestTimeContent .bestTimeParts .chooseTimeContent {
    width: 67px;
    height: 18px;
    line-height: 20px;
    float: left;
 }

 .popUpShowContactView .chooseBestTimeContent .bestTimeParts input {
    float: left;
 }

 .popUpShowContactView .chooseBestTimeContent .bestTimeParts .bestTimePartsItem {
 }

 .popUpShowContactView .chooseBestTimeContent .bestTimeParts .anyTimeItem {
    width: 56px;
 }

 .popUpShowContactView .chooseBestTimeContent .bestTimeParts .morningItem {
    width: 49px;
 }

 .popUpShowContactView .chooseBestTimeContent .bestTimeParts .eveningItem {
    width: 49px;
 }

 .popUpShowContactView .callingMarkContent {
    margin-top: 375px;
    margin-left: 100px;
    font-size: 11px;
 }

 .popUpShowContactView .SubmitContentButton {
    margin-left: 34%;
    width: 32%;
    height: 20px;
    font-size: 12px;
    margin-top: 18px;
    background: -webkit-linear-gradient(top,#fff,#F1F1F1,#DFDFDF);
    background: -o-linear-gradient(top,#fff,#F1F1F1,#DFDFDF);
    background: -moz-linear-gradient(top,#fff,#F1F1F1,#DFDFDF);
    background: linear-gradient(to bottom,#fff,#E9EBEE,#CED4D9);
    border-radius: 3px;
    border: 1px solid #697D8D;
    cursor: pointer;
 }

 .menubtn,.settingMenumenubtn,.priceAlertButtonmenubtn {
    position: absolute;
    width: 46px;
    height: 30px;
    display: block;
    top: 0px;
    cursor: pointer;
 }

 .link-StockIdeasLeft {
    left: 760px;
 }

 .priceAlertButtonLeft {
    left: 925px;
 }

 .settingMenuLeft {
    left: 973px;
 }

 .msLogoLeft {
    left: 1024px;
 }

 .priceAlertDIV:hover {
    background-color: #ffaa44;
 }

 .menuShowToggle {
    display: block !important;
 }

 .menubtnClicked {
    background-color: #999999 !important;
 }

 .priceAlertButton:hover {
    background-color: #CBF1DF;
 }

 .priceAlertButton:active,.priceAlertButtonSelected:active {
    background-color: transparent;
 }

 .priceAlertButton,.priceAlert {
    right: 252px;
 }

 .triggerAlertNum {
    margin: 10px 22px;
    position: absolute;
    display: none;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px;
    border-radius: 300px;
    background-color: rgb(230,3,3);
    color: white;
    border: 2px solid white;
    font-weight: bold;
    font-size: 11px;
    width: 16px;
    text-align: center;
    overflow: hidden;
    height: 16px;
    line-height: 16px;
 }

 .triggerAlertNum.bigTriggerAlert {
    font-size: 9px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    letter-spacing: -1px;
 }

 .settingMenu {
    background-image: url(../../Images/mst_setting_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 23px 23px;
 }

 .settingMenuImage {
    background-position: -532px 0;
    width: 7px;
    height: 4px;
 }

 .settingMenu .imgReversed {
    background-position: -532px 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
 }

 .settingMenu {
    right: 204px;
 }

 .settinglist {
    right: 202px;
 }

 .msLogo {
    position: absolute;
    right: 32px;
    margin-top: 3px;
 }

 .msLogo img {
    height: 25px;
 }

 .menuShow {
    float: right;
    z-index: 102;
    width: 250px;
    display: none;
    background-color: #fff;
    border: 4px solid #999;
    border-collapse: collapse;
    box-shadow: 3px 3px 3px #aaa;
    border-top: 5px solid #999;
 }

 .menuShowSettinglist {
    float: right;
    margin-top: 6px;
    z-index: 102;
    width: 250px;
    display: none;
    background-color: #fff;
    border: 2px solid #999;
    border-collapse: collapse;
    box-shadow: 3px 3px 3px #aaa;
    border-top: 5px solid #999;
 }

 .menuShow.priceAlert {
    width: 390px;
    max-height: 678px;
    min-height: 75px;
    position: absolute;
    top: 30px;
    right: 0px;
 }

 .priceAlert .dropdownTitle {
    height: 30px !important;
    text-decoration: none !important;
    cursor: default !important;
 }

 .priceAlert .headerTriggeredList td {
    padding-left: 0px;
    padding-right: 0px;
 }

 .priceAlert .dropdownTitle td {
    font-size: 14px;
    font-weight: bolder;
    font-family: Arial;
    text-align: left;
    padding-left: 23px;
    line-height: 26px;
    height: 26px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #999999;
    background-color: #f2f2f2;
 }

 .priceAlert .dropdownTitle .dropdownDelete,.priceAlert .dropdownTitle .dropdownDeleteInactive {
    float: right;
    margin-right: 44px;
    font-size: 12px;
    font-weight: normal;
 }

 .priceAlert .dropdownTitle .dropdownDelete {
    color: #0066cc;
    cursor: pointer;
 }

 .priceAlert .dropdownTitle .dropdownDeleteInactive {
    color: #999999;
 }

 .priceAlert .dropdownContent,.priceAlert .dropdownTodayContent,.priceAlert .dropdownRecentlyContent {
    max-height: 620px;
    overflow-y: auto;
 }

 .priceAlert .dropdownContent .headerTriggeredList,.priceAlert .dropdownTodayContent .headerTriggeredList,.priceAlert .dropdownRecentlyContent .headerTriggeredList {
    width: 100%;
 }

 .priceAlert .dropdownContent .headerTriggeredList tr:not(.dropdownTitle),.priceAlert .dropdownTodayContent .headerTriggeredList tr,.priceAlert .dropdownRecentlyContent .headerTriggeredList tr {
    cursor: pointer;
    font-size: 12px;
    color: #0066CC;
    font-weight: bolder;
 }

 .priceAlert .dropdownContent .headerTriggeredList tr:hover,.priceAlert .dropdownTodayContent .headerTriggeredList tr:hover,.priceAlert .dropdownRecentlyContent .headerTriggeredList tr:hover {
    background-color: #cbf1df;
    text-decoration: underline;
 }

 .priceAlert .dropdownContent .headerTriggeredList tr td,.priceAlert .dropdownTodayContent .headerTriggeredList tr td,.priceAlert .dropdownRecentlyContent .headerTriggeredList tr td {
    border-bottom: 1px solid #ccc;
 }

 .priceAlert .dropdownContent tr.todayTriggeredLastTr td {
    border-bottom: 0px;
 }

 .priceAlert .dropdownContent .headerTriggeredList tr td:first-child,.priceAlert .dropdownTodayContent .headerTriggeredList tr td:first-child,.priceAlert .dropdownRecentlyContent .headerTriggeredList tr td:first-child {
    text-align: left;
    padding-left: 23px;
    height: 25px;
    max-width: 66px;
 }

 .priceAlert .dropdownContent .headerTriggeredList tr td:nth-last-child(2),.priceAlert .dropdownTodayContent .headerTriggeredList tr td:nth-last-child(2),.priceAlert .dropdownRecentlyContent .headerTriggeredList tr td:nth-last-child(2) {
    padding-left: 34px;
    width: 216px;
 }

 .priceAlert .dropdownContent .listAlertTime,.priceAlert .dropdownTodayContent .listAlertTime,.priceAlert .dropdownRecentlyContent .listAlertTime {
    font-family: Arial,Reg;
    color: #666;
    font-weight: normal;
    padding-right: 44px;
    width: 47px;
    font-size: 12px;
 }

 .alertLoading {
    background-image: url(../../Images/ListManager/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
 }

 .priceAlert .dropdownContent .reactivateImg,.priceAlert .dropdownTodayContent .reactivateImg,.priceAlert .dropdownRecentlyContent .reactivateImg {
    background-position: -334px 0;
    width: 21px;
    height: 21px;
    border-top: none;
    float: left;
    display: none;
    margin-top: 2px;
    margin-left: 2px;
 }

 .priceAlert .dropdownContent .reactivateImg:hover,.priceAlert .dropdownTodayContent .reactivateImg:hover,.priceAlert .dropdownRecentlyContent .reactivateImg:hover {
    background-position: -361px 0;
    width: 21px;
    height: 21px;
    margin-top: 2px;
    margin-left: 2px;
 }

 .priceAlert .dropdownContent .dismissImg,.priceAlert .dropdownTodayContent .dismissImg,.priceAlert .dropdownRecentlyContent .dismissImg {
    background-position: -280px 0;
    width: 21px;
    height: 21px;
    border-top: none;
    float: left;
    display: none;
    margin-top: 2px;
    margin-left: 2px;
 }

 .priceAlert .dropdownContent .dismissImg:hover,.priceAlert .dropdownTodayContent .dismissImg:hover,.priceAlert .dropdownTodayContent .dismissImg:hover {
    background-position: -307px 0;
    width: 21px;
    height: 21px;
    margin-top: 2px;
    margin-left: 2px;
 }

 .priceAlert .reactivateImgHover {
    background-position: -693px 0;
    width: 81px;
    height: 30px;
    border-top: none;
    float: left;
    position: absolute;
 }

 .priceAlert .dismissImgHover {
    background-position: -401px 0;
    width: 67px;
    height: 30px;
    border-top: none;
    float: left;
    position: absolute;
 }

 .priceAlert .dragHandle {
    background-color: #999999;
    align: center;
    height: 15px;
    width: 100%;
    bottom: 0%;
    padding-top: 5px;
    margin-top: 10px;
 }

 .priceAlert .dragHandle hr {
    width: 40%;
    color: white;
    margin: 2px 121px 3px;
 }

 .priceAlert .dragHandle:hover {
    background-color: #c1c1c1;
    cursor: s-resize;
 }

 .priceAlert .div3,.priceAlert .dropdownButtonPallet ul {
    border-top: none;
    margin: 0;
    padding: 0;
    margin: 7px 0 0 5px;
 }

 .priceAlert .dropdownButtonPallet {
    height: 24px;
    border-top: 4px solid #999999;
 }

 .priceAlert .dropdownButtonPallet ul li {
    margin: 0px;
    list-style: none;
    width: 33.33%;
    text-align: center;
    float: left;
    color: #086b9c;
    font: bold 12px Arial;
    cursor: pointer;
 }

 .priceAlert .dropdownButtonPallet ul li:hover,.menuShowSettinglist .settingItem:hover {
    text-decoration: underline;
 }

 .menuShowSettinglist .settingItem {
    height: 22px;
    line-height: 22px;
    width: auto;
    border-top: 1px solid #ccc;
    text-align: left;
    color: #05557B;
    font: 11px Arial;
    cursor: pointer;
    padding-left: 12px;
 }

 .menuShowSettinglist .settingItem.showUserProfile,.menuShowSettinglist .settingItem.showContactItem {
    cursor: default;
 }

 .menuShowSettinglist .delayedDataItem,.menuShowSettinglist .batsDataItem,.menuShowSettinglist .tooltipItem {
    cursor: default;
 }

 .menuShowSettinglist .batsDataItem,.menuShowSettinglist .eSignalSettingItem {
    border: none !important;
 }

 .menuShowSettinglist .delayedDataItem:hover,.menuShowSettinglist .batsDataItem:hover,.menuShowSettinglist .tooltipItem:hover {
    text-decoration: none;
 }

 .menuShowSettinglist .settingItem input {
    margin: 5px 2px 0px 0px;
    padding: 0px 0px;
    float: left;
 }

 .menuShowSettinglist .settingItem span {
    line-height: 22px;
 }

 .menuShowSettinglist .settingItem span.eSignalSetting {
    top: 0px;
 }

 .menuShowSettinglist .settingItem a {
    color: #05557B;
    line-height: 22px;
 }

 .menuShowSettinglist .settingItem a:link {
    text-decoration: none;
 }

 .menuShowSettinglist .settingItem a:visited {
    color: #05557B;
 }

 .menuShowSettinglist .settingItem input[type="radio"] {
 }

 .timeInput {
    float: left;
    width: 60px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    text-align: left;
    padding: 0px;
    padding-left: 2px;
    line-height: 16px;
    height: 16px;
    font-size: 11px;
 }

 body .MST .header .timeRangeCon .timeInput.timeInputChanged {
    background-color: rgb(35,190,240);
 }

 body .MST .header .headerTimeChanged {
    background-color: #98e5c1;
 }

 .wrongInputAlert {
    position: absolute;
    top: 25px;
    background: white;
    left: 20px;
    z-index: 10000;
    border: 1px solid;
    font-size: 11px;
    height: 20px;
    width: 75px;
    text-align: center;
    line-height: 17px;
    display: none;
 }

 .timeRangeCon {
    margin-left: 27px;
    background-color: transparent;
    width: 160px;
    height: 100%;
    float: left;
    position: relative;
 }

 .timeRangeConClicked {
    background: #9DA2AD;
 }

 .headerReminderInf {
    margin: 8px 0 0 0;
    font-weight: bolder;
    left: 700px;
    position: absolute;
    font-size: 13px;
 }

 .headerReminderInf .annotationUndo {
    padding: 0 1px 0 1px;
    font-size: 10px;
    text-align: center;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    border-radius: 3px;
 }

 .headerReminderInf .annotationUndo:hover {
    background: -webkit-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -o-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: linear-gradient(to bottom,#cbf1df,#cbf1df,#cbf1df);
 }

 .headerReminderInf .alertUndo {
    color: #0066CC;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 5px;
    font-weight: bold;
 }

 .leftArrow,.rightArrow,.montharrow {
    margin-top: 9px;
    border-style: solid;
    border-width: 5px;
    height: 0;
    width: 0;
    float: left;
    cursor: pointer;
 }

 .header .leftArrow {
    margin-left: 10px;
    border-color: transparent #000 transparent transparent;
 }

 .header .rightArrow {
    border-color: transparent transparent transparent #000;
 }

 .header .leftArrow.disableArrow:hover {
    border-color: transparent #000 transparent transparent !important;
 }

 .header .rightArrow.disableArrow:hover {
    border-color: transparent transparent transparent #000 !important;
    cursor: default !important;
 }

 .header .leftArrow:hover {
    border-color: transparent #06c067 transparent transparent;
 }

 .header .rightArrow:hover {
    border-color: transparent transparent transparent #06c067;
 }

 .monthInc .montharrow {
    border-color: transparent transparent transparent #000;
    margin-top: 5px;
    margin-left: 5px;
    pointer-events: none;
 }

 .monthDec .montharrow {
    margin-top: 5px;
    margin-left: -2px;
    pointer-events: none;
    border-color: transparent #000 transparent transparent;
 }

 .monthCalBtnDisabled .montharrow {
    border-color: transparent transparent transparent #BEC4CE;
    margin-top: 5px;
    margin-left: 5px;
    pointer-events: none;
 }

 div.fiveDateTypeSelect {
    float: right;
    color: white;
    font-size: 11px;
    margin-top: -8px;
    cursor: pointer;
    width: 160px;
 }

 div.fiveDateTypeSelect span:hover {
    text-decoration: underline;
 }

 div.fiveDateTypeSelect span:nth-child(1),div.fiveDateTypeSelect span:nth-child(2) {
    margin-right: 10px;
 }

 div.fiveDateTypeSelect span.resetToToday {
    margin: 0px 27px;
 }

 div.fiveDateTypeSelect span:nth-child(3),div.fiveDateTypeSelect span:nth-child(4) {
    margin-right: 20px;
 }

 .arrowImg {
    background-position: -532px 0;
    width: 7px;
    height: 4px;
    margin: 8px auto;
    position: relative;
    pointer-events: none;
 }

 .imgRotate {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
 }

 .eventItem {
    color: white !important;
    background: url(../../Images/header/eventBackground.png) no-repeat 4px 0px;
    background-size: 14px;
 }

 .divEventItem {
    color: #578727 !important;
    background: url(../../Images/header/divEventBackground.png) no-repeat 4px 0px;
    background-size: 14px;
 }

 .bothEventItem {
    color: white !important;
    background: url(../../Images/header/bothEventBackground.png) no-repeat 4px 0px;
    background-size: 15px;
 }

 .ceoEventItem {
    color: #0099cc !important;
    background: url(../../Images/header/ceoEventBackground.png) no-repeat 4px 1px;
    background-size: 14px;
 }

 .ipoEventItem {
    color: white !important;
    background: url(../../Images/header/orange_circle.png) no-repeat 2px -2px;
    background-size: 18px;
 }

 .splitEventItem {
    color: white !important;
    background: url(../../Images/header/splitEventBackground.png) no-repeat 4px 0px;
    background-size: 14px;
 }

 .earningReleaseEventItem {
    color: white !important;
    background: url(../../Images/header/earningReleaseEventBackground.png) no-repeat 4px 0px;
    background-size: 14px;
 }

 .calendarExpendButton {
    top: 0px !important;
    width: 23px !important;
    height: 18px !important;
    margin-top: 5px !important;
    margin-left: 17px !important;
 }

 .expendTimeBtnClicked {
    background: url(../../Images/header/collapsed-arrow.gif) no-repeat 50% 60%;
 }

 .calendarExpendButton:hover {
    background-color: -webkit-linear-gradient(top,#fff,#FBBD5E);
    background-color: -o-linear-gradient(top,#fff,#FBBD5E);
    background-color: -moz-linear-gradient(top,#fff,#FBBD5E);
    background: linear-gradient(to bottom,#fff,#FBBD5E);
 }

 .tabTimeRange {
    width: 580px;
    height: 217px;
    background-color: #cacaca;
    background: linear-gradient(to bottom,#9DA2AD,#9DA2AD);
    background: -webkit-linear-gradient(top,#9DA2AD,#9DA2AD);
    border-radius: 0px 0px 8px 8px;
    box-shadow: 1px 2px 5px #555;
    position: absolute;
    z-index: 1024;
    display: none;
    overflow: hidden;
    top: 30px;
    padding-top: 6px;
    left: 98px;
    border-top: none;
 }

 .tabTimeRangeShow {
    display: block;
 }

 .tabTimeRange span.tabOptionShow {
    background: -webkit-linear-gradient(top,#fff,#ccc,#999);
    background: -o-linear-gradient(top,#fff,#ccc,#999);
    background: -moz-linear-gradient(top,#fff,#ccc,#999);
    background: linear-gradient(to bottom,#fff,#ccc,#999);
    line-height: 15px;
    color: black;
    font-weight: normal;
 }

 .tabTimeRange span.tabOptionShow:hover {
    background: linear-gradient(to bottom,#cbf1df,#cbf1df);
    background: -webkit-linear-gradient(top,#cbf1df,#cbf1df);
 }

 .tabTimeRange .tabBtn {
    position: relative;
    left: 15px;
    font-size: 11px;
    padding: 4px;
    border-radius: 3px 3px 0px 0px;
    top: 6px;
    margin: 0px;
    box-shadow: 1px 1px 1px #aaa;
    cursor: pointer;
    background: white;
    line-height: 20px;
    font-weight: bold;
    color: #3284db;
 }

 .tabTimeRange .tabContent {
    position: relative;
    width: 550px;
    height: 185px;
    left: 15px;
    top: 6px;
    border-radius: 0px 2px;
    background: white;
    margin-bottom: 20px;
 }

 .tabTimeRange .tabCalendar {
    width: 95%;
    height: 100%;
    left: 15px;
    position: relative;
    top: -46px;
 }

 .tabTimeRange .tabTimeLine {
    position: relative;
    top: -37px;
    width: 92%;
    height: 100%;
    left: 20px;
    overflow: hidden;
    opacity: 0;
 }

 .tabTimeRange .tabCalendar .monthCal {
    width: 32%;
    height: 135px;
    float: left;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    font-size: 11px;
    margin: 10px 2px;
    cursor: default;
 }

 .tabTimeRange .tabCalendar .monthCal div[class|="weekday"],.tabTimeRange .tabCalendar .monthCal div[class^="item"] {
    font-size: 10px;
    color: black;
    width: 21px;
    line-height: 14px;
    height: 14px;
    float: left;
    text-align: center;
    text-align: center;
    border: 1px solid white;
 }

 .tabTimeRange .tabCalendar .monthCal div[class^="item"] {
    color: rgb(8,107,156);
    padding: 0px;
    margin: 0px;
    font-weight: bold;
 }

 .tabTimeRange .tabCalendar .monthCal div[class$="1"][class^="item"],.tabTimeRange .tabCalendar .monthCal div[class$="7"][class^="item"],.tabTimeRange .blankDay {
    color: #999 !important;
    border: 1px solid white;
 }

 .tabTimeRange .tabCalendar div.monthCal div.currentDayItem {
    background-color: #1D2725 !important;
    color: white !important;
    border-color: #1D2725 !important;
 }

 .tabTimeRange .tabCalendar .monthCal div[class$="2"][class^="item"]:hover,.tabTimeRange .tabCalendar .monthCal div[class$="3"][class^="item"]:hover,.tabTimeRange .tabCalendar .monthCal div[class$="4"][class^="item"]:hover,.tabTimeRange .tabCalendar .monthCal div[class$="5"][class^="item"]:hover,.tabTimeRange .tabCalendar .monthCal div[class$="6"][class^="item"]:hover {
    border: 1px solid #cbf1df;
    color: #ee851f;
 }

 .header .tabTimeRange .tabCalendar .monthCal .dayClicked {
    background-color: #06c067;
    border: 1px solid #06c067 !important;
 }

 .tabCalendar .tabTimeRange .monthCal .dayClicked.blankDay:hover {
    background-color: #cbf1df !important;
    color: #999 !important;
 }

 .tabTimeRange .tabCalendar .monthCal .dayClicked:hover {
    background-color: white;
    border: 1px solid #4a4c50;
 }

 .tabTimeRange .tabCalendar .monthCal .dayClicked[class*='toolTip-eventHelp']:hover {
    color: white !important;
    border: 1px solid #4a4c50;
 }

 .tabCalendar .monthCal div[class*='toolTip-eventHelp']:hover {
    border: 1px solid #4a4c50 !important;
 }

 .tabTimeRange .tabCalendar .monthCal .monthYear {
    height: 20px;
    width: 100%;
    background: -webkit-linear-gradient(top,#eee,#ccc,#aaa);
    background: -o-linear-gradient(top,#eee,#ccc,#aaa);
    background: -moz-linear-gradient(top,#eee,#ccc,#aaa);
    background: linear-gradient(to bottom,#eee,#ccc,#aaa);
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
 }

 .tabTimeRange .monthCalBtn {
    width: 15px;
    height: 20px;
    background: -webkit-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -o-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: linear-gradient(to bottom,#cbf1df,#cbf1df,#cbf1df);
    position: relative;
    border: 1px solid #4a4c50;
    border-radius: 3px;
 }

 .tabTimeRange .monthCalBtnDisabled {
    background: linear-gradient(to top,#E5EAF3,#E5EAF3,#E5EAF3) !important;
    background: -webkit-linear-gradient(bottom,#E5EAF3,#E5EAF3,#E5EAF3) !important;
    border-color: #BEC4CE;
 }

 .tabTimeRange .monthDec {
    left: -10px;
    top: 40%;
 }

 .tabTimeRange .monthInc {
    left: 543px;
    top: 30%;
 }

 .tabTimeRange .monthCalBtn:hover {
    background: -webkit-linear-gradient(bottom,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
    background: -o-linear-gradient(bottom,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(bottom,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
    background: linear-gradient(to top,#cbf1df,#cbf1df,#cbf1df,#cbf1df);
 }

 .tabTimeRange .monthInc img {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: 9px 3px;
    -webkit-transform-origin: 9px 3px;
 }

 .tabTimeRange .monthDec img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: 2px 8px;
    -webkit-transform-origin: 2px 8px;
 }

 .tabTimeRange .slideCanvasCenter img:last-child {
    left: 9px;
    top: 1.5px;
    position: absolute;
 }

 .tabTimeRange .slideCanvasCenter img:first-of-type {
    margin-left: -4px;
    margin-top: 1px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
 }

 .tabTimeRange .tlCalCnt .tlcal {
    height: 18px;
    background-color: #eee;
    background: -webkit-linear-gradient(top,#eee,#ddd);
    background: -o-linear-gradient(top,#eee,#ddd);
    background: -moz-linear-gradient(top,#eee,#ddd);
    background: linear-gradient(to bottom,#eee,#ddd);
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    top: 0px;
    margin: 0px;
    padding: 0px;
    border-right: 1px solid #ccc;
    float: left;
    position: relative;
 }

 .tabTimeRange #tlSVG {
    position: absolute;
    width: 100% !important;
    top: 0px;
    border: none;
    padding: 0px;
 }

 .tabTimeRange .slideCanvas {
    position: absolute;
    border-left: 1px solid #000;
    top: 0px;
    height: 100%;
    background-color: black;
    left: 50%;
 }

 .tabTimeRange .slideCanvasCenter {
    position: absolute;
    width: 20px;
    top: 43%;
    left: -10px;
    height: 15px;
    background: -webkit-linear-gradient(left,#06c067,#06c067,#06c067);
    background: -o-linear-gradient(left,#06c067,#06c067,#06c067);
    background: -moz-linear-gradient(left,#06c067,#06c067,#06c067);
    background: linear-gradient(to right,#06c067,#06c067,#06c067);
    border: 1px solid #BEC4CE;
    border-radius: 3px;
    cursor: pointer;
    pointer-events: auto;
 }

 .tabTimeRange .slideCanvasCenter:hover {
    background: -webkit-linear-gradient(right,#cbf1df,#cbf1df,#cbf1df);
    background: -o-linear-gradient(right,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(right,#cbf1df,#cbf1df,#cbf1df);
    background: linear-gradient(to left,#cbf1df,#cbf1df,#cbf1df);
 }

 .tabTimeRange .slideCanvasCenter .blackBorderLine {
    height: 200px;
    width: 1px;
    border-left: 1px solid #000;
    left: 48%;
    position: absolute;
    top: -100px;
 }

 .tabTimeRange .tabTimeLine .tlCanvasCnt .draggableRange {
    position: absolute;
    top: 0px;
    left: -11px;
    width: 524px;
    height: 134px;
    z-index: 0;
    pointer-events: none;
 }

 .tabTimeRange .slideCanvasCenter .borderLine {
    height: 100%;
    width: 0px;
    border-left: 1px solid #60e8a6;
    left: 47%;
    position: absolute;
    border-right: 1px solid #60e8a6;
 }

 .tabTimeRange .tlCalCnt {
    position: absolute;
    top: 122px;
    width: 100%;
    left: 0px;
    height: 20px;
    overflow: hidden;
 }

 .tabTimeRange .tlCanvasCnt {
    position: absolute;
    width: 503px;
    top: 1px;
    height: 120px;
    border: 1px solid #aaa;
    overflow: hidden;
 }

 .MST .header .tabTimeRange .slideCanvasSquare {
    background-color: rgba(0,112,255,0.1);
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    width: 100px;
    pointer-events: none;
 }

 .MST .header .tabTimeRange .slideCanvasSquare .slideCanvasCenter {
    top: 32%;
 }

 .tabTimeRange .dataAvail {
    position: absolute;
    bottom: 7px;
    left: 17px;
    width: 100%;
    line-height: 20px;
 }

 .tabTimeRange .dataAvail b {
    font-size: 11px;
 }

 .tabTimeRange .dataAvail span {
    font-size: 10px;
 }

 .dataAvail .calendarCancle {
    width: 57px;
    height: 17px;
    position: absolute;
    right: 105px;
    top: -5px;
 }

 .tabTimeRange .dataAvail .calendarApply {
    width: 57px;
    height: 17px;
    position: absolute;
    right: 27px;
    top: -5px;
 }

 .popUpPriceAlertsView {
    position: relative;
    width: 215px;
    margin: 0 auto;
    margin-top: 250px;
    border-radius: 9px;
    border: 1px solid #666666;
    background-size: 500px 350px;
    z-index: 9999;
    background-color: #F3F3F3;
    background: -webkit-linear-gradient(top,#fff,#F3F3F3);
    background: -o-linear-gradient(top,#fff,#F3F3F3);
    background: -moz-linear-gradient(top,#fff,#F3F3F3);
    background: linear-gradient(to bottom,#fff,#F3F3F3);
 }

 .popUpPriceAlertsView .content {
    width: 183px;
    margin: 15px auto;
    margin-bottom: 8px;
    border-radius: 5px;
    border: 1px solid #666666;
    background-size: 500px 350px;
    z-index: 9999;
    background-color: #fff;
    font-size: 12px;
 }

 .popUpPriceAlertsView .content .cell {
    margin: 10px 15px 0;
    text-align: right;
 }

 .popUpPriceAlertsView .content .category {
    margin: 5px 0 5px 10px;
    color: #666;
 }

 .popUpPriceAlertsView .content .category .note {
    color: #0066CC;
    cursor: pointer;
    font-weight: bold;
 }

 .popUpPriceAlertsView .content .category .note:hover {
    text-decoration: underline;
    text-shadow: 0 0 0 #333;
 }

 .popUpPriceAlertsView input::selection {
    background-color: black;
    color: #fff;
 }

 .popUpPriceAlertsView .content .category .setPriceWarn {
    color: #FF0000;
    height: 16px;
    font-size: 11px;
    font-weight: bold;
 }

 .popUpPriceAlertsView .content .cellSymbol {
    margin: 10px 0 0 17px;
    width: 100%;
    padding-left: 3px;
 }

 .popUpPriceAlertsView .content .cellSymbol input[type="text"] {
    width: 90px;
    margin-left: 10px;
    text-align: right;
    text-transform: uppercase;
 }

 .popUpPriceAlertsView .content .cellPrice {
    margin: 10px 0 0 17px;
    width: 100%;
    padding-left: 3px;
 }

 .popUpPriceAlertsView .content .cellPrice .setAlertPriceContent {
    padding-left: 13px;
    color: #666;
 }

 .popUpPriceAlertsView .content .cellPrice input[type="text"] {
    width: 90px;
    margin-left: 10px;
    text-align: right;
    font-size: 11px;
 }

 .popUpPriceAlertsView .content .cell input[type="text"] {
    width: 90px;
    margin-left: 10px;
    text-align: right;
 }

 .setAlertDone {
    text-align: right;
    margin-bottom: 5px;
 }

 .btnDone {
    width: 60px;
    height: 20px;
    margin: 2px 15px 5px 0;
    text-align: center;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    border-radius: 3px;
    cursor: pointer;
    font-size: 11px;
 }

 .btnDone:hover {
    background: -webkit-linear-gradient(top,#fff,#fff,#cbf1df);
    background: -o-linear-gradient(top,#fff,#fff,#cbf1df);
    background: -moz-linear-gradient(top,#fff,#fff,#cbf1df);
    background: linear-gradient(to bottom,#fff,#fff,#cbf1df);
 }

 .noteCharacters {
    display: none;
 }

 .noteCharacters .category textarea {
    height: 80px;
    width: 90%;
    font-size: 11px;
    font-family: Arial;
 }

 .popUpPriceAlertsView .setAlertSymbolContent,.popUpPriceAlertsView .noteCharacters .category:last-of-type {
    color: #666;
 }

 a img {
    border: none;
 }

 .print-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 30px auto 0;
    display: none;
    overflow: hidden;
    z-index: 1024;
 }

 .progress-bar {
    float: left;
    width: 120px;
    margin-top: 5px;
    margin-left: -151px;
    height: 18px;
    border: 1px solid;
 }

 .progress-bar span {
    background: #FDE8E8;
    width: 5%;
    height: 100%;
    float: left;
    border: 1px solid white;
 }

 progress {
    height: 100%;
    width: 100%;
 }

 progress::-webkit-progress-bar {
    background-color: #f7cfb4;
 }

 progress::-webkit-progress-value {
    background-color: #F38027;
 }

 .header .tabTimeRange span.greyTab {
    color: #888;
    font-weight: normal !important;
    background: linear-gradient(to bottom,#ddd,#949393) !important;
    background: -weblit-linear-gradient(top,#ddd,#949393) !important;
 }

 #tlSVG text {
    font-family: Arial;
    font-size: 12px;
    stroke: none !important;
    fill: white !important;
 }

 #tlSVG text:hover {
    cursor: pointer;
 }

 #tlSVG circle {
    stroke: none;
 }

 circle.divEventType {
    fill: white;
 }

 circle.splitEventType {
    fill: #0099cc;
 }

 circle.ceoEventType {
    fill: white;
 }

 circle.earningReleaseEventType {
    fill: #578727;
 }

 circle.ipoEventType {
    fill: #fbb040;
 }

 circle.multipleEventType {
    fill: #929295;
 }

 #ModalPanel .popUpManagerAlertsView {
    width: 567px;
    height: auto;
    background: #DAD8D8;
    padding-bottom: 7px;
    position: static;
    margin: 150px auto;
 }

 #ModalPanel .popUpManagerAlertsView .btn-close {
    float: right;
    position: relative;
 }

 #ModalPanel .popUpManagerAlertsView .activeAlerts,#ModalPanel .popUpManagerAlertsView .triggeredAlerts,#ModalPanel .popUpManagerAlertsView .listAlertsTitle,#ModalPanel .popUpManagerAlertsView .smartAlertsTitle {
    background: #ACAAAA;
    width: 130px;
    height: 31px;
    margin: 12px 0 0 6px;
    border-radius: 6px 6px 0 0;
    font-weight: bolder;
    text-align: center;
    line-height: 30px;
    color: rgb(97,94,94);
    cursor: pointer;
    float: left;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }

 #ModalPanel .popUpManagerAlertsView .activeAlerts {
    margin-left: 13px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlertsTitle {
    font-family: Arial;
    font-weight: bold;
 }

 #ModalPanel .popUpManagerAlertsView .alertsTab:not(.alertsClicked):hover {
    background-color: #CBF1DF;
 }

 #ModalPanel .popUpManagerAlertsView .alertsClicked {
    background: #98e5c1;
    color: black;
    border: 1px solid #a0a0a1;
    border-bottom: none;
    height: 35px;
 }

 #ModalPanel .popUpManagerAlertsView .symbolFilter {
    border: 1px solid #A0ABB7;
    width: 538px;
    height: 40px;
    background: white;
    margin: 47px 0 0 13px;
 }

 #ModalPanel .popUpManagerAlertsView .symbolFilterTriggered {
    border: 1px solid #A0ABB7;
    width: 538px;
    margin: 48px 0 0 13px;
    height: 40px;
    background: white;
    margin-top: 47px;
    display: none;
 }

 #ModalPanel .popUpManagerAlertsView .symbolFilter input[type="text"],#ModalPanel .popUpManagerAlertsView .symbolFilterTriggered input[type="text"] {
    margin: 10px 432px 0 5px;
    height: 19px;
    background: rgba(233,233,233,0.58);
    border: 1px solid rgb(182,181,181);
    width: 95px;
    color: #949292;
    padding-left: 3px;
    float: right;
 }

 #ModalPanel .symbolFilter input[type="text"]::-webkit-input-placeholder {
    font-size: 11px;
    font-style: italic;
 }

 #ModalPanel .symbolFilter input[type="text"]::-moz-input-placeholder {
    font-size: 11px;
    font-style: italic;
 }

 #ModalPanel .symbolFilter input[type="text"]::-ms-input-placeholder {
    font-size: 11px;
    font-style: italic;
 }

 #ModalPanel input.symbolFilterTriggeredText::-ms-input-placeholder {
    font-size: 11px;
    font-style: italic;
 }

 #ModalPanel input.symbolFilterTriggeredText::-webkit-input-placeholder {
    font-size: 11px;
    font-style: italic;
 }

 #ModalPanel input.symbolFilterTriggeredText::-moz-placeholder {
    font-size: 11px;
    font-style: italic;
 }

 #ModalPanel .popUpManagerAlertsView .activeAlertsContent {
    width: 538px;
    height: 248px;
    background: white;
    margin: 0 0 0 13px;
    border: 1px solid #817F7F;
    border-radius: 0 0 6px 6px;
 }

 #ModalPanel .popUpManagerAlertsView .triggeredAlertsContent {
    display: none;
    width: 538px;
    height: 269px;
    background: white;
    margin: 0 0 0 13px;
    border: 1px solid #817F7F;
    border-radius: 0 0 6px 6px;
    padding-bottom: 10px;
 }

 #ModalPanel .popUpManagerAlertsView .alertsContentTable {
    height: 170px;
    border-bottom: 1px solid #a0a0a1;
    overflow-y: auto;
 }

 .AMLoading {
    background-image: url(../../Images/ListManager/loading.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    background-size: 36px;
    height: 36px;
 }

 #ModalPanel .popUpManagerAlertsView .eventsContent {
    border-bottom: 0px;
    overflow-y: hidden;
    height: auto;
 }

 #ModalPanel .popUpManagerAlertsView table {
    width: 100%;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table {
    width: 538px;
 }

 #ModalPanel .popUpManagerAlertsView table thread tr {
    display: block;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts input {
    margin-right: 8px;
 }

 #ModalPanel .popUpManagerAlertsView .activeAlertsContent table tr th,#ModalPanel .popUpManagerAlertsView .triggeredAlertsContent table tr th {
    border-bottom: 1px solid #ccc;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    cursor: default;
 }

 #ModalPanel .popUpManagerAlertsView .eventAlertsContent table tr th,#ModalPanel .popUpManagerAlertsView .smartAlertsContent table tr th {
    line-height: 26px;
    font-weight: bold;
    cursor: default;
    border-bottom: 1px solid #ccc;
 }

 #ModalPanel .popUpManagerAlertsView .eventAlertsContent table tr th,#ModalPanel .popUpManagerAlertsView .smartAlertsContent table tr th {
    line-height: 26px;
    font-weight: bold;
    cursor: default;
    border-bottom: 1px solid #ccc;
    padding: 0px;
    font-weight: normal;
 }

 #ModalPanel .popUpManagerAlertsView .eventAlertsContent table tr td,#ModalPanel .popUpManagerAlertsView .smartAlertsContent table tr td {
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table tr {
    width: 538px;
 }

 #ModalPanel .popUpManagerAlertsView table .downArrow:after {
    content: url(../../Images/header/expanded-arrow.gif);
    width: 7px;
    height: 4px;
    margin-left: 3px;
    position: relative;
    top: -2px;
 }

 #ModalPanel .popUpManagerAlertsView table .upArrow:after {
    content: url(../../Images/header/collapsed-arrow.gif);
    width: 7px;
    height: 4px;
    margin-left: 3px;
    position: relative;
    top: -2px;
 }

 #ModalPanel .popUpManagerAlertsView table tr th:hover {
    background: -webkit-linear-gradient(top,#fff,#E2EEFA,#A2C6FC);
    background: -o-linear-gradient(top,#fff,#E2EEFA,#A2C6FC);
    background: -moz-linear-gradient(top,#fff,#E2EEFA,#A2C6FC);
    background: linear-gradient(to bottom,#fff,#E2EEFA,#A2C6FC);
 }

 #ModalPanel .popUpManagerAlertsView table tr th:hover:first-child,#ModalPanel .popUpManagerAlertsView table tr td:hover:first-child {
    background: none;
 }

 #ModalPanel .popUpManagerAlertsView .activeAlertsContent table tr th:first-child,#ModalPanel .popUpManagerAlertsView .activeAlertsContent table tr td:first-child,#ModalPanel .popUpManagerAlertsView .triggeredAlertsContent table tr th:first-child,#ModalPanel .popUpManagerAlertsView .triggeredAlertsContent table tr td:first-child {
    width: 20px;
 }

 #ModalPanel .popUpManagerAlertsView .activeAlertsContent table tr th:nth-child(2),#ModalPanel .popUpManagerAlertsView .activeAlertsContent table tr td:nth-child(2),#ModalPanel .popUpManagerAlertsView .triggeredAlertsContent table tr th:nth-child(2),#ModalPanel .popUpManagerAlertsView .triggeredAlertsContent table tr td:nth-child(2) {
    width: 64px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table tr th:nth-child(2),#ModalPanel .popUpManagerAlertsView .listAlerts table tr td:nth-child(2) {
    text-align: left;
 }

 #ModalPanel .popUpManagerAlertsView table tr th:nth-child(3),#ModalPanel .popUpManagerAlertsView table tr td:nth-child(3) {
    width: 84px;
 }

 #ModalPanel .popUpManagerAlertsView table tr th:nth-child(4),#ModalPanel .popUpManagerAlertsView table tr td:nth-child(4) {
    width: 108px;
 }

 #ModalPanel .popUpManagerAlertsView table tr th:nth-child(5),#ModalPanel .popUpManagerAlertsView table tr td:nth-child(5) {
    width: 52px;
 }

 #ModalPanel .popUpManagerAlertsView table tr th:nth-child(6),#ModalPanel .popUpManagerAlertsView table tr td:nth-child(6) {
    width: 186px;
 }

 #ModalPanel .popUpManagerAlertsView table tr th:nth-child(7) {
    width: 15px;
    background: #F9FAFA;
 }

 #ModalPanel .popUpManagerAlertsView table tr td {
    text-align: center;
    line-height: 34px;
    cursor: default;
 }

 #ModalPanel .popUpManagerAlertsView .activeAlertsContent table tr td input,#ModalPanel .popUpManagerAlertsView .activeAlertsContent table tr th input,#ModalPanel .popUpManagerAlertsView .triggeredAlertsContent table tr td input,#ModalPanel .popUpManagerAlertsView .triggeredAlertsContent table tr th input {
    float: left;
    margin-left: 4px;
 }

 #ModalPanel .popUpManagerAlertsView table tr td:nth-child(2) {
    color: #86bdf8;
 }

 #ModalPanel .popUpManagerAlertsView table tr td:nth-child(2):hover {
    cursor: pointer;
    text-decoration: underline;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table button {
    float: left;
    margin-top: -5px;
    margin-left: -2px;
 }

 #ModalPanel .popUpManagerAlertsView table button.emailOnButton {
    text-align: center;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#98e5c1,#98e5c1,#98e5c1);
    background: -o-linear-gradient(top,#98e5c1,#98e5c1,#98e5c1);
    background: -moz-linear-gradient(top,#98e5c1,#98e5c1,#98e5c1);
    background: linear-gradient(to bottom,#98e5c1,#98e5c1,#98e5c1);
    border-radius: 3px;
    cursor: pointer;
    width: 40px;
    height: 18px;
    line-height: 0;
 }

 #ModalPanel .popUpManagerAlertsView table button.emailOnButton:hover {
    background: -webkit-linear-gradient(top,#fff,#cbf1df,#cbf1df);
    background: -o-linear-gradient(top,#fff,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(top,#fff,#cbf1df,#cbf1df);
    background: linear-gradient(to bottom,#fff,#cbf1df,#cbf1df);
 }

 #ModalPanel .popUpManagerAlertsView table button.emailOffButton {
    text-align: center;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    border-radius: 2px;
    cursor: pointer;
    width: 40px;
    height: 18px;
    line-height: 0;
    font-size: 11px;
 }

 #ModalPanel .popUpManagerAlertsView table button.emailOffButton:hover {
    background: -webkit-linear-gradient(top,#fff,#fff,#cbf1df);
    background: -o-linear-gradient(top,#fff,#fff,#cbf1df);
    background: -moz-linear-gradient(top,#fff,#fff,#cbf1df);
    background: linear-gradient(to bottom,#fff,#fff,#cbf1df);
 }

 #ModalPanel .popUpManagerAlertsView .eventAlertsContent,#ModalPanel .popUpManagerAlertsView .smartAlertsContent {
    width: 538px;
    height: auto;
    border: 1px solid #817F7F;
    background: white;
    border-radius: 0 0 6px 6px;
    margin-top: 47px;
    margin-left: 13px;
 }

 #ModalPanel .popUpManagerAlertsView .eventAlertsContent table tr td {
    text-align: center;
    line-height: 28px;
    cursor: default;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlertsContent table tr td {
    text-align: center;
    line-height: initial;
    cursor: default;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlertsContent table tr td:nth-child(2) .ListAlertsLabel {
    color: black;
    font-weight: bold;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlertsContent table tr td:nth-child(2) .smartAlertsTip {
    color: #83818D;
    font-size: 11px;
    font-style: italic;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts {
    margin: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table thead {
    display: block;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table tfoot {
    padding: 0px;
    height: 46px;
    width: 538px;
    display: block;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table tr th:hover {
    background: white;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table tr.disabledTR {
    pointer-events: none;
    opacity: 0.8;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table tr td input[type=checkbox]:disabled {
    opacity: 0.65;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table tr td span.eventAlertLabel {
    font-family: Arial;
    font-size: 11px;
    color: #999999;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventAlertIcon {
    height: 12px;
    width: 11px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table tr :first-child {
    padding: 0;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table tr th {
    font-family: Arial,Reg;
    font-size: 12px;
    color: #000000;
    margin: 0;
    padding: 0;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts table tr th td {
    font-family: Arial;
    font-size: 12px;
    font: bold;
    color: #000000;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts #eventReport {
    height: 138px;
 }

 #Mod alPanel .popUpManagerAlertsView .listAlerts #eventReport tr th:first-child {
    text-align: center;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts #eventReport tr th:nth-child(2) {
    text-align: left;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableHeader {
    width: 538px;
    height: 27px;
    margin: 0px;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableHeader table {
    border: 0;
    border-collapse: collapse;
    width: 100%;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableHeader table thead tr {
    border-bottom: 1px solid #ccc;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableHeader table th:first-child {
    width: 105px;
    text-align: center;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableHeader table th:first-child span {
    margin-right: 18px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableHeader table th:nth-child(2) {
    width: 339px;
    text-align: left;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableHeader table th:nth-child(3) {
    width: 76px;
    text-align: center;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableHeader table th:nth-child(4) {
    width: 18px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTable {
    width: 538px;
    height: 56px;
    overflow-y: auto;
    overflow-x: hidden;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTable table {
    width: 520px;
    height: 56px;
    border: 0;
    border-collapse: collapse;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTable table td:first-child {
    width: 105px;
    text-align: center;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTable table td:first-child input[type=checkbox] {
    margin-left: 37px;
    margin-right: 55px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTable table td:first-child input[type=checkbox]:disabled {
    opacity: 0.65;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTable table td:nth-child(2) {
    width: 339px;
    text-align: left;
    padding: 0;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTable table td:nth-child(2) span:nth-child(1) {
    font-weight: bold;
    background: url(../../Images/ListManager/premiumlistIcon.png) no-repeat left center;
    box-sizing: border-box;
    background-size: 11px 12px;
    padding-left: 18px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTable table td:nth-child(2) span:nth-child(2) {
    font-family: Arial;
    font-size: 11px;
    color: #999999;
    line-height: 14px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTable table td:nth-child(3) {
    width: 76px;
    text-align: center;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTable table td:nth-child(3) button {
    margin-left: 17px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableFooter {
    width: 538px;
    height: 47px;
    padding: 0;
    margin: 0;
    margin-top: 15px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableFooter ul {
    padding-left: 20px;
    margin: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableFooter ul li {
    font-family: Arial;
    font-size: 11px;
    line-height: 16px;
    color: #000000;
    text-align: left;
    list-style: none;
 }

 #ModalPanel .popUpManagerAlertsView .listAlerts .eventContentTableFooter ul li:last-child {
    background: url(../../Images/ListManager/premiumlistIcon.png) no-repeat left center;
    box-sizing: border-box;
    background-size: 11px 12px;
    padding-left: 11px;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting {
    border-top: 8px solid #DAD8D8;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table {
    border: 0;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table thead tr {
    border-bottom: 1px solid #ccc;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table tr th:hover {
    background: white;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table tr th:first-child {
    width: 102px;
    text-align: center;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table tbody tr td:first-child {
    width: 102px;
    text-align: right;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table tbody tr td:first-child input[type=checkbox] {
    margin-left: 20px;
    margin-right: 52px;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table tr th:nth-child(2),#ModalPanel .popUpManagerAlertsView .emailReportSetting table tr td:nth-child(2) {
    width: 158px;
    text-align: left;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table tr td:nth-child(2) {
    font-weight: bold;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table tr th:nth-child(3),#ModalPanel .popUpManagerAlertsView .emailReportSetting table tr td:nth-child(3) {
    width: 208px;
    text-align: left;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table tr td span {
    display: block;
    margin-right: 66px;
 }

 #ModalPanel .popUpManagerAlertsView .emailReportSetting table tfoot tr td {
    width: 538px;
    text-align: left;
    padding-left: 20px;
    margin-left: 0;
    padding-bottom: 27px;
 }

 #ModalPanel .popUpManagerAlertsView .notificationSettings {
    width: 538px;
    border: 1px solid #817F7F;
    margin: 20px 13px;
    height: 90px;
    background: white;
    border-radius: 6px;
    margin-top: 10px;
 }

 #ModalPanel .popUpManagerAlertsView .notificationSettings div:last-child {
    margin-top: 10px;
    margin-left: 10px;
 }

 #ModalPanel .popUpManagerAlertsView .alertsDeleteButton,#ModalPanel .popUpManagerAlertsView .alertsReactivateButton {
    width: 80px;
    margin: 5px 0 5px 5px;
    height: 20px;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    border-radius: 3px;
    cursor: pointer;
 }

 #ModalPanel .popUpManagerAlertsView .alertsReactivateButton {
    width: 80px;
 }

 #ModalPanel .popUpManagerAlertsView .alertsDeleteButton:hover,#ModalPanel .popUpManagerAlertsView .alertsReactivateButton:hover {
    background: -webkit-linear-gradient(top,#fff,#fff,#98e5c1);
    background: -o-linear-gradient(top,#fff,#fff,#98e5c1);
    background: -moz-linear-gradient(top,#fff,#fff,#98e5c1);
    background: linear-gradient(to bottom,#fff,#fff,#98e5c1);
 }

 .popUpManagerAlertsView .notification {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 0 10px;
 }

 .popUpManagerAlertsView .audio {
    width: 185px;
    float: left;
    margin: 10px 0 0 10px;
 }

 .popUpManagerAlertsView .window {
    text-align: right;
    margin: 10px 70px 0 0;
 }

 .popUpManagerAlertsView .notificationSettings .audioLable {
    font-size: 15px;
    font-weight: bold;
    padding-right: 6px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts {
    margin: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts table thead {
    display: block;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts table tfoot {
    padding: 0px;
    height: 46px;
    width: 538px;
    display: block;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts table tr th:hover {
    background: white;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts table tr.disabledTR {
    pointer-events: none;
    opacity: 0.8;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts table tr td input[type=checkbox]:disabled {
    opacity: 0.65;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts table tr td span.eventAlertLabel {
    font-family: Arial;
    font-size: 11px;
    color: #999999;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventAlertIcon {
    height: 12px;
    width: 11px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts table tr :first-child {
    padding: 0;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts table tr th {
    font-family: Arial,Reg;
    font-size: 12px;
    color: #000000;
    margin: 0;
    padding: 0;
    font-weight: bold;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts table tr th td {
    font-family: Arial;
    font-size: 12px;
    font: bold;
    color: #000000;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts table tr td:nth-child(2):hover {
    text-decoration: initial;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableHeader {
    width: 538px;
    height: 27px;
    margin: 0px;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableHeader table {
    border: 0;
    border-collapse: collapse;
    width: 100%;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableHeader table thead tr {
    border-bottom: 1px solid #ccc;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableHeader table th:first-child {
    width: 105px;
    text-align: center;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableHeader table th:first-child span {
    margin-right: 18px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableHeader table th:nth-child(2) {
    width: 339px;
    text-align: left;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableHeader table th:nth-child(3) {
    width: 76px;
    text-align: center;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableHeader table th:nth-child(4) {
    width: 18px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTable {
    width: 538px;
    overflow-y: auto;
    overflow-x: hidden;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTable table {
    width: 520px;
    height: 56px;
    border: 0;
    border-collapse: collapse;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTable table td:first-child {
    width: 105px;
    text-align: center;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTable table td:first-child input[type=checkbox] {
    margin-left: 37px;
    margin-right: 55px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTable table td:first-child input[type=checkbox]:disabled {
    opacity: 0.65;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTable table td:nth-child(2) {
    width: 339px;
    text-align: left;
    padding: 5px 0 5px 0;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTable table td:nth-child(2) span:nth-child(1) {
    font-weight: bold;
    background: url(../../Images/ListManager/premiumlistIcon.png) no-repeat left center;
    box-sizing: border-box;
    background-size: 11px 12px;
    padding-left: 18px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTable table td:nth-child(2) span:nth-child(2) {
    font-family: Arial;
    font-size: 11px;
    color: #999999;
    line-height: 14px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTable table td:nth-child(3) {
    width: 76px;
    text-align: center;
    padding: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableFooter {
    width: 538px;
    padding: 0;
    margin: 0;
    margin-top: 15px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableFooter ul {
    padding: 0 20px 5px 20px;
    margin: 0px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableFooter ul li {
    font-family: Arial;
    font-size: 11px;
    line-height: 16px;
    color: #000000;
    text-align: left;
    list-style: none;
    padding-bottom: 10px;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableFooter ul li a {
    color: blue;
    text-decoration: none;
 }

 #ModalPanel .popUpManagerAlertsView .smartAlerts .eventContentTableFooter ul li a:hover {
    cursor: pointer;
 }

 .popUpCommonView.popUpDeleteWarningView {
    width: 307px;
    height: 130px;
    margin-left: -138px;
    margin-top: -116px;
 }

 .popUpCommonView.popUpDeleteWarningView .popup-title {
    font-size: 14px;
 }

 .popUpCommonView.popUpDeleteWarningView .deleteWarningTitle {
    top: 50px;
    position: absolute;
    text-align: center;
    font-size: 11px;
    width: 80%;
    margin: 0 0 0 29px;
 }

 .popUpCommonView.popUpDeleteWarningView .category {
    position: absolute;
    bottom: 10px;
 }

 .popUpCommonView.popUpDeleteWarningView .cancelLink {
    margin-left: 105px;
    cursor: pointer;
    color: #435980;
    font-weight: bolder;
 }

 .popUpCommonView.popUpDeleteWarningView .cancelLink:hover {
    cursor: pointer;
    text-decoration: underline;
 }

 .popUpCommonView.popUpDeleteWarningView .yesLink {
    margin-left: 35px;
    cursor: pointer;
    color: #435980;
    font-weight: bolder;
 }

 .popUpCommonView.popUpDeleteWarningView .yesLink:hover {
    cursor: pointer;
    text-decoration: underline;
 }

 .popUpCommonView.popUpAlertMaximumReachedView {
    width: 250px;
    height: 210px;
    left: 50%;
    margin-left: -125px;
    top: 39%;
 }

 .popUpCommonView.popUpAlertMaximumReachedView .popup-title {
    font-size: 15px;
    padding-left: 15px;
    width: 235px;
 }

 .popUpCommonView.popUpAlertMaximumReachedView .alertReachedContent {
    width: 220px;
    background: #fff;
    height: 130px;
    margin: 15px 0 0 15px;
    text-align: center;
    border-radius: 10px;
 }

 .popUpCommonView.popUpAlertMaximumReachedView .alertReachedContent .alertImgContent {
    text-align: center;
    padding: 12px 0 0 85px;
 }

 .popUpCommonView.popUpAlertMaximumReachedView .alertReachedContent .alertReachedText {
    width: 120px;
    font-size: 13px;
    margin: 5px auto;
 }

 .popUpCommonView.popUpAlertMaximumReachedView .cancelLink {
    margin-left: 15px;
    cursor: pointer;
    color: #73A9D8;
    font-weight: bolder;
    font-size: 12px;
 }

 .popUpCommonView.popUpAlertMaximumReachedView .cancelLink:hover {
    text-shadow: 0px 0px 0px #333;
    cursor: pointer;
    text-decoration: underline;
 }

 .popUpCommonView.popUpAlertMaximumReachedView .manageAlerts {
    width: 100px;
    margin: 5px 0 0 79px;
    height: 22px;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    border-radius: 3px;
    font-size: 12px;
 }

 .popUpCommonView.popUpAlertMaximumReachedView .manageAlerts:hover {
    background: -webkit-linear-gradient(top,#fff,#E7F2FB,#A0C9ED);
    background: -o-linear-gradient(top,#fff,#E7F2FB,#A0C9ED);
    background: -moz-linear-gradient(top,#fff,#E7F2FB,#A0C9ED);
    background: linear-gradient(to bottom,#fff,#E7F2FB,#A0C9ED);
 }

 .popUpBatchPrint hr， .popUpBatchPrintProgress hr {
    margin-left: 5%;
    width: 90%;
    color: #9a9a9a;
 }

 #ModalPanel .popUpBatchPrint {
    height: 320px;
    width: 350px;
    margin-top: -160px;
    margin-left: -175px;
    line-height: 40px;
    font-size: 13px;
    font-weight: bold;
    background: white;
 }

 #ModalPanel .popUpBatchPrint div.note {
    font-weight: normal;
    line-height: 20px;
    font-size: 11px;
    margin-left: 20px;
    color: #666;
 }

 #ModalPanel .popUpBatchPrint .symbolsSum {
    font-weight: normal;
 }

 #ModalPanel .popUpBatchPrint .intervalSelects {
    line-height: 25px;
 }

 #ModalPanel .popUpBatchPrint input {
    text-align: left;
    float: left;
    margin-left: 25px;
 }

 #ModalPanel .popUpBatchPrint .intervalSelects span {
    float: left;
    width: 50px;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
 }

 #ModalPanel .popUpBatchPrint button.okBtn {
    font-weight: bold;
 }

 #ModalPanel .popUpBatchPrintProgress {
    text-align: center;
    font-size: 13px;
    height: 260px;
    margin-top: -130px;
    background: white;
    margin-left: -200px;
    width: 400px;
 }

 #ModalPanel .popUpBatchPrintProgress button {
    float: none;
    margin: 0px;
    padding: 1px;
 }

 #ModalPanel .popUpBatchPrintProgress button[disabled] {
    color: #aaa;
 }

 .popUpBatchPrintProgress .printProgressBar {
    text-align: center;
 }

 .popUpBatchPrintProgress .printProgressBar progress {
    background: #ccc;
    border: 1px solid #bbb;
    height: 30px;
    width: 90%;
    margin-top: 30px;
    margin-bottom: 15px;
    color: orange;
 }

 .popUpBatchPrintProgress .printProgressBar progress ie {
    background: -webkit-linear-gradient(top,#FFFFFF,#FED79F,#FD9C4B,#FFD999);
    background: linear-gradient(to bottom,#FFFFFF,#FED79F,#FD9C4B,#FFD999);
 }

 .popUpBatchPrintProgress .printProgressBar progress::-webkit-progress-bar {
    background-color: #ccc;
 }

 .popUpBatchPrintProgress .printProgressBar progress::-webkit-progress-value {
    background: -webkit-linear-gradient(top,#FFFFFF,#FED79F,#FD9C4B,#FFD999);
    background: linear-gradient(to bottom,#FFFFFF,#FED79F,#FD9C4B,#FFD999);
 }

 .popUpBatchPrintProgress .printProgressBar progress::-moz-progress-bar {
    background: -moz-linear-gradient(top,#FFFFFF,#FED79F,#FD9C4B,#FFD999);
    background: linear-gradient(to bottom,#FFFFFF,#FED79F,#FD9C4B,#FFD999);
 }

 .popUpBatchPrintProgress .popup-titie1 {
    width: 190px;
    font-weight: bold;
    padding: 5px 0px;
    font-size: 13px;
    color: #333;
 }

 .popUpBatchPrintProgress .readyPrintTxt {
    height: 80px;
    padding-top: 29px;
    width: 319px;
    text-align: left;
    margin-left: 50px;
    font-size: 17px;
 }

 .ModalPanel .popUpBatchPrintProgress .readyPrintTitle {
    margin-left: 41px;
    font-size: 17px;
 }

 .intervalSelectsTitle {
    margin-left: 20px;
    height: 24px;
    line-height: 20px;
    font-weight: normal;
 }

 .singleListNum,.totalListNum {
    margin-left: 20px;
    font-weight: normal;
    height: 30px;
    line-height: 35px;
    font-family: Arial;
    font-size: 13px;
 }

 .singleListNum span,.totalListNum span {
    font-weight: Bold;
    font-size: 13px;
 }

 .MST .stockCharts .addToListBtn ul li.listSelectedActive {
    background-color: #98e5c1;
 }

 .MST .stockCharts .addToListBtn ul li.watchListItem {
    background-color: #cbf1df;
    border: 2px solid #5EAAFD;
 }

 .MST .stockCharts .addToListBtn ul li.watchListItem.listSelectedActive {
    background-color: #98e5c1;
 }

 .MST .stockCharts .addToListBtn ul li.myListsFolder {
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: default;
 }

 .MST .stockCharts .addToListBtn ul li.myListsFolder:hover {
    background-color: initial;
 }

 .MST .stockCharts .addToListBtn ul li.myListsItem {
    padding-left: 10px;
 }

 .MST .stockCharts .addToListBtn ul li.myListsItem:hover,.s-watchListItem:hover {
    background-color: #cbf1df !important;
 }

 .showAddListTextStyle {
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
 }

 #ModalPanel .popUpSharedAlertsView {
    width: 775px;
    height: 653px;
    margin-top: -327px;
    margin-left: -413px;
    z-index: 9990;
 }

 .popUpSharedAlertsView .sharedAlertHead {
    border-radius: 9px 9px 0px 0px;
    background: -webkit-linear-gradient(top,#FEFEFE,#F9F9F9,#D1D1D1 );
    background: -o-linear-gradient(top,#FEFEFE,#F9F9F9,#D1D1D1);
    background: -moz-linear-gradient(top,#FEFEFE,#F9F9F9,#D1D1D1);
    background: linear-gradient(to bottom,#FEFEFE,#F9F9F9,#D1D1D1 );
    height: 33px;
    padding-left: 16px;
    line-height: 33px;
    font-size: 18px;
 }

 .popUpSharedAlertsView .sharedAlertContent {
    width: 100%;
    height: 57%;
 }

 .popUpSharedAlertsView .sharedAlertContentTitle {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    padding-left: 16px;
 }

 .popUpSharedAlertsView .sharedAlertContent .sharedAlertPreferences {
 }

 .popUpSharedAlertsView .sharedAlertContent .sharedAlertNotifyContent {
    width: 100%;
    height: 220px;
    font-size: 11px;
    padding-left: 16px;
 }

 .popUpSharedAlertsView .sharedAlertContent .sharedAlertContentSubtitle {
 }

 .popUpSharedAlertsView .sharedAlertContent .sharedAlertNotifyContent button:disabled:hover {
    background: -webkit-linear-gradient(top,#fff,#F1F1F1,#DFDFDF);
    background: -o-linear-gradient(top,#fff,#F1F1F1,#DFDFDF);
    background: -moz-linear-gradient(top,#fff,#F1F1F1,#DFDFDF);
    background: linear-gradient(to bottom,#fff,#F1F1F1,#DFDFDF);
    cursor: default;
 }

 .popUpSharedAlertsView .sharedAlertContent .sharedAlertNotifyContent .sharedAlertNotifyStatus {
    width: 98%;
    height: 43%;
 }

 .sharedAlertNotifyStatus span {
    position: relative;
    left: 22px;
    top: -2px;
 }

 .sharedAlertNotifyStatus .addNameToList .nameList {
    float: left;
 }

 .sharedAlertNotifyStatus .addNameToList .removeNameFromList {
    color: #83b3e1;
 }

 .sharedAlertNotifyStatus .addNameToList .removeNameFromList:hover {
    text-decoration: underline;
    cursor: pointer;
 }

 .sharedAlertNotifyStatus .sharedAlertNotifyAddUser span {
    display: none;
    position: relative;
    left: 3px;
 }

 .sharedAlertNotifyStatus .sharedAlertNotifyAddUser span.addRemindFail {
    color: red;
 }

 .sharedAlertNotifyStatus .sharedAlertNotifyAddUser span.addRemindSuccess {
    color: #29bd29;
 }

 .sharedAlertNotifyStatus .sharedAlertNotifyRadio {
    position: relative;
    left: 23px;
 }

 .sharedAlertNotifyStatus .sharedAlertNotifyCheckboxFirst {
    position: relative;
    top: 11px;
    left: 35px;
 }

 .sharedAlertNotifyStatus .sharedAlertNotifyCheckboxSecond {
    position: relative;
    top: 13px;
    left: 36px;
 }

 .sharedAlertNotifyStatus .sharedAlertNotify {
    width: 80%;
    height: 82%;
    position: relative;
    left: 65px;
    top: -14px;
 }

 .sharedAlertNotifyStatus .sharedAlertNotifyDescription {
    position: relative;
    top: 34px;
    width: 34%;
 }

 .sharedAlertNotifyStatus .sharedAlertNotifyNameContainer {
    position: relative;
    width: 31%;
    height: 83%;
    left: 213px;
    border: 1px solid #A9A9A9;
    overflow-x: hidden;
    overflow-y: scroll;
    background: white;
 }

 .sharedAlertNotifyStatus .disableSharedAlertNotifyNameContainer {
    width: 31%;
    height: 83%;
    position: absolute;
    background: #F0F0F0;
    top: 13px;
    left: 214px;
    z-index: 1;
    opacity: 0.6;
    display: none;
 }

 .sharedAlertNotifyStatus .sharedAlertNotifyAddUser {
    position: relative;
    width: 39%;
    height: 80%;
    left: 415px;
    top: -65px;
 }

 .sharedAlertNotifyAddUser .AddUserNote {
    padding-left: 2px;
 }

 .sharedAlertNotifyAddUser .AddUserTextBox:disabled {
    background-color: white;
    border: 1px solid #DBDBDC;
    padding: 2px 1px;
 }

 .sharedAlertNotifyAddUser .AddUserButton {
    height: 23px;
    width: 60px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #DFDFDF;
    background: -webkit-linear-gradient(top,#fff,#F1F1F1,#DFDFDF);
    background: -o-linear-gradient(top,#fff,#F1F1F1,#DFDFDF);
    background: -moz-linear-gradient(top,#fff,#F1F1F1,#DFDFDF);
    background: linear-gradient(to bottom,#fff,#F1F1F1,#DFDFDF);
    cursor: pointer;
 }

 .sharedAlertNotifyAddUser .AddUserButton:hover {
    background: -webkit-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -o-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: linear-gradient(to bottom,#cbf1df,#cbf1df,#cbf1df);
 }

 .popUpSharedAlertsView .sharedAlertContent .SharedAlertDisplayContent {
    font-size: 11px;
    width: 95%;
    height: 110px;
    margin-left: 17px;
    border-bottom: 1px solid #A9A9A9;
 }

 .SharedAlertDisplayContent span {
    position: relative;
    top: -2px;
 }

 .SharedAlertDisplayContent .SharedAlertOccurs {
    height: 88%;
    width: 90%;
    margin-left: 20px;
 }

 .SharedAlertDisplayContent .SharedAlertOccurs .alertOccur {
    width: 20%;
    position: relative;
    top: 4px;
 }

 .SharedAlertDisplayContent .SharedAlertOccurs .alertPerDay {
    width: 100%;
    position: relative;
    top: 11px;
 }

 .SharedAlertDisplayContent .occurPerDay {
    width: 134px;
    float: left;
 }

 .SharedAlertDisplayContent select {
    float: left;
 }

 .SharedAlertDisplayContent .alertPerDayAm {
    float: left;
 }

 .SharedAlertDisplayContent .SharedAlertOccurs .SharedAlertOccursButton {
    position: absolute;
    left: 286px;
    top: 356px;
 }

 .SharedAlertOccursButton .SharedAlertOccursApply {
    width: 100px;
    height: 32px;
    border: 1px solid #677A8A;
    border-radius: 3px;
    font-size: 12px;
    background: -webkit-linear-gradient(top,#FDFDFD,#ECEEF0,#CDD4D9);
    background: -o-linear-gradient(top,#FDFDFD,#ECEEF0,#CDD4D9);
    background: -moz-linear-gradient(top,#FDFDFD,#ECEEF0,#CDD4D9);
    background: linear-gradient(to bottom,#FDFDFD,#ECEEF0,#CDD4D9);
    background: -ms-linear-gradient(top,#FDFDFD,#ECEEF0,#CDD4D9);
 }

 .SharedAlertOccursButton .SharedAlertOccursCancel {
    width: 100px;
    height: 32px;
    margin-left: 15px;
    border: 1px solid #677A8A;
    border-radius: 3px;
    font-size: 12px;
    background: -webkit-linear-gradient(top,#FDFDFD,#ECEEF0,#CDD4D9);
    background: -o-linear-gradient(top,#FDFDFD,#ECEEF0,#CDD4D9);
    background: -moz-linear-gradient(top,#FDFDFD,#ECEEF0,#CDD4D9);
    background: linear-gradient(to bottom,#FDFDFD,#ECEEF0,#CDD4D9);
    background: -ms-linear-gradient(top,#FDFDFD,#ECEEF0,#CDD4D9);
 }

 .popUpSharedAlertsView .sharedAlertFoot {
    width: 100%;
    height: 38%;
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertOtherMembers {
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertMembersScroll {
    height: 60%;
    margin-left: 42px;
    width: 680px;
    background: white;
    border-bottom: none;
    border: 1px solid #A9A9A9;
 }

 .sharedAlertMembersScroll .sharedAlertMembersBody {
    overflow-x: hidden;
    overflow-y: scroll;
    display: block;
    height: 129px;
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertMembersTable {
    width: 100%;
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertMembersTable tr {
    height: 20px;
    width: 100%;
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertMembersTable thead tr {
    background: #E5E5E5;
    display: block;
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertMembersTable td {
    border-bottom: 1px solid #C9CACA;
 }

 .sharedAlertMembersTable .downArrow:after {
    content: url(../../Images/header/expanded-arrow.gif);
    width: 7px;
    height: 4px;
    margin-left: 3px;
    position: relative;
    top: -2px;
 }

 .sharedAlertMembersTable .upArrow:after {
    content: url(../../Images/header/collapsed-arrow.gif);
    width: 7px;
    height: 4px;
    margin-left: 3px;
    position: relative;
    top: -2px;
 }

 .sharedAlertMembersTable th {
    text-align: left;
 }

 .sharedAlertMembersTable th:nth-child(1) {
    width: 96px;
 }

 .sharedAlertMembersTable th:nth-child(2) {
    width: 103px;
 }

 .sharedAlertMembersTable th:nth-child(3) {
    width: 157px;
 }

 .sharedAlertMembersTable th:nth-child(4) {
    width: 148px;
 }

 .sharedAlertMembersTable th:nth-child(5) {
    width: 98px;
 }

 .sharedAlertMembersTable th:nth-child(6) {
    color: #00598E;
    font-weight: normal;
 }

 .sharedAlertMembersTable th:nth-child(6):hover {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
 }

 .sharedAlertMembersTable td {
 }

 .sharedAlertMembersTable td:nth-child(1) {
    width: 99px;
 }

 .sharedAlertMembersTable td:nth-child(2) {
    width: 100px;
 }

 .sharedAlertMembersTable td:nth-child(3) {
    color: #00598E;
    width: 155px;
    height: 19px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    display: block;
 }

 .sharedAlertMembersTable td:nth-child(3):hover {
    text-decoration: underline;
    text-shadow: 0.5px 0px;
    cursor: pointer;
 }

 .sharedAlertMembersTable td:nth-child(4) {
    width: 159px;
 }

 .sharedAlertMembersTable td:nth-child(5) {
    width: 138px;
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertTableFoot {
    margin-left: 42px;
    background: #D3D3D3;
    width: 680px;
    border: 1px solid #A9A9A9;
    border-top: none;
    border-radius: 0 0 7px 7px;
    height: 32px;
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertTableFoot .sharedAlertRemove {
    position: relative;
    left: 513px;
    top: 5px;
    width: 60px;
    font-size: 12px;
    height: 22px;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC );
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC );
    border-radius: 3px;
    cursor: pointer;
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertTableFoot .sharedAlertRemove:hover {
    background: -webkit-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -o-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: -moz-linear-gradient(top,#cbf1df,#cbf1df,#cbf1df);
    background: linear-gradient(to bottom,#cbf1df,#cbf1df,#cbf1df);
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertTableFoot .sharedAlertUnselectedAll {
    position: relative;
    left: 591px;
    top: -12px;
    color: #00598E;
 }

 .popUpSharedAlertsView .sharedAlertFoot .sharedAlertTableFoot .sharedAlertUnselectedAll:hover {
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
 }

 .popUpSharedAlertsView .sharedAlertFoot .ViewSharedScreenLinks {
    position: relative;
    left: 43px;
    top: 11px;
    color: #00598E;
    cursor: pointer;
    width: 25%;
 }

 .popUpSharedAlertsView .sharedAlertFoot .ViewSharedListLinks {
    position: relative;
    left: 248px;
    top: -4px;
    color: #00598E;
    cursor: pointer;
    width: 22%;
 }

 .notifyError {
    position: absolute;
    width: 325px;
    height: 80px;
    top: 0px;
    left: 0px;
    z-index: 9999;
    background-color: #F7F7F9;
    background: -webkit-linear-gradient(top,#fff,#F7F7F9);
    background: -o-linear-gradient(top,#fff,#F7F7F9);
    background: -moz-linear-gradient(top,#fff,#F7F7F9);
    background: linear-gradient(to bottom,#fff,#F7F7F9);
    border: 1px solid #666666;
    border-radius: 9px;
    display: none;
 }

 .notifyError .notifyErrorHeader {
    border-radius: 9px 9px 0px 0px;
    background: -webkit-linear-gradient(top,#FEFEFE,#F9F9F9,#D1D1D1 );
    background: -o-linear-gradient(top,#FEFEFE,#F9F9F9,#D1D1D1);
    background: -moz-linear-gradient(top,#FEFEFE,#F9F9F9,#D1D1D1);
    background: linear-gradient(to bottom,#FEFEFE,#F9F9F9,#D1D1D1 );
    height: 33px;
    padding-left: 16px;
    line-height: 33px;
    font-size: 18px;
 }

 .notifyError .notifyErrorContent {
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
 }

 .tutorialBubbleClosedMenuExpanded {
    position: absolute;
    right: 470px;
    top: 53px;
    height: 80px;
    width: 200px;
    border: 1px solid #4a4c50;
    background-color: #cbf1df;
    border-radius: 5px;
 }

 .tutorialBubbleClosedMenuExpanded em {
    bottom: 34px;
    left: 200px;
    border-width: 10px;
    border-color: transparent transparent transparent #4a4c50;
 }

 .tutorialBubbleClosedMenuExpanded span {
    bottom: 24px;
    left: 188px;
    border-color: transparent transparent transparent #cbf1df;
 }

 .tutorialBubbleClosedMenuExpanded .tutorialBubbleClosedMenuOffButton {
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    right: -17px;
    top: -9px;
 }

 .tutorialBubbleClosedMenuExpanded .tutorialBubbleClosedMenuContent {
    height: 60%;
    width: 100%;
    position: absolute;
    top: 5%;
    left: 5%;
 }

 .tutorialBubbleClosedMenuExpanded .tutorialBubbleClosedCheckbox {
    width: 15px;
    height: 15px;
    margin-top: 27%;
    margin-left: -51%;
 }

 .tutorialBubbleClosedMenuExpanded .tutorialBubbleClosedMenuMarkContent {
    width: 55%;
    float: right;
    margin-top: -25px;
    margin-right: 40px;
    font-weight: 100;
 }

 .tutorialBubbleClosedMenuCollapsed {
    position: absolute;
    right: 128px;
    top: 41px;
    height: 80px;
    width: 200px;
    border: 1px solid #4a4c50;
    background-color: #F1F1EC;
    border-radius: 5px;
 }

 .tutorialBubbleClosedMenuCollapsed em {
    bottom: 80px;
    left: 90px;
    border-width: 10px;
    border-color: transparent transparent #E7CE6B transparent;
 }

 .tutorialBubbleClosedMenuCollapsed span {
    bottom: 79px;
    left: 90px;
    border-width: 10px;
    border-color: transparent transparent #F1F1EC transparent;
 }

 .tutorialBubbleClosedMenuCollapsed .tutorialBubbleClosedMenuOffButton {
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    right: -17px;
    top: -9px;
 }

 .tutorialBubbleClosedMenuCollapsed .tutorialBubbleClosedMenuContent {
    height: 60%;
    width: 100%;
    position: absolute;
    top: 5%;
    left: 5%;
 }

 .tutorialBubbleClosedMenuCollapsed .tutorialBubbleClosedCheckbox {
    width: 15px;
    height: 15px;
    margin-top: 27%;
    margin-left: -49%;
 }

 .tutorialBubbleClosedMenuCollapsed .tutorialBubbleClosedMenuMarkContent {
    width: 55%;
    float: right;
    margin-top: -25px;
    margin-right: 40px;
    font-weight: 100;
 }

 .popUpShowTutorialsView .remarkContentHelpLinks .moreHelpLinksContent {
    margin-top: 6px;
 }

 .popUpShowTutorialsView .remarkContentHelpLinks .welcomePanelLink {
    color: #027d42;
    text-decoration: none;
    line-height: 18px;
 }

 .popUpShowTutorialsView .remarkContentHelpLinks .welcomePanelLink:hover {
    color: #cbf1df;
    text-decoration: underline;
 }

 .popUpShowTutorialsView .selfGuidedTourPanelContentThree .selfGuidedTourPanelThreeContent {
    color: #6CA6CD;
    font-weight: bold;
    text-decoration: none;
 }

 .popUpShowTutorialsView .selfGuidedTourPanelContentThree .selfGuidedTourPanelThreeContent:hover {
    color: #4682B4;
    text-decoration: underline;
 }

 .popUpShowTutorialsView .tutorialCircleNumberInside {
    margin-top: 2px;
 }

 .popUpShowTutorialsView .tutorialCircleNumberContent {
    margin-left: 23px;
    margin-top: 4px;
    height: 25px;
    padding-top: 2px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listContentArea .ListSeventeenBubbleOneContent {
    height: 42px;
 }

 .popUpShowTutorialsView .tutorialPanelsArea .howToPanel .howToPanelContent .listContentArea .ListSixteenBubbleOneContent {
    height: 53px;
 }

 .popUpShowTutorialsView .ListFifteenBubbleThreeContent {
    margin-top: 20px;
 }

 .popUpShowTutorialsView .ListThreeBubbleFiveContent {
    margin-top: -8px;
 }

 .popUpShowTutorialsView .tutorialCircleNumberContent .tutorialCircleNumberContentLink {
    color: #6CA6CD;
    font-weight: bold;
    text-decoration: none;
 }

 .popUpShowTutorialsView .tutorialCircleNumberContent .tutorialCircleNumberContentLink:hover {
    color: #4682B4;
    text-decoration: underline;
 }

 .popUpShowTutorialsView .howToPanelContent .listButton .listShowContent .listCheckedImage {
    float: left;
    width: 28px;
    height: 28px;
 }

 .popUpShowTutorialsView .listCheckedImage .selectedTick {
    background-position: -780px 0;
    width: 12px;
    height: 10px;
    margin-left: 10px;
    margin-top: 9px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .listContentCheckedImage {
    width: 28px;
    height: 25px;
    left: 0px;
    top: 0px;
    position: absolute;
    display: none;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .introductionItemImg {
    top: 0px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .evaluateStockItemImg {
    top: 25px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .alertItemImg {
    top: 50px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .researchItemImg {
    top: 75px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .watchlistItemImg {
    top: 100px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .screenStocksItemImg {
    top: 125px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .stockIdeasScreensItemImg {
    top: 150px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .stockIdeasReportsItemImg {
    top: 175px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .analyzeMarketItemImg {
    top: 200px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .analyzeGroupsItemImg {
    top: 225px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .analyzeFundsItemImg {
    top: 250px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .recordObservationsItemImg {
    top: 275px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .customizeListColumnsItemImg {
    top: 300px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .conductChartAnalysisItemImg {
    top: 325px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .realTimeDataItemImg {
    top: 350px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .chartPatternsItemImg {
    top: 375px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .saveResearchTimeItemImg {
    top: 400px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .ContinueLearningItemImg {
    top: 425px;
 }

 .popUpShowTutorialsView .howToPanelContent .allListContent .listContentCheckedImage .selectedTick {
    background-position: -780px 0;
    width: 12px;
    height: 10px;
    margin-left: 10px;
    margin-top: 6px;
 }

 #ModelessPanel .popUpSharingNotificationView {
    width: 400px;
    height: auto;
    margin-top: -220px;
    margin-left: -214px;
 }

 .popUpSharingNotificationView .notificationHeader {
    border-radius: 9px 9px 0px 0px;
    background: -webkit-linear-gradient(top,#FEFEFE,#F9F9F9,#D1D1D1 );
    background: -o-linear-gradient(top,#FEFEFE,#F9F9F9,#D1D1D1);
    background: -moz-linear-gradient(top,#FEFEFE,#F9F9F9,#D1D1D1);
    background: linear-gradient(to bottom,#FEFEFE,#F9F9F9,#D1D1D1 );
    height: 33px;
    padding-left: 10px;
    line-height: 33px;
    font-size: 18px;
 }

 .popUpSharingNotificationView .notificationTitle {
    position: relative;
    top: 10px;
    left: 20px;
    font-size: 14px;
    font-weight: bold;
 }

 .popUpSharingNotificationView .notificationDataContent {
    position: relative;
    height: auto;
    width: 358px;
    top: 22px;
    left: 20px;
    border: 1px solid #CCCCCC;
    background: white;
 }

 .popUpSharingNotificationView .notificationContentTitle {
    height: 18px;
    line-height: 18px;
    color: #979899;
    background: #ECECEC;
 }

 .popUpSharingNotificationView .notificationContentTitle .titleName {
    float: left;
    padding-left: 5px;
 }

 .popUpSharingNotificationView .notificationContentTitle .titleItem {
    float: left;
    padding-left: 75px;
 }

 .popUpSharingNotificationView .notificationContentTxt {
    height: 21px;
    line-height: 21px;
 }

 .popUpSharingNotificationView .notificationContentTxt .contentName {
    float: left;
    width: 94px;
    padding-left: 5px;
 }

 .popUpSharingNotificationView .notificationContentTxt .contentItem {
    float: left;
    padding-left: 22px;
    width: 185px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    display: block;
 }

 .popUpSharingNotificationView .notificationContentTxt .contentViewButton {
    float: right;
    margin-right: 4px;
    margin-top: 3px;
    line-height: 13px;
    border: 1px solid grey;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    width: 45px;
    height: 17px;
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -webkit-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    cursor: pointer;
 }

 .popUpSharingNotificationView .notificationContentTxt .contentViewButton:hover {
    background: linear-gradient(to bottom,#fff,#F6F3EA,#FCEFCF,#FDDFAA,#FDE5B0);
    background: -webkit-gradient(top,#fff,#F6F3EA,#FCEFCF,#FDDFAA,#FDE5B0);
 }

 .popUpSharingNotificationView .notifyFoot {
    position: relative;
    top: 22px;
    height: 195px;
 }

 .popUpSharingNotificationView .notificationShowNum {
    position: absolute;
    top: 20px;
    left: 105px;
 }

 .popUpSharingNotificationView .viewSharedAlert {
    position: absolute;
    top: 44px;
    left: 84px;
    font-weight: bold;
    color: #005980;
    cursor: pointer;
 }

 .popUpSharingNotificationView .viewSharedAlert:hover {
    text-decoration: underline;
    text-shadow: 1px 0;
 }

 .popUpSharingNotificationView .alertThis {
    position: absolute;
    top: 71px;
    left: 20px;
 }

 .popUpSharingNotificationView .alertAny {
    position: absolute;
    top: 90px;
    left: 20px;
 }

 .popUpSharingNotificationView .alertThis span,.popUpSharingNotificationView .alertAny span {
    position: absolute;
    width: 335px;
    top: 3px;
    left: 23px;
 }

 .popUpSharingNotificationView .notificationRemind {
    position: absolute;
    bottom: 49px;
    left: 26px;
    font-weight: bold;
    color: #005980;
    cursor: pointer;
 }

 .popUpSharingNotificationView .notificationRemind:hover {
    text-decoration: underline;
    text-shadow: 1px 0;
 }

 .popUpSharingNotificationView .closeButton {
    position: absolute;
    bottom: 44px;
    right: 10px;
    height: 22px;
    border: 1px solid grey;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -webkit-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    cursor: pointer;
 }

 .popUpSharingNotificationView .closeButton:hover {
    background: linear-gradient(to bottom,#fff,#F6F3EA,#FCEFCF,#FDDFAA,#FDE5B0);
    background: -webkit-gradient(top,#fff,#F6F3EA,#FCEFCF,#FDDFAA,#FDE5B0);
 }

 .popUpGenerateLogFileView {
    width: 330px;
    height: 180px;
    position: relative;
    margin-left: -165px;
    margin-top: -75px;
 }

 .popUpGenerateLogFileView .sendEmailAddress {
    position: relative;
    margin-left: 25px;
    margin-top: 10px;
 }

 .popUpGenerateLogFileView .sendEmailSubject {
    position: relative;
    margin-left: 30px;
    margin-top: 10px;
 }

 .popUpGenerateLogFileView .sendEmailSubject label {
    position: relative;
    bottom: 40px;
 }

 .popUpGenerateLogFileView .sendEmailConfrm {
    position: relative;
    text-align: center;
    margin-top: 15px;
 }

 .emailAddrInput {
    width: 220px;
    background-color: #F4F5F5;
    border-style: ridge;
 }

 .emailSubInput {
    width: 220px;
    background: #EBEBED;
    height: 50px;
 }

 .popUpGenerateLogFileView .sendEmailConfrm button {
    width: 60px;
    height: 22px;
    line-height: 19px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #aaa;
    background: -webkit-linear-gradient(top,#fff,#ccc);
    background: -o-linear-gradient(top,#fff,#ccc);
    background: -moz-linear-gradient(top,#fff,#ccc);
    background: linear-gradient(to bottom,#fff,#ccc);
    border-radius: 3px;
    cursor: pointer;
 }

 .popUpGenerateLogFileView .sendEmailConfrm button:hover {
    background: linear-gradient(#fff,#A9CAE6);
 }

 .popUpGenerateLogFileView .sendEmailConfrm .cancelSend {
    margin-left: 30px;
 }

 .popUpGenerateLogFileView .sendEmailConfrm .confirmSend {
    margin-left: 10px;
 }

 .popUpGenerateLogFileView .sendEmailConfrm .saveEmailContent {
    margin-left: 10px;
 }

 .contactSubmitConfirmat {
    width: 300px;
    height: 185px;
    font-size: 14px;
    border-radius: 9px;
    left: 38%;
    top: 38%;
    position: fixed;
    border: 1px solid #666666;
    background-size: 700px 350px;
    z-index: 9999;
    background-color: #F5F5F5;
 }

 .contactSubmitConfirmat .submitConfirmationTitle {
    width: 98%;
    padding-left: 2%;
    height: 32px;
    line-height: 32px;
    border-radius: 9px 9px 0px 0px;
    font-size: 19px;
    font-weight: bold;
    background: -webkit-linear-gradient(top,#ccc,#fff,#ccc);
    background: -o-linear-gradient(top,#ccc,#fff,#ccc);
    background: -moz-linear-gradient(top,#ccc,#fff,#ccc);
    background: linear-gradient(to bottom,#ccc,#fff,#ccc);
 }

 .contactSubmitConfirmat .title {
    margin-top: 40px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: center;
 }

 .contactSubmitConfirmat .okButton {
    width: 88px;
    height: 21px;
    margin-top: 26px;
    margin-left: 103px;
    border: 1px solid #888;
    background: -webkit-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -o-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: -moz-linear-gradient(top,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    background: linear-gradient(to bottom,#fff,#fff,#F3F3F3,#E6E4E4,#D1CECE,#DFDCDC);
    border-radius: 3px;
    cursor: pointer;
 }

 .symbolDropDownMenuTitle {
    text-align: left;
 }

 #ModalPanel div.popUpSignInESignalView {
    width: 360px;
    height: 340px;
    margin-top: -170px;
    margin-left: -180px;
    text-align: center;
    background: white;
 }

 #ModalPanel div.popUpSignInESignalView div.inputEsignal,#ModalPanel div.popUpSignInESignalView div.decription {
    width: 80%;
    margin: 10px auto;
 }

 #ModalPanel div.popUpSignInESignalView div.inputEsignal input {
    width: 150px;
    margin-left: 5px;
    font-size: 12px;
 }

 #ModalPanel div.popUpSignInESignalView div.inputEsignal input:hover {
    outline: #3199F0 auto 5px;
 }

 #ModalPanel div.popUpSignInESignalView div.saveLoginInfo {
    width: 146px;
    margin-left: 187px;
 }

 #ModalPanel div.popUpSignInESignalView div.esignalButtonCnt {
    width: 200px;
    margin: 20px auto;
    height: 30px;
 }

 #ModalPanel div.popUpSignInESignalView div.esignalButtonCnt button {
    width: 80px;
    height: 22px;
    margin: 0px 10px;
 }

 #ModelessPanel button.signIn {
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    float: none;
    top: -13px;
    left: 42%;
 }

 .errorBoder {
    border: 1px solid red;
 }

 #contack-us {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 18px;
    top: 4px;
    padding: 1px;
 }

 #contack-us:hover {
    background: #ccc;
 }

 #contack-us img {
    margin-top: 0 !important;
 }

 .listManager {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0px;
    z-index: 106;
    min-height: 28px;
    -moz-user-select: none;
 }

 .listManager .navbar {
    height: 28px;
    background-image: -webkit-linear-gradient(to bottom,#908d8d,#242424);
    background-image: linear-gradient(to bottom,#908d8d,#242424);
 }

 .listManager .toolsLst .imgchecked div.chartBtnsImg {
    transform: scale(0.9);
 }

 .listManager .floatScrollCnt {
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 2px;
    background-color: #000;
    right: 15px;
    top: 80px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: none;
 }

 .listManager .refreshBtn {
    background-position: -342px 0;
    float: left;
    height: 20px;
    width: 25px;
    cursor: pointer;
 }

 .listManager .refreshLoading {
    display: none;
    background-image: url(../../Images/ListManager/news_loading.gif);
    background-repeat: no-repeat;
    height: 24px;
    width: 64px;
    cursor: default;
    float: left;
    margin-top: 2px;
    margin-left: 15px;
 }

 .listManager .updateTime {
    display: none;
    margin-top: 2px;
    margin-left: 10px;
    float: left;
    height: 24px;
    width: auto;
    line-height: 24px;
    color: white;
    position: static;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
 }

 .listManager .itemsNum {
    width: auto;
    max-width: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 20px;
    color: white;
    float: left;
    margin-top: 7px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
 }

 .listManager .playTimerContent {
    position: absolute;
    right: 285px;
    top: 3px;
 }

 .listManager .playButton {
    border: 1px solid #aaa;
    background-color: #fff;
    background: -o-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: -moz-linear-gradient(top,#fff,#fff,#ccc,#ddd);
    background: linear-gradient(to bottom,#fff,#fff,#ccc,#ddd);
    border-radius: 3px;
    cursor: default;
    right: 277px;
    border-radius: 30px 9px 8px 30px;
    font-size: 12px;
    width: 72px;
    height: 21px;
    padding-left: 15px;
 }

 .listManager span.playIcon {
    position: absolute;
    top: 3px;
    left: 5px;
    background-position: -73px 0;
    width: 16px;
    height: 16px;
 }

 .listManager .stop + span.playIcon {
    background-position: -56px 0;
 }

 .playPauseButton span.LMImgs {
    background-position: -73px 0;
    width: 16px;
    height: 16px;
 }

 .listManager .playButton:hover {
    background-color: #aaa;
    background: -o-linear-gradient(top,#aaa,#ccc,#eee);
    background: -moz-linear-gradient(top,#aaa,#ccc,#eee);
    background: linear-gradient(to bottom,#aaa,#ccc,#eee);
 }

 .listManager .inner {
    height: 220px;
    background-color: white;
    position: absolute;
    top: 28px;
    left: 0px;
    bottom: 0px;
    height: auto !important;
    right: 3px;
 }

 .listManager .listCategory {
    position: absolute;
    float: left;
    left: 0;
    width: 264px;
    font-size: 12px;
    max-width: 600px;
    min-width: 150px;
    text-overflow: ellipsis;
    height: 100%;
 }

 .listManager .listDetail {
    position: absolute;
    float: left;
    left: 260px;
    right: 0;
    top: 0px;
    bottom: 0px;
    height: auto;
    width: auto;
 }

 .listManager .listDetail .navbar {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-left: 2px solid #ccc;
 }

 .listManager .listDetail .listManagerCover {
    display: none;
    position: absolute;
    top: 28px;
    width: 100%;
    height: 1930px;
    background-color: #6BADF6;
    opacity: 0.2;
    z-index: 1;
    pointer-events: none;
 }

 .listManager .listDetail .inner {
    position: absolute;
    top: 28px;
    left: -2px;
    width: 100%;
    border-left: 2px solid #ccc;
 }

 .listManager .rowHover {
    background-color: #cbf1df;
 }

 .listManager .listDetail .inner .cellClicked + .listManagerGridRow td {
    border-top: 1px solid #98e5c1;
 }

 .listManager .listDetail .inner .cellClicked td {
    border-top: 1px solid #98e5c1;
 }

 .listManager .listDetail .inner .listManagerGridHeaderFreeze .listManagerGridHeaderRow .toggleName {
    float: right;
    margin-top: 10px;
    width: 15px;
    height: 15px;
 }

 .listManager .listDetail .inner .FlagCell {
    margin-top: 4px;
    margin-left: 3px;
    background-position: -19px 0;
    width: 8px;
    height: 10px;
    display: none;
 }

 .listManager .headerFlagCell {
    margin-top: 5px;
    background-position: -19px 0;
    width: 8px;
    height: 10px;
 }

 .listManager .listDetail .inner .FlagedCell {
    display: inline-block !important;
    background-position: -28px 0;
 }

 .listManager .listManagerPanel .stocksUpdateMessagePopUp {
    position: absolute;
    width: 626px;
    height: 35px;
    border: 3px solid #333333;
    background-color: #e6e6e6;
    top: 35px;
    z-index: 100000;
    left: 50%;
    margin-left: -313px;
    font-size: 29px;
    font-family: Arial,Reg;
    color: #333333;
    text-align: center;
    line-height: 35px;
 }

 .listManager .listManagerPanel .columnOrderHelpMessage {
    width: 210px;
    height: 85px;
    position: absolute;
    top: 35px;
 }

 .helpMessageArrow {
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #DDD18E;
    position: relative;
    margin-left: 95px;
    position: absolute;
    z-index: 1000;
 }

 .helpMessageArrow span {
    display: block;
    width: 0;
    height: 0;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent #F8F6E6;
    position: absolute;
    top: 2px;
    left: -8px;
 }

 .helpMessageContent {
    width: 210px;
    height: 75px;
    background: -moz-linear-gradient(top,#F8F6E6,#E8E1B1);
    background: -webkit-gradient(linear,center top,center bottom,from(#F8F6E6),to(#E8E1B1));
    background: -o-linear-gradient(top,#F8F6E6,#E8E1B1);
    background: -ms-linear-gradient(top,#F8F6E6,#E8E1B1);
    border: 1px solid #DDD18E;
    position: absolute;
    top: 9px;
    border-radius: 3.5px;
    text-align: center;
    color: black;
 }

 .messageCloseBtn {
    position: absolute;
    width: 15px;
    height: 15px;
    right: -8px;
    top: 2px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 19px;
    border: 1px solid #90A1B4;
    color: #90A1B4;
    text-align: center;
 }

 .messageCloseBtn:hover {
    color: black;
    border: 1px solid black;
 }

 .listManager .listManagerGridHeader {
    border-bottom: 1px solid #BABCBF;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
 }

 .listManager .listManagerFlexibleHeader {
    position: absolute;
    left: 0px;
    right: 0px;
 }

 .listManager .listManagerFlexibleHeaderCell {
    float: left;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-right: 1px solid #BABCBF;
    text-align: center;
    cursor: default;
    position: relative;
 }

 .listManager .listManagerFlexibleHeaderCell.headerCellResizeCursor {
    cursor: e-resize !important;
 }

 .listManager .listManagerFlexibleHeaderCell.headerCellResizeCursor span {
    cursor: e-resize !important;
 }

 .listManager .listManagerFlexibleHeaderCell .listManagerFlexibleHeaderCellInner {
    display: table;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: auto;
 }

 .listManager .listManagerFlexibleHeaderCell .listManagerFlexibleHeaderCellInner .nameToggleLeft {
    background-position: -387px 0;
    width: 12px;
    height: 10px;
    position: absolute;
    top: 12px;
    right: 0px;
 }

 .listManager .listManagerFlexibleHeaderCell .listManagerFlexibleHeaderCellInner .nameToggleRight {
    background-position: -401px 0;
    width: 12px;
    height: 10px;
    position: absolute;
    top: 12px;
    right: 0px;
 }

 .listManager .listManagerFlexibleHeaderCell.itemDragCursor {
    cursor: e-resize !important;
 }

 .listManager .listManagerFlexibleHeaderCell:hover {
    background-color: #CBF1DF;
 }

 .listManager .listManagerGridBody {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    overflow: auto;
    top: 33px;
    bottom: 0px;
 }

 .listManager .listManagerGridBody .freezeVirtualizedPanel,.listManager .listManagerGridBody .flexibleVirtualizedPanel {
    float: left;
 }

 .listManager .listManagerGridBody .freezeVirtualizedPanel .listManagerGridRow .listManagerGridRowCell:nth-child(5) .listManagerFlexibleHeaderCellT
No results found