/*@charset "utf-8";*/

:root {
    --main-color: #e30144 !important
}


.popup_close {
    font-size: 35px !important;
    font-weight: bolder !important;
}

.mask {
    display: none;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #0e151b;
    z-index: 2003;
    opacity: 0.5;
    filter: opacity(50);
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #0e151b;
    background: #ff0
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}


button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td, th {
    padding: 0
}
/*! Source:https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print {
    *, :after, :before {
        color: #0e151b !important;
        text-shadow: none !important;
        background: 0 0 !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #0e151b !important
    }

    .label {
        border: 1px solid #0e151b
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

.el-pagination--small .arrow.disabled, .el-table--hidden, .el-table .hidden-columns, .el-table td.is-hidden > *, .el-table th.is-hidden > * {
    visibility: hidden
}

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

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

@font-face {
    font-family: element-icons;
    src: url("fonts/asome/535877f.woff") format("woff"),url(fonts/asome/732389d.ttf) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal
}

@font-face {
    font-family: 'aTitleGothic';
    src: url("fonts/SCDream4.otf") format("opentype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'aTitleGothic';
    src: url("fonts/SCDream5.otf") format("opentype");
    font-style: normal;
    font-weight: 600
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        transform: rotate(1turn)
    }
}

@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 {
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0
}

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

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

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

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

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

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

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

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

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

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

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

.el-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    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%;
    padding: 70px 40px 50px;
    background-color: #2b1a33f2;
    border: 1px solid #3b3042;
    border-radius: 40px;
    transition: opacity 0.15s;
}

.el-alert-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    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%;
    padding: 12px 14px 10px;
    background-color: #979797;
    border: 1px solid #ffffff;
    border-radius: 12px;
    transition: opacity 0.15s;
}

.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: left;
        text-align: initial;
        padding: 25px 25px 30px
    }

    .el-dialog--center .el-dialog__footer {
        text-align: inherit
    }

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in .3s;
    animation: dialog-fade-in .3s
}

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

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

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

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

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

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

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

@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 #0e151b
    }

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

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

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

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

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

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

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

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

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

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

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

        .el-dropdown .el-dropdown__caret-button:hover:before {
            top: 0;
            bottom: 0
        }

        .el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
            padding-left: 0
        }

.el-dropdown__icon {
    font-size: 12px;
    margin: 0 3px
}

.el-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    margin: 5px 0;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    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.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 .el-tag__close {
    margin-top: -2px
}

.el-select .el-tag {
    box-sizing: border-box;
    border-color: transparent;
    margin: 2px 0 2px 6px;
    background-color: #f0f2f5
}

.el-select .el-tag__close.el-icon-close {
    background-color: #c0c4cc;
    right: -7px;
    top: 0;
    color: #fff
}

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

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

.el-select .el-tag__close.el-icon-close:before {
    display: block;
    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 td.gutter, .el-table--fit th.gutter {
        border-right-width: 1px
    }

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto
}

.el-table thead {
    color: #909399;
    font-weight: 500
}

    .el-table thead.is-group th {
        background: #f5f7fa
    }

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

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

    .el-table td.is-center, .el-table th.is-center {
        text-align: center
    }

    .el-table td.is-right, .el-table th.is-right {
        text-align: right
    }

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

.el-table--medium td, .el-table--medium th {
    padding: 10px 0
}

.el-table--small td, .el-table--small th {
    padding: 8px 0
}

.el-table--mini td, .el-table--mini th {
    padding: 6px 0
}

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

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

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

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

.el-table th {
    overflow: hidden;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

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

    .el-table th.required > div:before {
        display: inline-block;
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ff4d51;
        margin-right: 5px;
        vertical-align: middle
    }

.el-table td div {
    box-sizing: border-box
}

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

        .el-table--border th, .el-table--border th.gutter:last-of-type, .el-table__fixed-right-patch {
            border-bottom: 1px solid #ebeef5
        }

.el-table__fixed, .el-table__fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.12)
}

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

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

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

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

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

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

    .el-table__fixed-footer-wrapper tbody td {
        border-top: 1px solid #ebeef5;
        background-color: #f5f7fa;
        color: #606266
    }

.el-table__fixed-body-wrapper {
    position: absolute;
    left: 0;
    top: 37px;
    overflow: hidden;
    z-index: 3
}

.el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper {
    width: 100%
}

.el-table__footer-wrapper {
    margin-top: -1px
}

    .el-table__footer-wrapper td {
        border-top: 1px solid #ebeef5
    }

.el-table__body, .el-table__footer, .el-table__header {
    table-layout: fixed;
    border-collapse: separate
}

.el-table__footer-wrapper, .el-table__header-wrapper {
    overflow: hidden
}

    .el-table__footer-wrapper tbody td, .el-table__header-wrapper tbody td {
        background-color: #111;
        color: #fff
    }

.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: visible;
    overflow: initial;
    position: relative
}

.el-table .sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px
}

    .el-table .sort-caret.ascending {
        border-bottom-color: #c0c4cc;
        top: 5px
    }

    .el-table .sort-caret.descending {
        border-top-color: #c0c4cc;
        bottom: 7px
    }

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #409eff
}

.el-table .descending .sort-caret.descending {
    border-top-color: #409eff
}

.el-table .hidden-columns {
    position: absolute;
    z-index: -1
}

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

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

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

.el-table__body tr.current-row > td {
    background-color: #ecf5ff
}

.el-table__column-resize-proxy {
    position: absolute;
    left: 200px;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px solid #ebeef5;
    z-index: 10
}

.el-table__column-filter-trigger {
    display: inline-block;
    line-height: 34px;
    cursor: pointer
}

    .el-table__column-filter-trigger i {
        color: #909399;
        font-size: 12px;
        transform: scale(.75)
    }

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

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

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

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

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

.el-table-filter {
    border: 1px solid #ebeef5;
    border-radius: 2px;
    background-color: #fff;
    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.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div, .el-date-table td.in-range div, .el-date-table td.in-range div:hover {
    background-color: #f2f6fc
}

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

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

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

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

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

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

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

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

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

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

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

    .el-date-table td {
        width: 32px;
        padding: 4px 0;
        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::-webkit-input-placeholder {
        color: #c0c4cc
    }

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

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

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

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

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

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

.el-range-editor.el-input__inner {
    display: 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::-webkit-input-placeholder {
            color: #c0c4cc
        }

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

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

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

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

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

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

.el-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;
    user-select: none;
    box-sizing: content-box
}

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

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

    .el-time-panel__content:after, .el-time-panel__content:before {
        content: "";
        top: 50%;
        position: absolute;
        margin-top: -15px;
        height: 32px;
        z-index: -1;
        left: 0;
        right: 0;
        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 {
    -webkit-animation: v-modal-in .2s ease;
    animation: v-modal-in .2s ease
}

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

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

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

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

.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;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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

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

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

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

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

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

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

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

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

.el-message-box__container {
    position: relative
}

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

.el-message-box__status {
    position: absolute;
    top: 50%;
    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: var(--main-color)
    }

    .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 {
    -webkit-animation: msgbox-fade-in .3s;
    animation: msgbox-fade-in .3s
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    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--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .el-tabs--left.el-tabs--card .el-tabs__item.is-left {
        border: 1px solid #e4e7ed;
        border-bottom: none;
        border-left: none;
        text-align: left
    }

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

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

            .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
                border-top: none
            }

            .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
                border-bottom: none
            }

    .el-tabs--left.el-tabs--card .el-tabs__nav {
        border-radius: 4px 0 0 4px;
        border-bottom: 1px solid #e4e7ed;
        border-right: none
    }

    .el-tabs--left.el-tabs--card .el-tabs__new-tab {
        float: none
    }

    .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
        border-right: 1px solid #dfe4ed
    }

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

        .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
            border-color: #d1dbe5 transparent
        }

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

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

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

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

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

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

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

            .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
                border-top: none
            }

            .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
                border-bottom: none
            }

    .el-tabs--right.el-tabs--card .el-tabs__nav {
        border-radius: 0 4px 4px 0;
        border-bottom: 1px solid #e4e7ed;
        border-left: none
    }

    .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
        border-left: 1px solid #dfe4ed
    }

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

        .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
            border-color: #d1dbe5 transparent
        }

.slideInLeft-transition, .slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    -webkit-animation: slideInRight-enter .3s;
    animation: slideInRight-enter .3s
}

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

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

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInLeft-leave .3s;
    animation: slideInLeft-leave .3s
}

@-webkit-keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInRight-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes slideInRight-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0
    }
}

@-webkit-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-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInLeft-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 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: var(--main-color)
}

    .el-alert--success.is-light .el-alert__description {
        color: var(--main-color)
    }

.el-alert--success.is-dark {
    background-color: var(--main-color);
    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: var(--main-color)
}

.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;
    -ms-user-select: none;
    user-select: none;
    line-height: normal
}

    .el-slider__button-wrapper:after {
        height: 100%
    }

    .el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover {
        cursor: -webkit-grab;
        cursor: grab
    }

    .el-slider__button-wrapper.dragging {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

.el-slider__button {
    width: 16px;
    height: 16px;
    border: 2px solid #409eff;
    background-color: #fff;
    border-radius: 50%;
    transition: .2s;
    user-select: none
}

.el-image-viewer__btn, .el-slider__button, .el-step__icon-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

    .el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover {
        transform: scale(1.2)
    }

    .el-slider__button.hover, .el-slider__button:hover {
        cursor: -webkit-grab;
        cursor: grab
    }

    .el-slider__button.dragging {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

.el-slider__stop {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #fff;
    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-2, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-pull-10, .el-col-pull-11, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-push-0, .el-col-push-1, .el-col-push-2, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-row {
    position: relative
}

.el-loading-spinner .el-loading-text {
    color: #409eff;
    margin: 3px 0;
    font-size: 14px
}

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

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

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

@-webkit-keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

.el-row {
    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-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) {
    .marquee2 span {
        font-size: 12px !important;
        /* animation: marquee2 20s linear infinite */
    }

    .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%
    }

    .mask {
        z-index: 2002 !important;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .el-col-lg-offset-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .el-col-xl-offset-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .el-col-xl-13 {
        width: 54.16667%
    }

    .el-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xl-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xl-14 {
        width: 58.33333%
    }

    .el-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xl-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xl-15 {
        width: 62.5%
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xl-16 {
        width: 66.66667%
    }

    .el-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xl-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xl-17 {
        width: 70.83333%
    }

    .el-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xl-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xl-18 {
        width: 75%
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xl-19 {
        width: 79.16667%
    }

    .el-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xl-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xl-20 {
        width: 83.33333%
    }

    .el-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xl-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xl-21 {
        width: 87.5%
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xl-22 {
        width: 91.66667%
    }

    .el-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xl-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xl-23 {
        width: 95.83333%
    }

    .el-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xl-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xl-24 {
        width: 100%
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        position: relative;
        left: 100%
    }
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

.el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0
}

.el-upload__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: var(--main-color)
    }

    .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: var(--main-color)
}

.el-progress.is-success .el-progress__text {
    color: var(--main-color)
}

.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 {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    width: 50px;
    height: 50px
}

    .el-spinner-inner .path {
        stroke: #ececec;
        stroke-linecap: round;
        -webkit-animation: dash 1.5s ease-in-out infinite;
        animation: dash 1.5s ease-in-out infinite
    }

@-webkit-keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

.el-message {
    min-width: 380px;
    box-sizing: border-box;
    border: 1px solid #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: var(--main-color)
    }

.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: var(--main-color)
}

.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: var(--main-color)
}

.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: var(--main-color);
        border-color: var(--main-color)
    }

    .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;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

    .el-step__icon-inner[class*=el-icon]:not(.is-status) {
        font-size: 25px;
        font-weight: 400
    }

    .el-step__icon-inner.is-status {
        transform: translateY(1px)
    }

.el-step__line {
    position: absolute;
    border-color: inherit;
    background-color: #c0c4cc
}

.el-step__line-inner {
    display: block;
    border: 1px solid;
    border-color: inherit;
    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: var(--main-color)
    }

    .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: var(--main-color)
    }

    .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;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
    filter: drop-shadow(0 2px 12px rgba(0,0,0,.03))
}

    .el-popper .popper__arrow:after {
        content: " ";
        border-width: 6px
    }

.el-popper[x-placement^=top] {
    margin-bottom: 12px
}

    .el-popper[x-placement^=top] .popper__arrow {
        bottom: -6px;
        left: 50%;
        margin-right: 3px;
        border-top-color: #ebeef5;
        border-bottom-width: 0
    }

        .el-popper[x-placement^=top] .popper__arrow:after {
            bottom: 1px;
            margin-left: -6px;
            border-top-color: #fff;
            border-bottom-width: 0
        }

.el-popper[x-placement^=bottom] {
    margin-top: 12px
}

    .el-popper[x-placement^=bottom] .popper__arrow {
        top: -6px;
        left: 50%;
        margin-right: 3px;
        border-top-width: 0;
        border-bottom-color: #ebeef5
    }

        .el-popper[x-placement^=bottom] .popper__arrow:after {
            top: 1px;
            margin-left: -6px;
            border-top-width: 0;
            border-bottom-color: #fff
        }

.el-popper[x-placement^=right] {
    margin-left: 12px
}

    .el-popper[x-placement^=right] .popper__arrow {
        top: 50%;
        left: -6px;
        margin-bottom: 3px;
        border-right-color: #ebeef5;
        border-left-width: 0
    }

        .el-popper[x-placement^=right] .popper__arrow:after {
            bottom: -6px;
            left: 1px;
            border-right-color: #fff;
            border-left-width: 0
        }

.el-popper[x-placement^=left] {
    margin-right: 12px
}

    .el-popper[x-placement^=left] .popper__arrow {
        top: 50%;
        right: -6px;
        margin-bottom: 3px;
        border-right-width: 0;
        border-left-color: #ebeef5
    }

        .el-popper[x-placement^=left] .popper__arrow:after {
            right: 1px;
            bottom: -6px;
            margin-left: -6px;
            border-right-width: 0;
            border-left-color: #fff
        }

.el-tag {
    background-color: #ecf5ff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409eff;
    border: 1px solid #d9ecff;
    border-radius: 4px;
    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: var(--main-color)
    }

        .el-tag.el-tag--success.is-hit {
            border-color: var(--main-color)
        }

        .el-tag.el-tag--success .el-tag__close {
            color: var(--main-color)
        }

            .el-tag.el-tag--success .el-tag__close:hover {
                color: #fff;
                background-color: var(--main-color)
            }

    .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: var(--main-color);
            border-color: var(--main-color);
            color: #fff
        }

            .el-tag--dark.el-tag--success.is-hit {
                border-color: var(--main-color)
            }

            .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: var(--main-color)
    }

        .el-tag--plain.el-tag--success.is-hit {
            border-color: var(--main-color)
        }

        .el-tag--plain.el-tag--success .el-tag__close {
            color: var(--main-color)
        }

            .el-tag--plain.el-tag--success .el-tag__close:hover {
                color: #fff;
                background-color: var(--main-color)
            }

    .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::-webkit-input-placeholder {
        color: #c0c4cc
    }

    .el-cascader__search-input:-ms-input-placeholder {
        color: #c0c4cc
    }

    .el-cascader__search-input::-ms-input-placeholder {
        color: #c0c4cc
    }

    .el-cascader__search-input::-moz-placeholder {
        color: #c0c4cc
    }

    .el-cascader__search-input::placeholder {
        color: #c0c4cc
    }

.el-color-predefine {
    display: 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,#0e151b,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: #0e151b;
    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::-webkit-input-placeholder {
        color: #c0c4cc
    }

    .el-textarea__inner:-ms-input-placeholder {
        color: #c0c4cc
    }

    .el-textarea__inner::-ms-input-placeholder {
        color: #c0c4cc
    }

    .el-textarea__inner::-moz-placeholder {
        color: #c0c4cc
    }

    .el-textarea__inner::placeholder {
        color: #c0c4cc
    }

    .el-textarea__inner:hover {
        border-color: #c0c4cc
    }

    .el-textarea__inner:focus {
        outline: 0;
        border-color: #409eff
    }

.el-textarea .el-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

    .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
        color: #c0c4cc
    }

    .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
        color: #c0c4cc
    }

    .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
        color: #c0c4cc
    }

    .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
        color: #c0c4cc
    }

    .el-textarea.is-disabled .el-textarea__inner::placeholder {
        color: #c0c4cc
    }

.el-textarea.is-exceed .el-textarea__inner {
    border-color: #f56c6c
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%
}

    .el-input::-webkit-scrollbar {
        z-index: 11;
        width: 6px
    }

        .el-input::-webkit-scrollbar:horizontal {
            height: 6px
        }

    .el-input::-webkit-scrollbar-thumb {
        border-radius: 5px;
        width: 6px;
        background: #b4bccc
    }

    .el-input::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-track {
        background: #fff
    }

    .el-input::-webkit-scrollbar-track-piece {
        background: #fff;
        width: 6px
    }

    .el-input .el-input__clear {
        color: #c0c4cc;
        font-size: 14px;
        cursor: pointer;
        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: #fff;
    display: inline-block;
    font-size: inherit;
    height: 43px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
    background-color: #1b1120;
    border: 1px solid #3b3042;
    border-radius: 24px;
}

.el-input__prefix, .el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    height: 100%;
    color: #c0c4cc;
    text-align: center
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input__inner:hover {
    border-color: #c0c4cc
}

.el-input.is-active .el-input__inner, .el-input__inner:focus {
    border-color: #c0c4cc;
    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::-webkit-input-placeholder {
        color: #c0c4cc
    }

    .el-input.is-disabled .el-input__inner:-ms-input-placeholder {
        color: #c0c4cc
    }

    .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
        color: #c0c4cc
    }

    .el-input.is-disabled .el-input__inner::-moz-placeholder {
        color: #c0c4cc
    }

    .el-input.is-disabled .el-input__inner::placeholder {
        color: #c0c4cc
    }

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-link, .el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.el-input.is-exceed .el-input__inner {
    border-color: #f56c6c
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c
}

.el-input--suffix .el-input__inner {
    padding-right: 30px
}

.el-input--prefix .el-input__inner {
    padding-left: 30px
}

.el-input--medium {
    font-size: 14px
}

    .el-input--medium .el-input__inner {
        height: 36px;
        line-height: 36px
    }

    .el-input--medium .el-input__icon {
        line-height: 36px
    }

.el-input--small {
    font-size: 13px
}

    .el-input--small .el-input__inner {
        height: 32px;
        line-height: 32px
    }

    .el-input--small .el-input__icon {
        line-height: 32px
    }

.el-input--mini {
    font-size: 12px
}

    .el-input--mini .el-input__inner {
        height: 28px;
        line-height: 28px
    }

    .el-input--mini .el-input__icon {
        line-height: 28px
    }

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

    .el-input-group > .el-input__inner {
        vertical-align: middle;
        display: table-cell
    }

.el-input-group__append, .el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap
}

.el-input-group--prepend .el-input__inner, .el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-input-group--append .el-input__inner, .el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

    .el-input-group__append:focus, .el-input-group__prepend:focus {
        outline: 0
    }

    .el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
        display: inline-block;
        margin: -10px -20px
    }

    .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
        border-color: transparent;
        background-color: transparent;
        color: inherit;
        border-top: 0;
        border-bottom: 0
    }

    .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
        font-size: inherit
    }

.el-input-group__prepend {
    border-right: 0
}

.el-input-group__append {
    border-left: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.el-transfer {
    font-size: 14px
}

.el-transfer__buttons {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px
}

.el-transfer__button {
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: #409eff;
    font-size: 0
}

    .el-transfer__button.is-with-texts {
        border-radius: 4px
    }

    .el-transfer__button.is-disabled, .el-transfer__button.is-disabled:hover {
        border: 1px solid #dcdfe6;
        background-color: #f5f7fa;
        color: #c0c4cc
    }

    .el-transfer__button:first-child {
        margin-bottom: 10px
    }

    .el-transfer__button:nth-child(2) {
        margin: 0
    }

    .el-transfer__button i, .el-transfer__button span {
        font-size: 14px
    }

    .el-transfer__button [class*=el-icon-] + span {
        margin-left: 0
    }

.el-transfer-panel {
    border: 1px solid #ebeef5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    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
}

    .el-transfer-panel__item + .el-transfer-panel__item {
        margin-left: 0;
        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: #0e151b
}

    .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 {
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0
}

    .el-container.is-vertical, .el-drawer {
        -webkit-box-orient: vertical
    }

.el-aside, .el-header {
    -webkit-box-sizing: border-box
}

.el-container.is-vertical {
    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: var(--main-color)
}

.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-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: var(--main-color)
    }

    .el-link.el-link--success {
        color: var(--main-color)
    }

        .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;
    user-select: none
}

.el-button, .el-checkbox, .el-image-viewer__btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-image-viewer__close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 40px
}

.el-image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: 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: #0e151b
}

.viewer-fade-enter-active {
    -webkit-animation: viewer-fade-in .3s;
    animation: viewer-fade-in .3s
}

.viewer-fade-leave-active {
    -webkit-animation: viewer-fade-out .3s;
    animation: viewer-fade-out .3s
}

@-webkit-keyframes viewer-fade-in {
    0% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes viewer-fade-in {
    0% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes viewer-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

@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: var(--main-color);
    border-color: var(--main-color)
}

    .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: var(--main-color);
        background: #f0f9eb;
        border-color: #c2e7b0
    }

        .el-button--success.is-plain:focus, .el-button--success.is-plain:hover {
            background: var(--main-color);
            border-color: var(--main-color);
            color: #fff
        }

        .el-button--success.is-plain:active {
            background: #5daf34;
            border-color: #5daf34;
            color: #fff;
            outline: 0
        }

        .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover {
            color: #a4da89;
            background-color: #f0f9eb;
            border-color: #e1f3d8
        }

.el-button--warning {
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c
}

    .el-button--warning:focus, .el-button--warning:hover {
        background: #ebb563;
        border-color: #ebb563;
        color: #fff
    }

    .el-button--warning.is-active, .el-button--warning:active {
        background: #cf9236;
        border-color: #cf9236;
        color: #fff
    }

    .el-button--warning:active {
        outline: 0
    }

    .el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover {
        color: #fff;
        background-color: #f3d19e;
        border-color: #f3d19e
    }

    .el-button--warning.is-plain {
        color: #e6a23c;
        background: #fdf6ec;
        border-color: #f5dab1
    }

        .el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover {
            background: #e6a23c;
            border-color: #e6a23c;
            color: #fff
        }

        .el-button--warning.is-plain:active {
            background: #cf9236;
            border-color: #cf9236;
            color: #fff;
            outline: 0
        }

        .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover {
            color: #f0c78a;
            background-color: #fdf6ec;
            border-color: #faecd8
        }

.el-button--danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c
}

    .el-button--danger:focus, .el-button--danger:hover {
        background: #f78989;
        border-color: #f78989;
        color: #fff
    }

    .el-button--danger.is-active, .el-button--danger:active {
        background: #dd6161;
        border-color: #dd6161;
        color: #fff
    }

    .el-button--danger:active {
        outline: 0
    }

    .el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover {
        color: #fff;
        background-color: #fab6b6;
        border-color: #fab6b6
    }

    .el-button--danger.is-plain {
        color: #f56c6c;
        background: #fef0f0;
        border-color: #fbc4c4
    }

        .el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover {
            background: #f56c6c;
            border-color: #f56c6c;
            color: #fff
        }

        .el-button--danger.is-plain:active {
            background: #dd6161;
            border-color: #dd6161;
            color: #fff;
            outline: 0
        }

        .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover {
            color: #f9a7a7;
            background-color: #fef0f0;
            border-color: #fde2e2
        }

.el-button--info {
    color: #fff;
    background-color: #909399;
    border-color: #909399
}

    .el-button--info:focus, .el-button--info:hover {
        background: #a6a9ad;
        border-color: #a6a9ad;
        color: #fff
    }

    .el-button--info.is-active, .el-button--info:active {
        background: #82848a;
        border-color: #82848a;
        color: #fff
    }

    .el-button--info:active {
        outline: 0
    }

    .el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover {
        color: #fff;
        background-color: #c8c9cc;
        border-color: #c8c9cc
    }

    .el-button--info.is-plain {
        color: #909399;
        background: #f4f4f5;
        border-color: #d3d4d6
    }

        .el-button--info.is-plain:focus, .el-button--info.is-plain:hover {
            background: #909399;
            border-color: #909399;
            color: #fff
        }

        .el-button--info.is-plain:active {
            background: #82848a;
            border-color: #82848a;
            color: #fff;
            outline: 0
        }

        .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover {
            color: #bcbec2;
            background-color: #f4f4f5;
            border-color: #e9e9eb
        }

.el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active {
    border-color: transparent
}

.el-button--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button--mini, .el-button--small {
    font-size: 12px;
    border-radius: 3px
}

.el-button--medium.is-round {
    padding: 10px 20px
}

.el-button--medium.is-circle {
    padding: 10px
}

.el-button--small, .el-button--small.is-round {
    padding: 9px 15px
}

    .el-button--small.is-circle {
        padding: 9px
    }

.el-button--mini, .el-button--mini.is-round {
    padding: 7px 15px
}

    .el-button--mini.is-circle {
        padding: 7px
    }

.el-button--text {
    color: #409eff;
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

    .el-button--text:focus, .el-button--text:hover {
        color: #66b1ff;
        border-color: transparent;
        background-color: transparent
    }

    .el-button--text:active {
        color: #3a8ee6;
        background-color: transparent
    }

.el-button-group {
    display: inline-block;
    vertical-align: middle
}

    .el-button-group:after, .el-button-group:before {
        display: table;
        content: ""
    }

    .el-button-group:after {
        clear: both
    }

    .el-button-group > .el-button {
        float: left;
        position: relative
    }

        .el-button-group > .el-button + .el-button {
            margin-left: 0
        }

        .el-button-group > .el-button.is-disabled {
            z-index: 1
        }

        .el-button-group > .el-button:first-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .el-button-group > .el-button:last-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .el-button-group > .el-button:first-child:last-child {
            border-radius: 4px
        }

            .el-button-group > .el-button:first-child:last-child.is-round {
                border-radius: 20px
            }

            .el-button-group > .el-button:first-child:last-child.is-circle {
                border-radius: 50%
            }

        .el-button-group > .el-button:not(:first-child):not(:last-child) {
            border-radius: 0
        }

        .el-button-group > .el-button:not(:last-child) {
            margin-right: -1px
        }

        .el-button-group > .el-button.is-active, .el-button-group > .el-button:active, .el-button-group > .el-button:focus, .el-button-group > .el-button:hover {
            z-index: 1
        }

    .el-button-group > .el-dropdown > .el-button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--primary:first-child {
        border-right-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--primary:last-child {
        border-left-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
        border-left-color: hsla(0,0%,100%,.5);
        border-right-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--success:first-child {
        border-right-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--success:last-child {
        border-left-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--success:not(:first-child):not(:last-child) {
        border-left-color: hsla(0,0%,100%,.5);
        border-right-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--warning:first-child {
        border-right-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--warning:last-child {
        border-left-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
        border-left-color: hsla(0,0%,100%,.5);
        border-right-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--danger:first-child {
        border-right-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--danger:last-child {
        border-left-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
        border-left-color: hsla(0,0%,100%,.5);
        border-right-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--info:first-child {
        border-right-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--info:last-child {
        border-left-color: hsla(0,0%,100%,.5)
    }

    .el-button-group .el-button--info:not(:first-child):not(:last-child) {
        border-left-color: hsla(0,0%,100%,.5);
        border-right-color: hsla(0,0%,100%,.5)
    }

.el-calendar {
    background-color: #fff
}

.el-calendar__header {
    display: 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: #0e151b;
    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-size: 14px;
    cursor: pointer;
    user-select: none;
    margin-right: 30px
}

.el-checkbox, .el-checkbox-button__inner, .el-radio {
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

    .el-checkbox.is-bordered {
        padding: 9px 20px 9px 10px;
        border-radius: 4px;
        border: 1px solid #dcdfe6;
        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;
    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;
    outline: 0;
    white-space: nowrap
}

.el-checkbox-button__inner [class*=el-icon-] + span {
    margin-left: 5px
}

.el-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1
}

.el-radio, .el-radio__inner, .el-radio__input {
    position: relative;
    display: inline-block
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    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;
    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: rgba(144,147,153,.3);
    transition: background-color .3s
}

    .el-scrollbar__thumb:hover {
        background-color: rgba(144,147,153,.5)
    }

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    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-avatar--circle {
    border-radius: 50%
}

.el-avatar--square {
    border-radius: 4px
}

.el-avatar--icon {
    font-size: 18px
}

.el-avatar--large {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.el-avatar--medium {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.el-avatar--small {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.el-drawer.btt, .el-drawer.ttb, .el-drawer__container {
    left: 0;
    right: 0;
    width: 100%
}

.el-drawer.ltr, .el-drawer.rtl, .el-drawer__container {
    top: 0;
    bottom: 0;
    height: 100%
}

@-webkit-keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes rtl-drawer-in {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-in {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@-webkit-keyframes rtl-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes rtl-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@-webkit-keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@-webkit-keyframes ltr-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ltr-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@-webkit-keyframes ttb-drawer-in {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-in {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@-webkit-keyframes ttb-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes ttb-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes btt-drawer-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@-webkit-keyframes btt-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@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)
}

    .el-drawer.rtl {
        -webkit-animation: rtl-drawer-out .3s;
        animation: rtl-drawer-out .3s;
        right: 0
    }

.el-drawer__open .el-drawer.rtl {
    -webkit-animation: rtl-drawer-in .3s 1ms;
    animation: rtl-drawer-in .3s 1ms
}

.el-drawer.ltr {
    -webkit-animation: ltr-drawer-out .3s;
    animation: ltr-drawer-out .3s;
    left: 0
}

.el-drawer__open .el-drawer.ltr {
    -webkit-animation: ltr-drawer-in .3s 1ms;
    animation: ltr-drawer-in .3s 1ms
}

.el-drawer.ttb {
    -webkit-animation: ttb-drawer-out .3s;
    animation: ttb-drawer-out .3s;
    top: 0
}

.el-drawer__open .el-drawer.ttb {
    -webkit-animation: ttb-drawer-in .3s 1ms;
    animation: ttb-drawer-in .3s 1ms
}

.el-drawer.btt {
    -webkit-animation: btt-drawer-out .3s;
    animation: btt-drawer-out .3s;
    bottom: 0
}

.el-drawer__open .el-drawer.btt {
    -webkit-animation: btt-drawer-in .3s 1ms;
    animation: btt-drawer-in .3s 1ms
}

.el-drawer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0
}

.el-drawer__header {
    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
}

    .el-drawer__body > * {
        box-sizing: border-box
    }

.el-drawer__container {
    position: relative
}

.el-drawer-fade-enter-active {
    -webkit-animation: el-drawer-fade-in .3s;
    animation: el-drawer-fade-in .3s
}

.el-drawer-fade-leave-active {
    animation: el-drawer-fade-in .3s reverse
}

.el-popconfirm__main {
    display: flex;
    align-items: center
}

.el-popconfirm__icon {
    margin-right: 5px
}

.el-popconfirm__action {
    text-align: right;
    margin: 0
}


.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: Glyphicons Halflings;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before, .glyphicon-btc:before, .glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-jpy:before, .glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-rub:before, .glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

*, :after, :before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #0e151b
}

a {
    color: #337ab7;
    text-decoration: none
}

    a:focus, a:hover {
        color: #23527c;
        /* text-decoration:underline */
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%
    }

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

.small, small {
    font-size: 85%
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus, a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus, a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus, a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus, a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

.bg-purple01 {
    background-color: #1b1120 !important;
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd, dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0
    }

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777
    }

        blockquote .small:before, blockquote footer:before, blockquote small:before {
            content: "\2014 \00A0"
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0
    }

        .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
            content: ""
        }

        .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
            content: "\00A0 \2014"
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,Courier New,monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

code, kbd {
    padding: 2px 4px;
    font-size: 90%
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        box-shadow: none
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1200px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-category, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-category {
        width: calc(100%/6)
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

caption, th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .new-box-g2 .home-t2, .new-box-g2 .away-t2 {
        width: calc(50% - 20px) !important;
        font-size: 0.6rem !important;
    }

    .home-t2 span {
        font-size: 10px !important;
        font-weight: bold;
    }

    .home-t2 div {
        font-size: 10px !important;
        font-weight: bold;
    }

    .away-t2 div {
        font-size: 10px !important;
        font-weight: bold;
    }

    .away-t2 span {
        font-size: 10px !important;
        font-weight: bold;
    }


    .vs-t2 span {
        font-size: 10px !important;
        font-weight: bold;
    }

    .type-t2 {
        display: none !important;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

        .table-responsive > .table {
            margin-bottom: 0
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap
            }

        .table-responsive > .table-bordered {
            border: 0
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0
            }
}

fieldset {
    min-width: 0;
    margin: 0
}

fieldset, legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .checkbox label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
        position: absolute;
        margin-top: 4px\9;
        margin-left: -20px
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px
    }

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px
    }

    .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
        cursor: not-allowed
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}


.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}


@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    /*padding:6px 12px;*/
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        box-shadow: none;
        opacity: .65
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-default.focus, .btn-default:focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c
    }

    .btn-default.active, .btn-default:active, .btn-default:hover, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

        .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c
        }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

        .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40
        }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625
    }

    .btn-success.active, .btn-success:active, .btn-success:hover, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

        .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
            color: #fff;
            background-color: #398439;
            border-color: #255625
        }

    .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85
    }

    .btn-info.active, .btn-info:active, .btn-info:hover, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

        .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85
        }

    .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
        background-image: none
    }

    .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

    .btn-warning.focus, .btn-warning:focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d
    }

    .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

        .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d
        }

    .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-danger.focus, .btn-danger:focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }

    .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

        .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19
        }

    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

    .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        box-shadow: none
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent
        }

            .btn-link:focus, .btn-link:hover {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #777;
                text-decoration: none
            }

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height,visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        color: #777
    }

        .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        float: left
    }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 2
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar {
    margin-left: -5px
}

    .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

    .btn-group.open .dropdown-toggle.btn-link {
        box-shadow: none
    }

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

    .btn-group-vertical > .btn-group > .btn {
        float: none
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto
        }

[data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .nav > li, .nav > li > a {
        position: relative;
        display: block
    }

        .nav > li > a {
            padding: 10px 15px
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                /* background-color:#eee */
            }

        .nav > li.disabled > a {
            color: #777
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #eee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid;
            border-color: #ddd #ddd transparent
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

        .nav-tabs.nav-justified > li {
            float: none
        }

            .nav-tabs.nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto
        }

@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

    .nav-pills > li > a {
        border-radius: 4px
    }

    .nav-pills > li + li {
        margin-left: 2px
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #337ab7
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0
    }

.nav-justified {
    width: 100%
}

    .nav-justified > li {
        float: none
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

@media (min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1)
}

    .navbar-collapse.in {
        overflow-y: auto
    }

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px;
    font-size: 18px;
    line-height: 20px
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

    .navbar-brand > img {
        display: block
    }

@media (min-width:768px) {
    .navbar > .container-fluid .navbar-brand, .navbar > .container .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px
            }
}

.navbar-form {
    padding: 10px 15px;
    margin: 8px -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

    .navbar-default .navbar-brand {
        color: #777
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent
        }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

.navbar-default .btn-link {
    color: #777
}

    .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
        color: #333
    }

    .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #080808
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .btn-link {
    color: #9d9d9d
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

    .breadcrumb > li {
        display: inline-block
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0"
        }

    .breadcrumb > .active {
        color: #777
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 3px 3px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #2c2630;
            /*border: 1px solid #ddd*/
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 2;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #2e2e2e;
        border-color: #ddd
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:focus, .pager li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #5e5e5e
    }

.label-primary {
    background-color: #337ab7
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090
    }

.label-success {
    background-color: #5cb85c
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #449d44
    }

.label-info {
    background-color: #5bc0de
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #31b0d5
    }

.label-warning {
    background-color: #f0ad4e
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f
    }

.label-danger {
    background-color: #d9534f
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

    .list-group-item > .badge + .badge {
        margin-right: 5px
    }

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background-color: #eee
}

    .jumbotron, .jumbotron .h1, .jumbotron h1 {
        color: inherit
    }

        .jumbotron p {
            margin-bottom: 15px;
            font-size: 21px;
            font-weight: 200
        }

        .jumbotron > hr {
            border-top-color: #d5d5d5
        }

.container-fluid .jumbotron, .container .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container-fluid .jumbotron, .container .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out
}

    .thumbnail > img, .thumbnail a > img {
        margin-right: auto;
        margin-left: auto
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

a.list-group-item, button.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5
    }

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
        color: #777
    }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

    a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    /* background-color:#171c2c; */
    background-color: #1b1120;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel-heading > .dropdown .dropdown-toggle, .panel-title {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption, .panel > .table-responsive > .table caption, .panel > .table caption {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
            border-top-left-radius: 3px
        }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
            border-top-right-radius: 3px
        }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
            border-bottom-left-radius: 3px
        }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
            border-bottom-right-radius: 3px
        }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #337ab7
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15)
    }

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 20);
    opacity: 1;
}

    .close:focus, .close:hover {
        color: #0e151b;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal, .modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        transition: transform .3s ease-out;
        transform: translateY(-25%)
    }

    .modal.in .modal-dialog {
        transform: translate(0)
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #0e151b
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header .close {
        margin-top: -2px
    }


.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    /*border-top:1px solid #e5e5e5*/
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}


@media (max-width: 768px) {
    .modal-lg {
        width: 100%;
    }
}

@media (min-width: 768px) {
    /* .modal-lg {
        width: 90%;
    } */
}

[dir=ltr] .tooltip {
    text-align: left
}

[dir=rtl] .tooltip {
    text-align: right
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #0e151b;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #0e151b
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #0e151b
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #0e151b
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #0e151b
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #0e151b
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #0e151b
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #0e151b
}

[dir=ltr] .popover {
    text-align: left
}

[dir=rtl] .popover {
    text-align: right
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0
    }

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25)
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff
    }

.carousel, .carousel-inner {
    position: relative
}

.carousel-inner {
    width: 100%;
    overflow: hidden
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        transition: left .6s ease-in-out
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            line-height: 1
        }

@media (-webkit-transform-3d),(transform-3d) {
    .carousel-inner > .item {
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px
    }

        .carousel-inner > .item.active.right, .carousel-inner > .item.next {
            left: 0;
            transform: translate3d(100%,0,0)
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            left: 0;
            transform: translate3d(-100%,0,0)
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                left: 0;
                transform: translateZ(0)
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0
    }

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: transparent;
    filter: alpha(opacity=50);
    opacity: .5
}

    .carousel-control.left {
        background-image: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#0e151b00000",GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e151b00000",endColorstr="#80000000",GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1
    }

        .carousel-control .icon-prev:before {
            content: "\2039"
        }

        .carousel-control .icon-next:before {
            content: "\203a"
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #0e151b\9;
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 10px
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

    .carousel-caption .btn {
        text-shadow: none
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (max-width:767px) {
    .noticeMedia {
        display: none;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}


h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #242a30
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-size: 60%;
        font-weight: 300;
        color: #7c7f83
    }

a {
    transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

    a:focus {
        outline: none
    }

label {
    color: #242a30
}

.mmain {
    white-space: nowrap;
    list-style-type: none;
    display: table;
    width: 100%
}

.mmain_sub {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 33.3%;
    font-size: 10pt
}

.nick .icicon {
    background-position: -45px -48px
}

.money .icicon, .nick .icicon {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 3px 2px 0 0;
    vertical-align: top
}

.money .icicon {
    background-position: -54px -48px
}

.point .icicon {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 3px 2px 0 0;
    background-position: -69px -48px;
    vertical-align: top
}

.page-header-fixed {
    padding-top: 54px
}

.page-sidebar-fixed .sidebar, .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right {
    position: fixed;
    z-index: 2003;
}

.page-with-two-sidebar .sidebar-bg.sidebar-right, .page-with-two-sidebar .sidebar.sidebar-right {
    right: 0;
    left: auto
}

.page-with-two-sidebar .content {
    margin-right: 295px
}

.page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-bg.sidebar-right, .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar.sidebar-right {
    right: -280px
}

.page-with-two-sidebar.page-right-sidebar-collapsed .content {
    margin-right: 0
}

.carousel .container {
    position: relative
}

.carousel-control {
    background: rgba(0,0,0,.55) !important;
    height: 60px;
    width: 40px;
    top: 50%;
    margin-top: -30px
}

    .carousel-control .glyphicon, .carousel-control i {
        display: block;
        margin: 0;
        text-align: center;
        line-height: 60px;
        position: static;
        height: 60px;
        font-size: 32px
    }

.carousel-caption-right {
    text-align: right
}

.carousel-caption-left {
    text-align: left
}

.carousel-caption {
    text-shadow: none;
    right: 0;
    left: 0;
    bottom: auto;
    top: 60px;
    bottom: 60px;
    font-weight: 300;
    margin-top: 40px
}

    .carousel-caption .container {
        padding: 0 60px;
        width: 600px
    }

    .carousel-caption .title {
        font-size: 64px;
        margin: 0;
        font-weight: 300
    }

    .carousel-caption .price {
        font-size: 22px;
        margin: 0
    }

        .carousel-caption .price small {
            font-size: 24px
        }

        .carousel-caption .price span {
            background: var(--main-color);
            color: #fff;
            padding-left: 10px;
            padding-right: 10px
        }

    .carousel-caption .btn {
        border: 2px solid #fff;
        color: #fff;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 30px;
        border-radius: 6px
    }

        .carousel-caption .btn:focus, .carousel-caption .btn:hover {
            background: hsla(0,0%,100%,.25)
        }

    .carousel-caption p {
        margin-bottom: 15px;
        font-size: 22px
    }

    .carousel-caption.text-inverse .btn {
        border-color: #333;
        color: #333;
        font-weight: 600
    }

.carousel .product-img {
    position: absolute;
    top: 40px;
    max-height: 370px
}

    .carousel .product-img.left {
        left: 60px
    }

    .carousel .product-img.right {
        right: 60px
    }

    .carousel .product-img.bottom {
        bottom: 0
    }

.carousel .bg-cover-img {
    max-width: 100%;
    position: absolute;
    min-height: 100%
}

.carousel .carousel-inner, .carousel .carousel-inner .item, .slider .carousel {
    min-height: 450px
}

.carousel-indicators li {
    border-width: 2px
}

.carousel-caption-blue, .carousel-caption-yellow {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    font-weight: 700
}

.carousel-caption-yellow {
    width: 100%
}

.carousel-caption-yellow1 {
    font-weight: 700;
    font-style: italic
}

.carousel-caption-gold, .carousel-caption-yellow1 {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    height: 100%
}

.carousel-caption-gold {
    font-weight: 500;
    line-height: 30px
}

.carousel-caption-white {
    text-shadow: none;
    right: 0;
    left: 50px;
    bottom: auto;
    top: 60px;
    bottom: 60px;
    font-weight: 300;
    margin-top: 40px;
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    font-style: italic
}

.carousel-caption-red {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    font-weight: 700;
    height: 100%
}

.carousel-caption-yellow h3 {
    font-size: 60px
}

.carousel-caption-yellow p {
    font-size: 20px;
    margin-top: 20px
}

.carousel-caption-yellow .price {
    font-size: 20px;
    margin-top: 40px
}

.carousel-caption-yellow .icon {
    margin: 20px 20px 0 0
}

.item {
    /* background:#fff */
}

.header {
    margin-bottom: 0
}

.navbar {
    border: none;
    border-radius: 0;
    box-shadow: 0 0 2px rgba(0,0,0,.3)
}

    .navbar.navbar-inverse {
        background: #0e1012
    }

        .navbar.navbar-inverse .navbar-brand, .navbar.navbar-inverse .navbar-nav > li > a {
            color: #a8acb1
        }

.navbar-brand {
    margin-right: 10px;
    padding: 12px 20px;
    height: 54px;
    width: 220px;
    font-weight: 100;
    font-size: 18px;
    line-height: 30px
}

.navbar-logo {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    border-color: #4dcaca #31a3a3 #1d8888;
    border-style: solid;
    border-width: 10px;
    opacity: .9;
    filter: alpha(opacity=90)
}

.navbar-toggle {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border: none
}

    .navbar-toggle.pull-left {
        margin-left: 15px;
        margin-right: 0
    }

    .navbar-toggle:focus, .navbar-toggle:hover {
        background: none !important;
        opacity: .6;
        filter: alpha(opacity=60)
    }

.navbar-nav > li > a {
    line-height: 20px;
    padding: 17px 15px
}

    .navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
        opacity: .6;
        filter: alpha(opacity=60)
    }

.navbar-nav > .open > a, .navbar-nav > .open > a:focus, .navbar-nav > .open > a:hover {
    background: none !important;
    color: #333;
    opacity: 1;
    filter: alpha(opacity=100)
}

.navbar-form {
    margin: 12px 0
}

@keyframes expand {
    0% {
        width: 200px
    }

    to {
        width: 300px
    }
}

@-webkit-keyframes expand {
    0% {
        width: 200px
    }

    to {
        width: 300px
    }
}

.navbar-form .btn-search {
    position: absolute;
    right: 15px;
    top: 12px;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    background: none;
    border-radius: 0 30px 30px 0
}

.navbar-nav > li > .dropdown-menu {
    border-top: 1px solid #eee
}

    .navbar-nav > li > .dropdown-menu.media-list .media-heading {
        font-weight: 600
    }

.navbar-nav > li > a .label {
    position: absolute;
    top: 7px;
    right: 3px;
    display: block;
    background: #ff5b57;
    line-height: 12px;
    font-weight: 300;
    padding: .3em .6em;
    border-radius: 20px
}

.navbar-user img {
    float: left;
    width: 30px;
    height: 30px;
    margin: -5px 10px 0 0;
    border-radius: 30px
}

.navbar .navbar-nav > li.divider {
    height: 34px;
    margin-top: 10px;
    background: #e2e7eb;
    width: 1px
}

.navbar.navbar-inverse .navbar-nav > li.divider {
    background: #3f4b55
}

.sidebar {
    width: 299px;
    position: absolute;
    margin-top: 127px;
    z-index: 1010;
    -webkit-transform: translateZ(0)
}

.sidebar, .sidebar-bg {
    left: 0;
    top: 0;
    bottom: 0
}

.sidebar-bg {
    background: #2d353c;
    position: fixed;
    width: 280px;
    z-index: 1000
}

.sidebar .nav > li:after, .sidebar .nav > li:before, .sidebar .nav > li > a:after, .sidebar .nav > li > a:before {
    content: "";
    clear: both;
    display: table
}

.sidebar .nav > li > a {
    padding: 8px 20px;
    line-height: 20px;
    color: #a8acb1
}

.sidebar.sidebar-grid .nav > li > a {
    border-bottom: 2px solid #0e151b;
    border-top: 1px solid #383f46;
    background: #2c1b34;
}

.sidebar.sidebar-grid .nav > li.active > a {
    border-color: #2d353c;
    z-index: 10
}

.sidebar.sidebar-grid .nav > li + li {
    margin-top: -1px
}

.sidebar .nav > li.expand > a, .sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover {
    background: #371f45;
    color: #a8acb1
}

.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:focus, .sidebar .nav > li.active > a:hover {
    color: #fff;
    background: #00acac
}

    .sidebar .nav > li.active > a .badge.badge-success, .sidebar .nav > li.active > a .label.label-success {
        background: #008a8a
    }

.sidebar .nav > li > a i {
    float: left;
    margin-right: 15px;
    width: 14px;
    text-align: center;
    line-height: 20px;
    font-size: 14px
}

    .sidebar .nav > li > a i[class*=ion-] {
        margin-right: 11px;
        width: 18px;
        font-size: 18px
    }

.sidebar .nav > li > a .badge {
    margin-top: 1px;
    padding: 3px 8px;
    background: #1b1f24;
    font-weight: 300;
    font-size: 10px
}

.sidebar .nav > li > a .caret {
    float: right;
    margin-top: 9px
}

.sidebar .has-sub.active > .sub-menu {
    display: block
}

.sidebar .sub-menu {
    list-style-type: none;
    padding: 1px 0 3px 42px;
    margin: 0;
    background: #25292c;
    color: #fafafa;
    position: relative
}

    .sidebar .sub-menu:before {
        content: "";
        position: absolute;
        left: 30px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #10181f
    }

    .sidebar .sub-menu .sub-menu:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0;
        background: none
    }

    .sidebar .sub-menu .sub-menu {
        padding: 0;
        background: none
    }

    .sidebar .sub-menu > li > a {
        padding: 18px 10px;
        display: block;
        font-weight: 100;
        color: #fff;
        text-decoration: none;
        position: relative
    }

    .sidebar .sub-menu > li > span {
        position: absolute;
        left: 21px;
        font-size: 7px;
        background-color: #424242;
        border-radius: 50%;
        border: 1px solid #171e26;
        width: 20px;
        height: 20px;
        top: 17px
    }

    .sidebar .sub-menu .sub-menu > li > span {
        content: "";
        font-family: Malgun Gothic,FontAwesome;
        position: absolute;
        left: 0;
        font-size: 7px;
        color: #889097;
        top: 50%;
        margin-top: -4px
    }

    .sidebar .sub-menu > li.active > a, .sidebar .sub-menu > li.active > a:focus, .sidebar .sub-menu > li.active > a:hover, .sidebar .sub-menu > li > span:focus, .sidebar .sub-menu > li > span:hover {
        background: #2d353c;
        background: linear-gradient(180deg,#2d353c,#222);
        color: #fc0
    }

        .sidebar .sub-menu > li.active > a:before {
            color: #00acac
        }

.sidebar .nav .sub-menu > li > a .caret {
    float: right;
    margin-top: 7px
}

.sidebar .sub-menu-white {
    background: #fff;
    color: #0e151b
}

    .sidebar .sub-menu-white > li > a {
        color: #0e151b
    }

    .sidebar .sub-menu-white > li > span {
        background-color: #fff;
        border: 2px solid #171e26
    }

.sidebar .sports-category.sub-menu {
    list-style-type: none;
    padding: 1px 0 3px 24px;
    margin: 0;
    background: #1d2225;
    color: #fafafa;
    position: relative
}

    .sidebar .sports-category.sub-menu:before {
        content: "";
        position: absolute;
        left: 23px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #10181f
    }

    .sidebar .sports-category.sub-menu .sports-category.sub-menu:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0;
        background: none
    }

    .sidebar .sports-category.sub-menu .sports-category.sub-menu {
        padding: 0;
        background: none
    }

    .sidebar .sports-category.sub-menu > li > a {
        padding: 5px 10px;
        display: block;
        font-weight: 100;
        color: #889097;
        text-decoration: none;
        position: relative;
        border-top: 1px solid #282f34;
        border-bottom: 1px solid #111
    }

        .sidebar .sports-category.sub-menu > li > a:before {
            content: "\f10c";
            font-family: Malgun Gothic,FontAwesome;
            position: absolute;
            left: 2px;
            font-size: 7px;
            color: #889097;
            top: 35%;
            margin-top: -4px;
            margin-left: -6px
        }

    .sidebar .sports-category.sub-menu .sports-category.sub-menu > li > a:before {
        content: "";
        font-family: Malgun Gothic,FontAwesome;
        position: absolute;
        left: 0;
        font-size: 7px;
        color: #889097;
        top: 50%;
        margin-top: -4px
    }

    .sidebar .sports-category.sub-menu > li.active > a, .sidebar .sports-category.sub-menu > li.active > a:focus, .sidebar .sports-category.sub-menu > li.active > a:hover, .sidebar .sports-category.sub-menu > li > a:focus, .sidebar .sports-category.sub-menu > li > a:hover {
        background: #2d353c;
        background: linear-gradient(180deg,#2d353c,#222);
        color: #fc0
    }

.sidebar .nav > li li.has-sub.active > a {
    color: #fc0
}

.sidebar .sports-category.sub-menu > li.active > a:before {
    color: #00acac
}

.sidebar .nav > li.nav-header {
    margin: 0;
    padding: 10px 20px;
    line-height: 20px;
    font-size: 11px;
    color: #6d7983
}

    .sidebar .nav > li.nav-header a {
        padding: 0;
        margin: 0;
        display: inline
    }

        .sidebar .nav > li.nav-header a:focus, .sidebar .nav > li.nav-header a:hover {
            background: none;
            color: #fff
        }

        .sidebar .nav > li.nav-header a i {
            float: none;
            margin: 0
        }

.sidebar .nav > li.nav-profile {
    padding: 20px;
    color: #fff;
    background: #1a2229
}

    .sidebar .nav > li.nav-profile a {
        padding: 0
    }

    .sidebar .nav > li.nav-profile .image {
        float: left;
        width: 34px;
        height: 34px;
        margin-top: 2px;
        margin-right: 15px;
        overflow: hidden;
        border-radius: 50%
    }

        .sidebar .nav > li.nav-profile .image img {
            max-width: 100%;
            max-height: 100%
        }

    .sidebar .nav > li.nav-profile .info {
        font-size: 14px
    }

        .sidebar .nav > li.nav-profile .info small {
            display: block;
            color: #889097
        }

.sidebar .nav > li.nav-widget {
    padding: 10px 20px
}

    .sidebar .nav > li.nav-widget i {
        margin-right: auto
    }

.sidebar-minify-btn {
    margin: 10px 0;
    float: right;
    padding: 5px 20px 5px 10px !important;
    background: #1b1f24;
    color: #fff;
    border-radius: 20px 0 0 20px
}

    .sidebar-minify-btn i {
        margin: 0 !important;
        color: #fff
    }

.content {
    margin-top: 63px;
    margin-left: 50px;
    padding: 10px 10px 0
}

    .content.showSidebar {
        margin-left: 295px;
    }

.page-header {
    font-size: 24px;
    margin: 0 0 20px;
    padding: 0;
    border: none;
    line-height: 28px
}

.breadcrumb {
    padding: 0;
    margin: 0;
    background: none
}

    .breadcrumb > li {
        line-height: 28px
    }

.ie8 .breadcrumb > li {
    display: inline
}

.breadcrumb > li a {
    color: #333
}

.footer {
    z-index: 1020;
    padding: 10px 0;
    margin: 0 280px;
    border-top: 2px solid #cad0d6;
    line-height: 20px
}

.border-none {
    border: none;
    background: none
}

.border-none2 {
    border: none;
    background: #fff
}

.border-only-none {
    border: none !important
}

legend {
    padding-bottom: 3px;
    border-bottom: 1px solid #e2e7eb
}

.dropdown-menu {
    border: none;
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.2);
    font-size: 12px
}

    .dropdown-menu > li > a {
        padding: 5px 15px
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            background: #edf0f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        background: #348fe2
    }

    .dropdown-menu .divider {
        border-color: #eee
    }

.dropdown-footer {
    padding: 10px 20px
}

.dropdown-menu > li.dropdown-footer > a {
    padding: 0 !important;
    display: inline !important
}

    .dropdown-menu > li.dropdown-footer > a:focus, .dropdown-menu > li.dropdown-footer > a:hover {
        background: none !important;
        text-decoration: underline !important
    }

.tooltip-inner {
    padding: 4px 10px;
    border-radius: 3px
}

.alert {
    border: none;
    padding: 10px
}

    .alert.alert-success {
        background: #7cdda7
    }

    .alert.alert-info {
        background: #171c2c
    }

    .alert.alert-danger {
        background: #f8b2b2
    }

    .alert.alert-warning {
        background: #ffead0
    }

.note {
    margin-bottom: 20px;
    padding: 15px;
    border-left: 3px solid
}

    .note.note-info {
        border-color: #587c89;
        background: #bee2ef;
        color: #31708f
    }

        .note.note-info h1, .note.note-info h2, .note.note-info h3, .note.note-info h4, .note.note-info h5, .note.note-info h6 {
            color: #31708f
        }

    .note.note-warning {
        border-color: #9d9080;
        background: #fff2e3;
        color: #8a6d3b
    }

        .note.note-warning h1, .note.note-warning h2, .note.note-warning h3, .note.note-warning h4, .note.note-warning h5, .note.note-warning h6 {
            color: #8a6d3b
        }

.badge {
    line-height: 1.25
}

.badge, .label {
    font-size: 75%;
    font-weight: 600
}

    .badge.badge-square {
        border-radius: 0
    }

    .badge.badge-default, .label.label-default {
        background: #b6c2c9
    }

    .badge.badge-black, .label.label-black {
        background: #0e151b
    }

    .badge.badge-danger, .label.label-danger {
        background: #ff5b57
    }

    .badge.badge-warning, .label.label-warning {
        background: #f59c1a
    }

    .badge.badge-success, .label.label-success {
        background: #00acac
    }

    .badge.badge-info, .label.label-info {
        background: #49b6d6
    }

    .badge.badge-primary, .label.label-primary {
        background: #348fe2
    }

    .badge.badge-inverse, .label.label-inverse {
        background: #2d353c
    }

    .badge.badge-outline, .label.label-outline {
        background: #2b2b2b;
        border: 1px solid #3c3c3c
    }

.pager li > a, .pager li > span, .pagination > li > a {
    border-color: #e2e7eb;
    color: #242a30
}

.pager.pager-without-border li > a, .pager.pager-without-border li > span, .pagination.pagination-without-border > li > a {
    border-color: #fff
}

.pager > .disabled > a, .pager > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    border-color: #ddd
}

.pagination > li > a {
    color: #242a30;
    margin-left: 5px;
    border-radius: 3px !important
}

.pagination > li:first-child > a {
    margin-left: 0
}

.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 10px;
    margin-left: 4px
}

.pagination-lg > li > a, .pagination-lg > li > span {
    font-size: 14px;
    margin-left: 6px
}

.pager li > a:focus, .pager li > a:hover, .pager li > span:focus, .pager li > span:hover, .pagination > li > a:focus, .pagination > li > a:hover {
    color: #242a30;
    background: #e2e7eb;
    border-color: #d8dde1
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #242a30 !important;
    border-color: #242a30 !important
}

.progress {
    box-shadow: none;
    background: #e2e7eb
}

.progress-xs {
    height: 5px
}

    .progress-xs .progress-bar {
        line-height: 5px
    }

.progress-sm {
    height: 10px
}

    .progress-sm .progress-bar {
        line-height: 10px
    }

.progress-lg {
    height: 30px
}

    .progress-lg .progress-bar {
        line-height: 30px
    }

.progress-bar {
    background: #348fe2;
    box-shadow: none
}

    .progress-bar.progress-bar-success {
        background-color: #00acac
    }

    .progress-bar.progress-bar-info {
        background-color: #49b6d6
    }

    .progress-bar.progress-bar-warning {
        background-color: #f59c1a
    }

    .progress-bar.progress-bar-danger {
        background-color: #ff5b57
    }

    .progress-bar.progress-bar-inverse {
        background-color: #2d353c
    }

.nav > li > a {
    color: white
}

    .nav > li > a:focus, .nav > li > a:hover {
        /* color:#333;
	background:#fafafa */
    }

.nav-tabs, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a {
    border: none !important
}

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #242a30
    }

.nav-tabs {
    background: #c1ccd1;
    border-radius: 5px 5px 0 0
}

    .nav-tabs.nav-tabs-inverse {
        background: #242a30
    }

    .nav-tabs.nav-justified > li > a {
        border-radius: 3px 3px 0 0
    }

    .nav-tabs.nav-tabs-inverse > li.active > a, .nav-tabs.nav-tabs-inverse > li.active > a:focus, .nav-tabs.nav-tabs-inverse > li.active > a:hover {
        color: #242a30;
        background: #fff
    }

    .nav-tabs.nav-tabs-inverse > li > a:focus, .nav-tabs.nav-tabs-inverse > li > a:hover {
        color: #fff;
        background: none
    }

    .nav-tabs.nav-justified > li, .nav-tabs > li {
        margin-bottom: 0
    }

        .nav-tabs > li > a {
            margin-right: 5px;
            line-height: 20px
        }

.nav-pills {
    margin-bottom: 10px
}

    .nav-pills > li + li {
        margin-left: 5px
    }

    .nav-pills > li > a {
        border-radius: 3px
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        background: #242a30
    }

.nav-stacked > li + li {
    margin-left: 0;
    margin-top: 5px
}

.tab-content {
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 3px
}

.nav-tabs + .tab-content {
    border-radius: 0 0 3px 3px
}

.panel-title a {
    display: block
}

.panel-title > a:focus, .panel-title > a:hover {
    text-decoration: none
}

.btnstyle1 {
    display: inline-block;
    display: inline;
    zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    background-color: #f5f5f5;
    background-image: linear-gradient(180deg,#fff,#e6e6e6);
    background-repeat: repeat-x;
    background-color: #e6e6e6;
    border: 0;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05)
}

    .btnstyle1.active, .btnstyle1:active {
        background-color: #ccc\9
    }

    .btnstyle1:first-child {
        *margin-left: 0
    }

    .btnstyle1:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btnstyle1.active, .btnstyle1:active {
        background-image: none;
        outline: 0;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)
    }

    .btnstyle1.disabled, .btnstyle1[disabled] {
        cursor: default;
        background-image: none;
        opacity: .65;
        filter: alpha(opacity=65);
        box-shadow: none
    }

.btnstyle1-lg {
    padding: 11px 19px;
    font-size: 17.5px;
    border-radius: 6px
}

    .btnstyle1-lg [class*=" icon-"], .btnstyle1-lg [class^=icon-] {
        margin-top: 4px
    }

.btnstyle1-sm {
    padding: 2px 10px;
    font-size: 11.9px;
    border-radius: 3px
}

    .btnstyle1-sm [class*=" icon-"], .btnstyle1-sm [class^=icon-] {
        margin-top: 0
    }

.btnstyle1-xs [class*=" icon-"], .btnstyle1-xs [class^=icon-] {
    margin-top: -1px
}

.btnstyle1-xs {
    padding: 0 6px;
    font-size: 10.5px;
    border-radius: 3px
}

.btnstyle1-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box
}

    .btnstyle1-block + .btnstyle1-block {
        margin-top: 5px
    }

input[type=button].btnstyle1-block, input[type=reset].btnstyle1-block, input[type=submit].btnstyle1-block {
    width: 100%
}

.btnstyle1-danger.active, .btnstyle1-info.active, .btnstyle1-inverse3.active, .btnstyle1-inverse.active, .btnstyle1-primary.active, .btnstyle1-success.active, .btnstyle1-warning.active, .btnstyle-orange.active {
    color: hsla(0,0%,100%,.75)
}

.btnstyle1-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #006dcc;
    background-image: linear-gradient(180deg,#08c,#04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc",endColorstr="#ff0044cc",GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    *background-color: #04c;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
}

    .btnstyle1-primary.active, .btnstyle1-primary.disabled, .btnstyle1-primary:active, .btnstyle1-primary:focus, .btnstyle1-primary:hover, .btnstyle1-primary[disabled] {
        color: #fff;
        background-color: #04c;
        *background-color: #003bb3
    }

    .btnstyle1-primary.active, .btnstyle1-primary:active {
        background-color: #039\9
    }

.btnstyle1-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #faa732;
    background-image: linear-gradient(180deg,#fbb450,#f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffbb450",endColorstr="#fff89406",GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    *background-color: #f89406;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
}

    .btnstyle1-warning.active, .btnstyle1-warning.disabled, .btnstyle1-warning:active, .btnstyle1-warning:focus, .btnstyle1-warning:hover, .btnstyle1-warning[disabled] {
        color: #fff;
        background-color: #f89406;
        *background-color: #df8505
    }

    .btnstyle1-warning.active, .btnstyle1-warning:active {
        background-color: #c67605\9
    }

.btnstyle1-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #da4f49;
    background-image: linear-gradient(180deg,#ee5f5b,#bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffee5f5b",endColorstr="#ffbd362f",GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    *background-color: #bd362f;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
}

    .btnstyle1-danger.active, .btnstyle1-danger.disabled, .btnstyle1-danger:active, .btnstyle1-danger:focus, .btnstyle1-danger:hover, .btnstyle1-danger[disabled] {
        color: #fff;
        background-color: #bd362f;
        *background-color: #a9302a
    }

    .btnstyle1-danger.active, .btnstyle1-danger:active {
        background-color: #942a25\9
    }

.btnstyle1-danger2 {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #b62d25;
    background-image: linear-gradient(180deg,#ee5f5b,#bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffee5f5b",endColorstr="#ffbd362f",GradientType=0);
    border-color: #72211d #72211d #611c18;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    *background-color: #bd362f;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
}

    .btnstyle1-danger2.active, .btnstyle1-danger2.disabled, .btnstyle1-danger2:active, .btnstyle1-danger2:focus, .btnstyle1-danger2:hover, .btnstyle1-danger2[disabled] {
        color: #fff;
        background-color: #bd362f;
        *background-color: #a9302a
    }

    .btnstyle1-danger2.active, .btnstyle1-danger2:active {
        background-color: #942a25\9
    }

.btnstyle1-success {
    border-color: #51a351 #51a351 #387038
}

    .btnstyle1-success, .btnstyle1-success.active, .btnstyle1-success.disabled, .btnstyle1-success:active, .btnstyle1-success:focus, .btnstyle1-success:hover, .btnstyle1-success[disabled] {
        color: #fff;
        background-color: #51a351
    }

        .btnstyle1-success.active, .btnstyle1-success:active {
            background-color: #408140
        }

.gametype-button-orange {
    background-color: #2c343b;
    float: left;
    padding: 7px 27px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 3px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

    .gametype-button-orange a {
        color: #fff;
    }

    .gametype-button-orange.on, .gametype-button-orange:hover {
        background-color: var(--main-color)
    }

.gametype-button-blue {
    background-color: #2c343b;
    float: left;
    padding: 7px 27px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 3px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

    .gametype-button-blue.on, .gametype-button-blue:hover {
        background-color: #1f8fff
    }

.gametype-button-yellow {
    background-color: #2c343b;
    float: left;
    padding: 7px 27px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 3px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

    .gametype-button-yellow.on, .gametype-button-yellow:hover {
        background-color: #f1c80d;
        color: #0e151b
    }

.gametype-button-yellow1 {
    background-color: #2c343b;
    float: left;
    padding: 7px 27px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 3px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

    .gametype-button-yellow1.on, .gametype-button-yellow1:hover {
        background-color: #d40511
    }

.gametype-button-white {
    background-color: #cacaca;
    float: left;
    padding: 7px 27px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 3px;
    color: #0e151b;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #0e151b
}

    .gametype-button-white.on, .gametype-button-white:hover {
        background-color: #f1c80d;
        border: 1px solid #f1c80d;
        color: #0e151b
    }

.gametype-button-white1 {
    background-color: #cacaca;
    float: left;
    padding: 7px 27px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 3px;
    color: #0e151b;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #0e151b
}

    .gametype-button-white1.on, .gametype-button-white1:hover {
        background-color: #ff4900;
        border: 1px solid #ff4900;
        color: #0e151b
    }

.gametype-button-red {
    background-color: #2c343b;
    float: left;
    padding: 7px 27px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 3px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

    .gametype-button-red.on, .gametype-button-red:hover {
        background-color: #ff2c2c
    }

.gametype-button-gold {
    background-color: #2c343b;
    float: left;
    padding: 7px 27px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 3px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

    .gametype-button-gold.on, .gametype-button-gold:hover {
        background-color: #ffa863;
        color: #0e151b
    }

.btnstyle1-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #49afcd;
    background-image: linear-gradient(180deg,#5bc0de,#2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de",endColorstr="#ff2f96b4",GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    *background-color: #2f96b4;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
}

    .btnstyle1-info.active, .btnstyle1-info.disabled, .btnstyle1-info:active, .btnstyle1-info:focus, .btnstyle1-info:hover, .btnstyle1-info[disabled] {
        color: #fff;
        background-color: #2f96b4;
        *background-color: #2a85a0
    }

    .btnstyle1-info.active, .btnstyle1-info:active {
        background-color: #24748c\9
    }

.btnstyle1-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #363636;
    background-image: linear-gradient(180deg,#3d4650,#111);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3d4650",endColorstr="#ff111",GradientType=0);
    border-color: #111 #111 #0e151b;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    *background-color: #111;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
}

    .btnstyle1-inverse.active, .btnstyle1-inverse.disabled, .btnstyle1-inverse:active, .btnstyle1-inverse:focus, .btnstyle1-inverse:hover, .btnstyle1-inverse[disabled] {
        color: #fff;
        background-color: #111;
        *background-color: #151515
    }

    .btnstyle1-inverse.active, .btnstyle1-inverse:active {
        background-color: #080808\9
    }

.btnstyle1-inverse3 {
    color: #c8e1fd;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #0c1524;
    background-image: linear-gradient(180deg,#354562,#111e33);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff1111",endColorstr="#ff1111",GradientType=0);
    border-color: #b2571d;
    background-color: #111
}

    .btnstyle1-inverse3.active, .btnstyle1-inverse3.disabled, .btnstyle1-inverse3:active, .btnstyle1-inverse3:focus, .btnstyle1-inverse3:hover, .btnstyle1-inverse3[disabled] {
        color: #fff;
        background-color: #111e33;
        *background-color: #354562
    }

.btnstyle2 {
    background-image: linear-gradient(180deg,#68159b,#5b1081)
}

.btnstyle2, .btnstyle3 {
    font-weight: 700 !important
}

.btnstyle3 {
    background-image: linear-gradient(180deg,#b72323,#761717)
}

.btn {
    font-weight: 300;
    border-radius: 3px
}

.btn-main {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: 300;
    border-radius: 3px
}

.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: none
}

.btn-icon, .btn.btn-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px
}

.btn-circle, .btn.btn-circle {
    border-radius: 50%
}

.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px
}

.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px
}

.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px
}

.btn-scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 1020
}

.btn > .pull-left, .btn > .pull-right {
    line-height: 1.428571429
}

.btn-block {
    padding-left: 12px;
    padding-right: 12px
}

.btn.active, .btn:active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.1)
}

.btn.btn-default {
    color: #fff;
    background: #b6c2c9;
    border-color: #b6c2c9
}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    background: #929ba1;
    border-color: #929ba1
}

.btn-group .btn.btn-default:not(.active) + .btn.btn-default, .input-group-btn .btn.btn-default:not(.active) + .btn.btn-default {
    border-left-color: #929ba1
}

.btn.btn-white {
    font-weight: 900;
    color: #333;
    background: #fff;
    border-color: #e2e7eb
}

    .btn.btn-white.btn-white-without-border {
        border-color: #fff
    }

        .btn.btn-white.btn-white-without-border.active, .btn.btn-white.btn-white-without-border.active:focus, .btn.btn-white.btn-white-without-border.active:hover {
            border-color: #ddd
        }

        .btn.btn-white.btn-white-without-border:focus, .btn.btn-white.btn-white-without-border:hover {
            border-color: #eee
        }

.btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover, .open .dropdown-toggle.btn-white {
    background: #e2e7eb;
    border-color: #d8dde1
}

.btn-group .btn.btn-white:not(.active) + .btn.btn-white, .input-group-btn .btn.btn-white:not(.active) + .btn.btn-white {
    border-left-color: #eee
}

.btn.btn-sports-vs {
    border: 1px solid #0e151b;
    border-radius: 3px
}

.btn.btn-sports, .btn.btn-sports-vs, .bet-type {
    color: #fff;
    background: #2d353c;
    border-color: #424242 #181818 #232324 #2c3339;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    font-size: 9pt;
    /* font-family:Malgun Gothic,dotum; */
    font-family: 'aTitleGothic';
    background: linear-gradient(180deg,#2d353c,#222)
}

.betType:hover {
    color: #fff;
}

.bar-mini {
    background: linear-gradient(45deg,#111,#1d2227)
}

.btn-sports.active, .btn-sports:active, .btn-sports:focus, .mob-odd-btn.active, .open .dropdown-toggle.btn-sports {
    color: #fc0;
    background: #ff6201;
    border-color: #424242 #181818 #232324 #2c3339;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    font-size: 9pt;
    font-family: Malgun Gothic,dotum
}

.btn-group .btn.btn-sports:not(.active) + .btn.btn-sports, .input-group-btn .btn.btn-sports:not(.active) + .btn.btn-sports {
    color: #fc0;
    border: 1px solid #4b555f;
    border-radius: 0
}

.btn.btn-inverse {
    color: #fff;
    background: #2d353c;
    border-color: #2d353c
}

.btn-inverse.active, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open .dropdown-toggle.btn-inverse {
    background: #242a30;
    border-color: #242a30
}

.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse, .input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse {
    border-left-color: #242a30
}

.btn.btn-primary {
    color: #fff;
    background: #348fe2;
    border-color: #348fe2
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
    background: #2a72b5;
    border-color: #2a72b5
}

.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary, .input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary {
    border-left-color: #2a72b5
}

.btn.btn-primary-blue {
    color: #fff;
    background-image: linear-gradient(180deg,#2336a7 0,#1c2f97 20%,#0f1e71 50%,#041053 80%,#03063b);
    border-top: 1px solid #3a5bca;
    border-bottom: none
}

.btn.btn-success {
    color: #fff;
    background: #00acac;
    border-color: #00acac
}

    .btn.btn-success.active, .btn.btn-success:active, .btn.btn-success:focus, .btn.btn-success:hover, .open .dropdown-toggle.btn-success {
        background: #008a8a;
        border-color: #008a8a
    }

.btn-group .btn.btn-success:not(.active) + .btn.btn-success, .input-group-btn .btn.btn-success:not(.active) + .btn.btn-success {
    border-left-color: #008a8a
}

.btn.btn-success2 {
    color: #fff;
    background: #5cb85c;
    border-color: #5cb85c
}

    .btn.btn-success2.active, .btn.btn-success2:active, .btn.btn-success2:focus, .btn.btn-success2:hover, .open .dropdown-toggle.btn-success2 {
        background: #4cae4c;
        border-color: #4cae4c
    }

.btn-group .btn.btn-success2:not(.active) + .btn.btn-success2, .input-group-btn .btn.btn-success2:not(.active) + .btn.btn-success2 {
    border-left-color: #4cae4c
}

.btn.btn-inverse2 {
    color: #fff;
    font-weight: 700;
    border: 1px solid #111;
    background: linear-gradient(180deg,#3d4650,#0e151b);
    font-size: 12pt
}

    .btn.btn-inverse2.active, .btn.btn-inverse2:active, .btn.btn-inverse2:focus, .btn.btn-inverse2:hover, .open .dropdown-toggle.btn-inverse2 {
        color: #0e151b;
        font-weight: 700;
        border: 1px solid #111;
        background: linear-gradient(180deg,#93d872,#3a873a);
        font-size: 12pt
    }

.btn-group .btn.btn-inverse2:not(.active) + .btn.btn-inverse2, .input-group-btn .btn.btn-inverse2:not(.active) + .btn.btn-inverse2 {
    border-left-color: #4cae4c
}

.btn.btn-warning {
    color: #fff;
    background: #f59c1a;
    border-color: #f59c1a
}

.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
    background: #c47d15;
    border-color: #c47d15
}

.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning, .input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning {
    border-left-color: #c47d15
}

.btn.btn-danger {
    color: #fff;
    background: #ff5b57;
    border-color: #ff5b57
}

.btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger {
    background: #cc4946;
    border-color: #cc4946
}

.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger, .input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger {
    border-left-color: #cc4946
}

.btn.btn-info {
    color: #fff;
    background: #49b6d6;
    border-color: #49b6d6
}

.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info {
    background: #3a92ab;
    border-color: #3a92ab
}

.btn-group .btn.btn-info:not(.active) + .btn.btn-info, .input-group-btn .btn.btn-info:not(.active) + .btn.btn-info {
    border-left-color: #3a92ab
}

.panel {
    border: none;
    box-shadow: none;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 8pt;
    /* font-family:Malgun Gothic,dotum */
    font-family: 'aTitleGothic';
}

    .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer, .panel.panel-no-rounded-corner .panel-heading {
        border-radius: 0 !important
    }

.panel-heading {
    padding: 10px 15px;
    border: none
}

    .panel-heading + .slimScrollDiv, .panel-heading + .table {
        border-top: 1px solid #eee
    }

.panel-heading-btn {
    float: right
}

    .panel-heading-btn > a {
        margin-left: 8px
    }

.panel-heading .btn-group .btn {
    margin-top: -7px
}

    .panel-heading .btn-group .btn.btn-sm {
        margin-top: -5px
    }

    .panel-heading .btn-group .btn.btn-xs {
        margin-top: -1px
    }

.panel-heading .label.pull-left, .panel-heading .label.pull-right {
    line-height: 15px
}

.panel-heading .progress.pull-left, .panel-heading .progress.pull-right {
    width: 40%;
    min-width: 120px
}

.panel-heading + .alert {
    margin-bottom: 0;
    border-radius: 0
}

.panel-with-tabs.panel-default .panel-heading {
    background: #c1ccd1;
    color: #333
}

.panel-heading .nav-tabs {
    margin-top: -10px;
    margin-right: -15px
}

    .panel-heading .nav-tabs > li > a {
        padding: 10px 15px;
        line-height: 20px
    }

.panel-title {
    line-height: 20px;
    font-size: 16px
}

    .panel-title .accordion-toggle {
        margin: -10px -15px;
        padding: 10px 15px
    }

        .panel-title .accordion-toggle.accordion-toggle-styled .fa:before {
            content: "\f056"
        }

        .panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before {
            content: "\f055"
        }

    .panel-title .pull-right {
        line-height: 20px
    }

.panel-body {
    padding: 0 0 2px
}

    .panel-body.no-border {
        border: none !important
    }

    .panel-body.with-table > .table {
        border: 0;
        margin: 0
    }

        .panel-body.with-table > .table tr:last-child td, .panel-body.with-table > .table tr:last-child th {
            border-bottom: 0
        }

.panel-default > .panel-heading + .panel-collapse .panel-body, .panel-footer {
    border-top: 1px solid #eee
}

.panel-footer {
    background: #fff
}

.panel .tab-content {
    border-radius: 0 0 3px 3px
}

.panel-default > .panel-heading {
    background: #fafafa
}

.panel-danger > .panel-heading, .panel-info > .panel-heading, .panel-inverse > .panel-heading, .panel-primary > .panel-heading, .panel-success > .panel-heading, .panel-warning > .panel-heading {
    color: #fff
}

.panel-inverse > .panel-heading {
    background: #1b1120
}

.panel-inverse > .panel-heading-white {
    background: #ebebeb
}

.panel-success > .panel-heading {
    background: #008a8a
}

.panel-warning > .panel-heading {
    background: #c47d15
}

.panel-danger > .panel-heading {
    background: #cc4946
}

.panel-primary > .panel-heading {
    background: #2a72b5
}

.panel-info > .panel-heading {
    background: #3a92ab
}

.panel.panel-expand {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1080
}

.panel-expand .height-full, .panel-expand .height-lg, .panel-expand .height-md, .panel-expand .height-sm, .panel-expand .height-xs {
    height: 100% !important
}

@keyframes panelExpand {
    0% {
        top: 50%;
        left: 50%;
        right: 50%;
        bottom: 50%
    }

    to {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@-webkit-keyframes panelExpand {
    0% {
        top: 50%;
        left: 50%;
        right: 50%;
        bottom: 50%
    }

    to {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.panel.panel-expand > .panel-heading .fa.fa-expand:before {
    content: "\f066"
}

.panel.panel-expand, .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-heading {
    border-radius: 0
}

    .panel.panel-expand > .panel-body {
        top: 40px;
        overflow-y: scroll;
        z-index: 1020
    }

    .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-footer {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0
    }

.panel.panel-loading .panel-body {
    position: relative;
    z-index: 0
}

.panel.panel-loading.panel-expand .panel-body {
    position: absolute
}

.panel.panel-loading .panel-body .panel-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: .9;
    filter: alpha(opacity=90);
    animation: fadeIn .2s;
    -webkit-animation: fadeIn .2s;
    z-index: 1020;
    border-radius: 0 0 4px 4px
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.modal-content {
    border: none;
    border-radius: 3px
}

.modal-content, .modal-content-blue {
    box-shadow: 0 5px 15px rgba(0,0,0,.3)
}

.modal-content-blue {
    border: none;
    background-color: #111832
}

.modal-content-gold {
    border: 3px solid #8e7450;
    box-shadow: 0 5px 15px rgba(0,0,0,.3);
    border-radius: 5px
}

.modal-header {
    padding: 12px 15px;
    border-bottom-color: #7a58bb;
}

    .modal-header .close {
        margin-top: -23px;
    }

.modal-header-blue {
    padding: 12px 15px;
    border-bottom: 1px solid #293047
}

    .modal-header-blue .close {
        margin-top: 2px
    }

.modal-body {
    padding: 15px
}

.modal-footer {
    border-top-color: #e2e7eb;
    padding: 14px 15px 15px
}

.modal-footer-blue {
    border-top: 1px solid #293047;
    padding: 14px 15px 15px
}

.modal-message .modal-dialog {
    width: 100%
}

.modal-message .modal-content {
    border-radius: 0
}

.modal-message .modal-body, .modal-message .modal-footer, .modal-message .modal-header {
    width: 60%;
    border: none;
    margin: 0 auto
}

.modal-backdrop.fade.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

    .media .media-object {
        width: 128px
    }

    .media.media-lg .media-object {
        width: 256px
    }

    .media.media-sm .media-object {
        width: 64px
    }

    .media.media-xs .media-object {
        width: 32px
    }

    .media > .media-left, .media > .pull-left {
        padding-right: 15px
    }

    .media > .media-right, .media > .pull-right {
        padding-left: 15px
    }

    .media a:not(.btn).media-heading:focus, .media a:not(.btn).media-heading:hover, .media a:not(.btn):focus, .media a:not(.btn):focus .media-heading, .media a:not(.btn):hover, .media a:not(.btn):hover .media-heading {
        color: #242a30;
        text-decoration: none
    }

.media-list.media-list-with-divider > li + li {
    border-top: 1px solid #eee;
    padding-top: 20px
}

.table-dark {
    border-radius: 0;
    background: #111;
    width: 100%;
    border: 1px solid #ccc
}

.table {
    border-color: #0e151b;
    border-radius: 3px;
    background: #fff
}

    .table > thead > tr > th {
        color: #242a30;
        font-weight: 600;
        border-bottom: 2px solid #0e151b !important
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border-color: #0e151b;
        padding: 10px 15px;
        background: #fff
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 7px 15px
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background: #e8ecf1 !important
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background: #f0f3f5
}

.table.table-inverse > tbody > tr > td, .table.table-inverse > tbody > tr > th, .table.table-inverse > tfoot > tr > td, .table.table-inverse > tfoot > tr > th, .table.table-inverse > thead > tr > td, .table.table-inverse > thead > tr > th {
    border-color: #999 !important;
    border-color: rgba(0,0,0,.2) !important
}

.table.table-inverse, .table.table-inverse > tbody > tr > th, .table.table-inverse > tfoot > tr > th, .table.table-inverse > thead > tr > th {
    color: #fff
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background: #dbf0f7;
    border-color: #b6e2ef
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background: #cee;
    border-color: #99dede
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background: #ffdedd;
    border-color: #ffbdbc
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background: #fdebd1;
    border-color: #fbd7a3
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background: #f0f3f5;
    border-color: #e2e7e9
}

.well {
    padding: 15px;
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none
}

.well-sm {
    padding: 10px
}

.well-lg {
    padding: 30px
}

.jumbotron {
    background: #f0f3f4
}

    .jumbotron .h1, .jumbotron h1 {
        font-size: 56px
    }

    .jumbotron p {
        font-size: 18px
    }

a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
    background: #348fe2
}

    .nav-pills > .active > a > .badge, a.list-group-item.active > .badge {
        color: #242a30
    }

.nav.nav-pills.nav-sm > li {
    margin: 0 0 3px
}

    .nav.nav-pills.nav-sm > li a {
        padding: 8px 10px;
        line-height: 1.5
    }

.carousel .carousel-control .fa {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    line-height: 30px;
    margin-left: -15px
}

.carousel .carousel-control.left .fa {
    margin-left: 15px
}

.row {
    margin: 0 -10px
}

    .row > [class*=col-] {
        padding: 0 10px
    }

    .row.row-space-0 {
        margin: 0
    }

    .row.row-space-2 {
        margin: 0 -1px
    }

    .row.row-space-4 {
        margin: 0 -2px
    }

    .row.row-space-6 {
        margin: 0 -3px
    }

    .row.row-space-8 {
        margin: 0 -4px
    }

    .row.row-space-10 {
        margin: 0 -5px
    }

    .row.row-space-12 {
        margin: 0 -6px
    }

    .row.row-space-14 {
        margin: 0 -7px
    }

    .row.row-space-16 {
        margin: 0 -8px
    }

    .row.row-space-18 {
        margin: 0 -9px;
        margin: 0 -10px
    }

    .row.row-space-22 {
        margin: 0 -11px
    }

    .row.row-space-24 {
        margin: 0 -12px
    }

    .row.row-space-26 {
        margin: 0 -13px
    }

    .row.row-space-28 {
        margin: 0 -14px
    }

    .row.row-space-30 {
        margin: 0 -15px
    }

    .row.row-space-0 > [class*=col-] {
        padding: 0
    }

    .row.row-space-2 > [class*=col-] {
        padding: 0 1px
    }

    .row.row-space-4 > [class*=col-] {
        padding: 0 2px
    }

    .row.row-space-6 > [class*=col-] {
        padding: 0 3px
    }

    .row.row-space-8 > [class*=col-] {
        padding: 0 4px
    }

    .row.row-space-10 > [class*=col-] {
        padding: 0 5px
    }

    .row.row-space-12 > [class*=col-] {
        padding: 0 6px
    }

    .row.row-space-14 > [class*=col-] {
        padding: 0 7px
    }

    .row.row-space-16 > [class*=col-] {
        padding: 0 8px
    }

    .row.row-space-18 > [class*=col-] {
        padding: 0 9px
    }

    .row.row-space-20 > [class*=col-] {
        padding: 0 10px
    }

    .row.row-space-22 > [class*=col-] {
        padding: 0 11px
    }

    .row.row-space-24 > [class*=col-] {
        padding: 0 12px
    }

    .row.row-space-26 > [class*=col-] {
        padding: 0 13px
    }

    .row.row-space-28 > [class*=col-] {
        padding: 0 14px
    }

    .row.row-space-30 > [class*=col-] {
        padding: 0 15px
    }

.semi-bold {
    font-weight: 600
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.m-auto {
    margin: 0 auto !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 1px !important
}

.m-2 {
    margin: 2px !important
}

.m-3 {
    margin: 3px !important
}

.m-4 {
    margin: 4px !important
}

.m-5 {
    margin: 5px !important
}

.m-6 {
    margin: 6px !important
}

.m-7 {
    margin: 7px !important
}

.m-8 {
    margin: 8px !important
}

.m-9 {
    margin: 9px !important
}

.m-10 {
    margin: 10px !important
}

.m-11 {
    margin: 11px !important
}

.m-12 {
    margin: 12px !important
}

.m-13 {
    margin: 13px !important
}

.m-14 {
    margin: 14px !important
}

.m-15 {
    margin: 15px !important
}

.m-20 {
    margin: 20px !important
}

.m-21 {
    margin: 21px !important
}

.m-22 {
    margin: 22px !important
}

.m-23 {
    margin: 23px !important
}

.m-24 {
    margin: 24px !important
}

.m-25 {
    margin: 25px !important
}

.m-30 {
    margin: 30px !important
}

.m-35 {
    margin: 35px !important
}

.m-40 {
    margin: 40px !important
}

.m-t-m-1 {
    margin-top: -1px !important
}

.m-t-m-2 {
    margin-top: -2px !important
}

.m-t-m-3 {
    margin-top: -3px !important
}

.m-t-m-4 {
    margin-top: -4px !important
}

.m-t-m-5 {
    margin-top: -5px !important
}

.m-t-m-6 {
    margin-top: -6px !important
}

.m-t-m-7 {
    margin-top: -7px !important
}

.m-t-m-8 {
    margin-top: -8px !important
}

.m-t-m-9 {
    margin-top: -9px !important
}

.m-t-m-10 {
    margin-top: -10px !important
}

.m-t-m-15 {
    margin-top: -15px !important
}

.m-t-m-20 {
    margin-top: -20px !important
}

.m-t-m-25 {
    margin-top: -25px !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-t-1 {
    margin-top: 1px !important
}

.m-t-2 {
    margin-top: 2px !important
}

.m-t-3 {
    margin-top: 3px !important
}

.m-t-4 {
    margin-top: 4px !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-t-6 {
    margin-top: 6px !important
}

.m-t-7 {
    margin-top: 7px !important
}

.m-t-8 {
    margin-top: 8px !important
}

.m-t-9 {
    margin-top: 9px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-t-11 {
    margin-top: 11px !important
}

.m-t-12 {
    margin-top: 12px !important
}

.m-t-13 {
    margin-top: 13px !important
}

.m-t-14 {
    margin-top: 14px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-t-16 {
    margin-top: 16px !important
}

.m-t-17 {
    margin-top: 17px !important
}

.m-t-18 {
    margin-top: 18px !important
}

.m-t-19 {
    margin-top: 19px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-t-21 {
    margin-top: 21px !important
}

.m-t-22 {
    margin-top: 22px !important
}

.m-t-23 {
    margin-top: 23px !important
}

.m-t-24 {
    margin-top: 24px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-t-26 {
    margin-top: 26px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-t-31 {
    margin-top: 31px !important
}

.m-t-32 {
    margin-top: 32px !important
}

.m-t-33 {
    margin-top: 33px !important
}

.m-t-34 {
    margin-top: 34px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.m-t-36 {
    margin-top: 36px !important
}

.m-t-37 {
    margin-top: 37px !important
}

.m-t-38 {
    margin-top: 38px !important
}

.m-t-39 {
    margin-top: 39px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-t-41 {
    margin-top: 41px !important
}

.m-t-42 {
    margin-top: 42px !important
}

.m-t-43 {
    margin-top: 43px !important
}

.m-t-44 {
    margin-top: 44px !important
}

.m-t-45 {
    margin-top: 45px !important
}

.m-t-46 {
    margin-top: 46px !important
}

.m-t-47 {
    margin-top: 47px !important
}

.m-t-48 {
    margin-top: 48px !important
}

.m-t-49 {
    margin-top: 49px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.m-t-60 {
    margin-top: 60px !important
}

.m-t-65 {
    margin-top: 65px !important
}

.m-t-70 {
    margin-top: 70px !important
}

.m-t-80 {
    margin-top: 80px !important
}

.m-t-90 {
    margin-top: 90px !important
}

.m-t-100 {
    margin-top: 100px !important
}

.m-t-125 {
    margin-top: 125px !important
}

.m-t-150 {
    margin-top: 150px !important
}

.m-t-160 {
    margin-top: 160px !important
}

.m-t-170 {
    margin-top: 170px !important
}

.m-t-180 {
    margin-top: 180px !important
}

.m-t-190 {
    margin-top: 190px !important
}

.m-t-200 {
    margin-top: 200px !important
}

.m-t-250 {
    margin-top: 250px !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-r-1 {
    margin-right: 1px !important
}

.m-r-2 {
    margin-right: 2px !important
}

.m-r-3 {
    margin-right: 3px !important
}

.m-r-4 {
    margin-right: 4px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-r-6 {
    margin-right: 6px !important
}

.m-r-7 {
    margin-right: 7px !important
}

.m-r-8 {
    margin-right: 8px !important
}

.m-r-9 {
    margin-right: 9px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-r-12 {
    margin-right: 12px !important
}

.m-r-13 {
    margin-right: 13px !important
}

.m-r-14 {
    margin-right: 14px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-r-16 {
    margin-right: 16px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-r-22 {
    margin-right: 22px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.m-r-35 {
    margin-right: 35px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.m-r-280 {
    margin-right: 280px !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-b-1 {
    margin-bottom: 1px !important
}

.m-b-2 {
    margin-bottom: 2px !important
}

.m-b-3 {
    margin-bottom: 3px !important
}

.m-b-4 {
    margin-bottom: 4px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-b-6 {
    margin-bottom: 6px !important
}

.m-b-7 {
    margin-bottom: 7px !important
}

.m-b-8 {
    margin-bottom: 8px !important
}

.m-b-9 {
    margin-bottom: 9px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-b-11 {
    margin-bottom: 11px !important
}

.m-b-12 {
    margin-bottom: 12px !important
}

.m-b-13 {
    margin-bottom: 13px !important
}

.m-b-14 {
    margin-bottom: 14px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-b-16 {
    margin-bottom: 16px !important
}

.m-b-18 {
    margin-bottom: 18px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.m-b-29 {
    margin-bottom: 29px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-b-35 {
    margin-bottom: 35px !important
}

.m-b-40 {
    margin-bottom: 40px !important
}

.m-b-50 {
    margin-bottom: 50px !important
}

.m-b-60 {
    margin-bottom: 50px !important
}

.m-b-100 {
    margin-bottom: 100px !important
}

.m-b-110 {
    margin-bottom: 110px !important
}

.m-b-120 {
    margin-bottom: 120px !important
}

.m-b-130 {
    margin-bottom: 130px !important
}

.m-b-150 {
    margin-bottom: 150px !important
}

.m-b-200 {
    margin-bottom: 200px !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-l-1 {
    margin-left: 1px !important
}

.m-l-2 {
    margin-left: 2px !important
}

.m-l-3 {
    margin-left: 3px !important
}

.m-l-4 {
    margin-left: 4px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-l-6 {
    margin-left: 6px !important
}

.m-l-7 {
    margin-left: 7px !important
}

.m-l-8 {
    margin-left: 8px !important
}

.m-l-9 {
    margin-left: 9px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-l-12 {
    margin-left: 12px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-l-22 {
    margin-left: 22px !important
}

.m-l-24 {
    margin-left: 24px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.m-l-28 {
    margin-left: 28px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.m-l-35 {
    margin-left: 35px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.m-l-50 {
    margin-left: 50px !important
}

.m-l-60 {
    margin-left: 60px !important
}

.m-l-80 {
    margin-left: 80px !important
}

.m-l-90 {
    margin-left: 90px !important
}

.m-l-100 {
    margin-left: 100px !important
}

.m-l-70 {
    margin-left: 70px !important
}

.m-l-280 {
    margin-left: 280px !important
}

.m-l-95 {
    margin-left: 95px !important
}

.m-l-447 {
    margin-left: 447px !important
}

.mgmlr {
    margin-left: 77px !important;
    margin-right: 70px !important
}

.m-l-m-1 {
    margin-left: -1px !important
}

.m-l-m-2 {
    margin-left: -2px !important
}

.m-l-m-3 {
    margin-left: -3px !important
}

.m-l-m-4 {
    margin-left: -4px !important
}

.m-l-m-5 {
    margin-left: -5px !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 1px !important
}

.p-2 {
    padding: 2px !important
}

.p-3 {
    padding: 3px !important
}

.p-4 {
    padding: 4px !important
}

.p-5 {
    padding: 5px !important
}

.p-6 {
    padding: 6px !important
}

.p-7 {
    padding: 7px !important
}

.p-8 {
    padding: 8px !important
}

.p-9 {
    padding: 9px !important
}

.p-10 {
    padding: 10px !important
}

.p-12 {
    padding: 12px !important
}

.p-14 {
    padding: 14px !important
}

.p-15, .wrapper {
    padding: 15px !important
}

.p-16 {
    padding: 16px !important
}

.p-17 {
    padding: 17px !important
}

.p-18 {
    padding: 18px !important
}

.p-19 {
    padding: 19px !important
}

.p-20 {
    padding: 20px !important
}

.p-25 {
    padding: 25px !important
}

.p-30 {
    padding: 30px !important
}

.p-35 {
    padding: 35px !important
}

.p-40 {
    padding: 40px !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-t-1 {
    padding-top: 1px !important
}

.p-t-2 {
    padding-top: 2px !important
}

.p-t-3 {
    padding-top: 3px !important
}

.p-t-4 {
    padding-top: 4px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-t-6 {
    padding-top: 6px !important
}

.p-t-7 {
    padding-top: 7px !important
}

.p-t-8 {
    padding-top: 8px !important
}

.p-t-9 {
    padding-top: 9px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-t-11 {
    padding-top: 11px !important
}

.p-t-12 {
    padding-top: 12px !important
}

.p-t-13 {
    padding-top: 13px !important
}

.p-t-14 {
    padding-top: 14px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-t-16 {
    padding-top: 16px !important
}

.p-t-17 {
    padding-top: 17px !important
}

.p-t-18 {
    padding-top: 18px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-t-22 {
    padding-top: 22px !important
}

.p-t-23 {
    padding-top: 23px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.p-t-26 {
    padding-top: 26px !important
}

.p-t-29 {
    padding-top: 29px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-t-35 {
    padding-top: 35px !important
}

.p-t-38 {
    padding-top: 38px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.p-t-45 {
    padding-top: 45px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.p-t-60 {
    padding-top: 60px !important
}

.p-t-70 {
    padding-top: 70px !important
}

.p-t-102 {
    padding-top: 102px !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-r-1 {
    padding-right: 1px !important
}

.p-r-2 {
    padding-right: 2px !important
}

.p-r-3 {
    padding-right: 3px !important
}

.p-r-4 {
    padding-right: 4px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-r-6 {
    padding-right: 6px !important
}

.p-r-7 {
    padding-right: 7px !important
}

.p-r-8 {
    padding-right: 8px !important
}

.p-r-9 {
    padding-right: 9px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-r-12 {
    padding-right: 12px !important
}

.p-r-14 {
    padding-right: 14px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-r-16 {
    padding-right: 16px !important
}

.p-r-17 {
    padding-right: 17px !important
}

.p-r-18 {
    padding-right: 18px !important
}

.p-r-19 {
    padding-right: 19px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.p-r-35 {
    padding-right: 35px !important
}

.p-r-38 {
    padding-right: 38px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.p-r-100 {
    padding-right: 100px !important
}

.p-r-170 {
    padding-right: 170px !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-b-1 {
    padding-bottom: 1px !important
}

.p-b-2 {
    padding-bottom: 2px !important
}

.p-b-3 {
    padding-bottom: 3px !important
}

.p-b-4 {
    padding-bottom: 4px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-b-6 {
    padding-bottom: 6px !important
}

.p-b-7 {
    padding-bottom: 7px !important
}

.p-b-8 {
    padding-bottom: 8px !important
}

.p-b-9 {
    padding-bottom: 9px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-b-11 {
    padding-bottom: 11px !important
}

.p-b-12 {
    padding-bottom: 12px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-b-16 {
    padding-bottom: 16px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.p-b-35 {
    padding-bottom: 35px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.p-b-60 {
    padding-bottom: 60px !important
}

.p-b-70 {
    padding-bottom: 70px !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-l-1 {
    padding-left: 1px !important
}

.p-l-2 {
    padding-left: 2px !important
}

.p-l-3 {
    padding-left: 3px !important
}

.p-l-4 {
    padding-left: 4px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-l-6 {
    padding-left: 6px !important
}

.p-l-7 {
    padding-left: 7px !important
}

.p-l-8 {
    padding-left: 8px !important
}

.p-l-9 {
    padding-left: 9px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-l-11 {
    padding-left: 11px !important
}

.p-l-12 {
    padding-left: 12px !important
}

.p-l-13 {
    padding-left: 13px !important
}

.p-l-14 {
    padding-left: 14px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-l-16 {
    padding-left: 16px !important
}

.p-l-17 {
    padding-left: 17px !important
}

.p-l-18 {
    padding-left: 18px !important
}

.p-l-19 {
    padding-left: 19px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-l-22 {
    padding-left: 22px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.p-l-35 {
    padding-left: 35px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.p-l-100 {
    padding-left: 100px !important
}

.f-s-7 {
    font-size: 7px !important
}

.f-s-8 {
    font-size: 8px !important
}

.f-s-9 {
    font-size: 9px !important
}

.f-s-10 {
    font-size: 10px !important
}

.f-s-11 {
    font-size: 11px !important
}

.f-s-12 {
    font-size: 12px !important
}

.f-s-13 {
    font-size: 13px !important
}

.f-s-14 {
    font-size: 14px !important
}

.f-s-15 {
    font-size: 15px !important
}

.f-s-16 {
    font-size: 16px !important
}

.f-s-17 {
    font-size: 17px !important
}

.f-s-18 {
    font-size: 18px !important
}

.f-s-19 {
    font-size: 19px !important
}

.f-s-20 {
    font-size: 20px !important
}

.f-s-21 {
    font-size: 21px !important
}

.f-s-22 {
    font-size: 22px !important
}

.f-s-23 {
    font-size: 23px !important
}

.f-s-24 {
    font-size: 24px !important
}

.f-s-25 {
    font-size: 25px !important
}

.f-s-26 {
    font-size: 26px !important
}

.f-s-27 {
    font-size: 27px !important
}

.f-s-28 {
    font-size: 28px !important
}

.f-s-29 {
    font-size: 29px !important
}

.f-s-30 {
    font-size: 30px !important
}

.f-s-35 {
    font-size: 35px !important
}

.f-s-40 {
    font-size: 40px !important
}

.f-s-50 {
    font-size: 50px !important
}

.f-s-60 {
    font-size: 60px !important
}

.f-s-70 {
    font-size: 70px !important
}

.f-s-80 {
    font-size: 80px !important
}

.f-s-90 {
    font-size: 90px !important
}

.f-s-100 {
    font-size: 100px !important
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.pull-none {
    float: none !important
}

.pull_center {
    float: right;
    position: relative;
    left: -50%;
    text-align: left
}

.f-w {
    font-weight: 700 !important
}

.f-w-100 {
    font-weight: 100 !important
}

.f-w-200 {
    font-weight: 200 !important
}

.f-w-300 {
    font-weight: 300 !important
}

.f-w-400 {
    font-weight: 400 !important
}

.f-w-500 {
    font-weight: 500 !important
}

.f-w-600 {
    font-weight: 600 !important
}

.f-w-700 {
    font-weight: 700 !important
}

.f-w-800 {
    font-weight: 800 !important
}

.f-w-900 {
    font-weight: 900 !important
}

.table-td-valign-middle td, .table-th-valign-middle th, .table-valign-middle td, .table-valign-middle th {
    vertical-align: middle !important
}

.table-td-valign-top td, .table-th-valign-top th, .table-valign-top td, .table-valign-top th {
    vertical-align: top !important
}

.table-td-valign-bottom td, .table-th-valign-bottom th, .table-valign-bottom td, .table-valign-bottom th {
    vertical-align: bottom !important
}

.vertical-box {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    height: 100%;
    width: 100%
}

.vertical-box-column {
    display: table-cell;
    vertical-align: top;
    height: 100%
}

.vertical-box-row {
    display: table-row;
    height: 100%
}

    .vertical-box-row > .vertical-box-cell {
        position: relative;
        height: 100%;
        width: 100%;
        float: none
    }

        .vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: hidden
        }

.panel-expand .vertical-box .vertical-box-column {
    display: table-cell
}

.page-content-full-height .content {
    position: absolute;
    left: 0;
    top: 54px;
    right: 0;
    bottom: 0;
    -webkit-transform: translateZ(0)
}

.panel-expand .page-content-full-height .content {
    -webkit-transform: none
}

.no-rounded-corner {
    border-radius: 0 !important
}

.rounded-corner {
    border-radius: 50% !important
}

.no-border {
    border: 0 !important
}

.border-top-1 {
    border-top: 1px solid #eee !important
}

.border-right-1 {
    border-right: 1px solid #eee !important
}

.border-right-1-2 {
    border-right: 1px solid #333e46
}

.border-bottom-1 {
    border-bottom: 1px solid #eee !important
}

.border-left-1 {
    border-left: 1px solid #eee !important
}

.border-1 {
    border: 1px solid #0b0b0c !important
}

.border-t2-b-1 {
    border-top: 1px solid #2c3338 !important
}

.border-t2-b-1, .border-t3-b-1 {
    border-bottom: 1px solid #0e151b !important
}

.border-t3-b-1 {
    border-top: 1px solid #383f46 !important
}

.border-left-live {
    border-left: 1px solid #111 !important
}

.border-right-live {
    border-right: 1px solid #111 !important
}

.border-right-live2 {
    border-right: 1px solid #131313 !important
}

.border-top-live {
    border-top: 1px solid #111 !important
}

.border-bottom-live {
    border-bottom: 1px solid #111 !important
}

.border-left-live2 {
    border-left: 1px solid #333 !important
}

.hrline {
    border: none;
    border-top: 1px solid rgba(0,0,0,.9);
    border-bottom: 1px solid hsla(0,0%,100%,.08)
}

.hrline, .hrlinelive {
    background-color: transparent;
    height: 0;
    margin: 0;
    clear: both
}

.hrlinelive {
    border: none;
    border-top: 1px solid #152b40
}

.no-box-shadow {
    box-shadow: none !important
}

.text-underline {
    text-decoration: underline !important
}

.no-bg {
    background: none !important
}

.shadow {
    box-shadow: 0 0 7px rgba(0,0,0,.5)
}

.no-shadow {
    box-shadow: none !important
}

.height-xs {
    height: 150px !important
}

.height-sm {
    height: 300px !important
}

.height-md {
    height: 450px !important
}

.height-lg {
    height: 600px !important
}

.height-full {
    height: 100% !important
}

.height-3 {
    height: 3px !important
}

.height-4 {
    height: 4px !important
}

.height-5 {
    height: 5px !important
}

.height-6 {
    height: 6px !important
}

.height-10 {
    height: 10px !important
}

.height-15 {
    height: 15px !important
}

.height-17 {
    height: 17px !important
}

.height-18 {
    height: 18px !important
}

.height-20 {
    height: 20px !important
}

.height-21 {
    height: 21px !important
}

.height-22 {
    height: 22px !important
}

.height-23 {
    height: 23px !important
}

.height-24 {
    height: 24px !important
}

.height-25 {
    height: 25px !important
}

.height-27 {
    height: 27px !important
}

.height-28 {
    height: 28px !important
}

.height-29 {
    height: 29px !important
}

.height-30 {
    height: 30px !important
}

.line-height-30 {
    line-height: 30px !important
}

.height-31 {
    height: 31px !important
}

.height-32 {
    height: 32px !important
}

.height-33 {
    height: 33px !important
}

.height-34 {
    height: 34px !important
}

.height-35 {
    height: 35px !important
}

.height-38 {
    height: 38px !important
}

.height-39 {
    height: 39px !important
}

.height-40 {
    height: 40px !important
}

.height-42 {
    height: 42px !important
}

.height-45 {
    height: 45px !important
}

.height-47 {
    height: 47px !important
}

.height-50 {
    height: 50px !important
}

.height-52 {
    height: 52px !important
}

.height-53 {
    height: 53px !important
}

.height-54 {
    height: 54px !important
}

.height-59 {
    height: 59px !important
}

.height-60 {
    height: 60px !important
}

.height-61 {
    height: 61px !important
}

.height-65 {
    height: 65px !important
}

.height-70 {
    height: 70px !important
}

.height-80 {
    height: 80px !important
}

.height-84 {
    height: 84px !important
}

.height-90 {
    height: 90px !important
}

.height-97 {
    height: 97px !important
}

.height-99 {
    height: 99px !important
}

.height-100 {
    height: 100px !important
}

.height-107 {
    height: 107px !important
}

.height-110 {
    height: 110px !important
}

.height-117 {
    height: 117px !important
}

.height-120 {
    height: 120px !important
}

.height-130 {
    height: 130px !important
}

.height-135 {
    height: 135px !important
}

.height-140 {
    height: 140px !important
}

.height-150 {
    height: 150px !important
}

.height-165 {
    height: 165px !important
}

.height-168 {
    height: 168px !important
}

.height-179 {
    height: 179px !important
}

.height-198 {
    height: 198px !important
}

.height-200 {
    height: 200px !important
}

.height-213 {
    height: 213px !important
}

.height-225 {
    height: 225px !important
}

.height-230 {
    height: 230px !important
}

.height-239 {
    height: 239px !important
}

.height-240 {
    height: 240px !important
}

.height-245 {
    height: 245px !important
}

.height-250 {
    height: 250px !important
}

.height-290 {
    height: 290px !important
}

.height-300 {
    height: 300px !important
}

.height-310 {
    height: 310px !important
}

.height-320 {
    height: 320px !important
}

.height-330 {
    height: 330px !important
}

.height-334 {
    height: 334px !important
}

.height-335 {
    height: 335px !important
}

.height-336 {
    height: 336px !important
}

.height-337 {
    height: 337px !important
}

.height-338 {
    height: 338px !important
}

.height-339 {
    height: 339px !important
}

.height-340 {
    height: 340px !important
}

.height-350 {
    height: 350px !important
}

.height-360 {
    height: 360px !important
}

.height-370 {
    height: 370px !important
}

.height-380 {
    height: 380px !important
}

.height-390 {
    height: 390px !important
}

.height-391 {
    height: 391px !important
}

.height-400 {
    height: 400px !important
}

.height-420 {
    height: 420px !important
}

.height-430 {
    height: 430px !important
}

.height-431 {
    height: 431px !important
}

.height-432 {
    height: 432px !important
}

.height-433 {
    height: 433px !important
}

.height-434 {
    height: 434px !important
}

.height-435 {
    height: 435px !important
}

.height-436 {
    height: 436px !important
}

.height-437 {
    height: 437px !important
}

.height-438 {
    height: 438px !important
}

.height-439 {
    height: 439px !important
}

.height-398 {
    height: 398px !important
}

.height-410 {
    height: 410px !important
}

.height-440 {
    height: 440px !important
}

.height-450 {
    height: 450px !important
}

.height-500 {
    height: 500px !important
}

.height-550 {
    height: 550px !important
}

.height-600 {
    height: 600px !important
}

.height-610 {
    height: 610px !important
}

.height-620 {
    height: 620px !important
}

.height-630 {
    height: 630px !important
}

.height-640 {
    height: 640px !important
}

.height-650 {
    height: 650px !important
}

.height-660 {
    height: 660px !important
}

.height-670 {
    height: 670px !important
}

.height-680 {
    height: 680px !important
}

.height-690 {
    height: 690px !important
}

.height-700 {
    height: 700px !important
}

.height-800 {
    height: 800px !important
}

.height-900 {
    height: 900px !important
}

.height-100-pro {
    height: 100% !important
}

.height-100-pro-25 {
    height: calc(100% - 25px) !important
}

.height-auto {
    height: auto
}

.width-xs {
    width: 150px !important
}

.width-sm {
    width: 300px !important
}

.width-md {
    width: 450px !important
}

.width-lg {
    width: 600px !important
}

.width-full {
    width: 100% !important
}

.width-5 {
    width: 5px !important
}

.width-10 {
    width: 10px !important
}

.width-13 {
    width: 13px !important
}

.width-15 {
    width: 15px !important
}

.width-18 {
    width: 18px !important
}

.width-20 {
    width: 20px !important
}

.width-21 {
    width: 21px !important
}

.width-22 {
    width: 22px !important
}

.width-23 {
    width: 23px !important
}

.width-24 {
    width: 24px !important
}

.width-25 {
    width: 25px !important
}

.width-30 {
    width: 30px !important
}

.width-33 {
    width: 33px !important
}

.width-35 {
    width: 35px !important
}

.width-40 {
    width: 40px !important
}

.width-46 {
    width: 46px !important
}

.width-50 {
    width: 50px !important
}

.width-60 {
    width: 60px !important
}

.width-70 {
    width: 70px !important
}

.width-80 {
    width: 80px !important
}

.width-90 {
    width: 90px !important
}

.width-100 {
    width: 100px !important
}

.width-105 {
    width: 105px !important
}

.width-110 {
    width: 110px !important
}

.width-115 {
    width: 115px !important
}

.width-120 {
    width: 120px !important
}

.width-130 {
    width: 130px !important
}

.width-140 {
    width: 140px !important
}

.width-144 {
    width: 144px !important
}

.width-150 {
    width: 150px !important
}

.width-160 {
    width: 160px !important
}

.width-165 {
    width: 165px !important
}

.width-170 {
    width: 170px !important
}

.width-180 {
    width: 180px !important
}

.width-192 {
    width: 192px !important
}

.width-200 {
    width: 200px !important
}

.width-205 {
    width: 205px !important
}

.width-210 {
    width: 210px !important
}

.width-220 {
    width: 220px !important
}

.width-230 {
    width: 230px !important
}

.width-240 {
    width: 240px !important
}

.width-250 {
    width: 250px !important
}

.width-255 {
    width: 255px !important
}

.width-260 {
    width: 260px !important
}

.width-270 {
    width: 270px !important
}

.width-280 {
    width: 280px !important
}

.width-290 {
    width: 290px !important
}

.width-300 {
    width: 300px !important
}

.width-306 {
    width: 306px !important
}

.width-348 {
    width: 348px !important
}

.width-350 {
    width: 350px !important
}

.width-360 {
    width: 360px !important
}

.width-366 {
    width: 366px !important
}

.width-367 {
    width: 367px !important
}

.width-368 {
    width: 368px !important
}

.width-370 {
    width: 370px !important
}

.width-380 {
    width: 380px !important
}

.width-390 {
    width: 390px !important
}

.width-400 {
    width: 400px !important
}

.width-410 {
    width: 410px !important
}

.width-420 {
    width: 420px !important
}

.width-430 {
    width: 430px !important
}

.width-440 {
    width: 440px !important
}

.width-450 {
    width: 450px !important
}

.width-490 {
    width: 490px !important
}

.width-500 {
    width: 500px !important
}

.width-550 {
    width: 550px !important
}

.width-560 {
    width: 560px !important
}

.width-570 {
    width: 570px !important
}

.width-580 {
    width: 580px !important
}

.width-595 {
    width: 595px !important
}

.width-600 {
    width: 600px !important
}

.width-602 {
    width: 602px !important
}

.width-650 {
    width: 650px !important
}

.width-700 {
    width: 700px !important
}

.width-740 {
    width: 740px !important
}

.width-747 {
    min-width: 700px;
    min-width: 407px
}

.width-side {
    width: 294px !important
}

.width-half {
    width: 50% !important
}

.width-11pro {
    width: 11.1% !important
}

.width-12pro {
    width: 12.5% !important
}

.width-14pro {
    width: 14.27% !important
}

.width-33pro {
    width: 33.3% !important
}

.width-16pro {
    width: 16.6% !important
}

.width-20pro {
    width: 20% !important
}

.width-25pro {
    width: 25% !important
}

.width-27pro {
    width: 27.7% !important
}

.width-40pro {
    width: 40% !important
}

.width-48pro {
    width: 48% !important
}

.width-49pro {
    width: 49% !important
}

.width-50pro {
    width: 50% !important
}

.width-80pro {
    width: 80% !important
}

.width-90pro {
    width: 90% !important
}

.width-95pro {
    width: 95% !important
}

.width-98pro {
    width: 98% !important
}

.width-100-pro-10 {
    width: calc(100% - 10px) !important
}

.animated2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scaleX(1.25) scaleY(.75)
    }

    40% {
        transform: scaleX(.75) scaleY(1.25)
    }

    60% {
        transform: scaleX(1.15) scaleY(.85)
    }

    to {
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scaleX(1.25) scaleY(.75)
    }

    40% {
        transform: scaleX(.75) scaleY(1.25)
    }

    60% {
        transform: scaleX(1.15) scaleY(.85)
    }

    to {
        transform: scale(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,to {
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        transform: scale(1)
    }

    10%,20% {
        transform: scale(.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        transform: scale(1)
    }

    10%,20% {
        transform: scale(.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        transform: translateX(0)
    }

    15% {
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        transform: translateX(-5%) rotate(-1deg)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0)
    }

    15% {
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        transform: translateX(-5%) rotate(-1deg)
    }

    to {
        transform: translateX(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    to {
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    to {
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(-30px)
    }

    80% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(-30px)
    }

    80% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(20px)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(20px)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(-20px)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(-20px)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-300px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-300px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(300px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(300px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip
    }

@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        transform: perspective(400px) rotateY(10deg)
    }

    to {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        transform: perspective(400px) rotateY(10deg)
    }

    to {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    to {
        transform: translateX(0) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    to {
        transform: translateX(0) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0deg);
        opacity: 1
    }

    to {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0deg);
        opacity: 1
    }

    to {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    to {
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    to {
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translateY(2000px)
    }

    to {
        opacity: 0;
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translateY(2000px)
    }

    to {
        opacity: 0;
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        transform: rotate(60deg) translateY(0);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        transform: rotate(60deg) translateY(0);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }

    to {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }

    to {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

.fade {
    opacity: 0;
    transition: opacity .3s linear
}

.text-ellipsis {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important
}

.underline {
    border-bottom: 1px solid #e2e7eb !important
}

.underline2 {
    border-bottom: 1px solid #0e151b !important
}

.leftline2 {
    border-left: 1px solid #0e151b !important
}

.rightline2 {
    border-right: 1px solid #0e151b !important
}

.overunderline {
    clear: both;
    padding: 0;
    margin: 10px 0;
    width: 100%;
    height: 1px;
    border-top: 2px solid #0e151b;
    border-bottom: 1px solid #292929
}

.overunderline2 {
    margin: 2px 0
}

.overunderline2, .overunderline3 {
    clear: both;
    padding: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #0e151b;
    border-bottom: 1px solid #292929
}

.overunderline3 {
    margin: 0 0 0 -2px
}

.overunderline4 {
    clear: both;
    padding: 0;
    margin: 2px 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #292929
}

.row > [class*=col-].ui-sortable {
    min-height: 50px
}

.panel [class*=col-].ui-sortable, .theme-panel [class*=col-].ui-sortable {
    min-height: 0
}

.ui-sortable .panel-heading {
    cursor: move
}

.ui-sortable.ui-sortable-disabled .panel-heading {
    cursor: default
}

.ui-sortable-placeholder {
    border: 1px dashed #82868b !important;
    visibility: visible !important;
    background: none;
    margin: 0 !important
}

.panel.ui-sortable-placeholder {
    margin: -1px -1px 19px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important
}

.slimScrollBar, .slimScrollRail {
    width: 5px !important;
    right: 0 !important
}

.gritter-item-wrapper {
    background: none !important;
    overflow: hidden !important;
    border-radius: 3px
}

.gritter-close, .gritter-light .gritter-close {
    left: auto !important;
    right: 15px !important;
    top: 0 !important;
    background: #ff5b57 !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    display: block !important
}

    .gritter-close:before, .gritter-light .gritter-close:before {
        content: "\f00d" !important;
        font-family: FontAwesome !important;
        font-size: 9px !important;
        width: 16px !important;
        height: 16px !important;
        line-height: 16px !important;
        color: #fff !important;
        text-indent: 0 !important;
        position: absolute !important;
        text-align: center !important;
        right: 0 !important;
        top: 0 !important
    }

.gritter-with-image {
    width: 210px !important
}

.gritter-image {
    margin: 2px 10px 0 0 !important;
    border-radius: 2px
}

.gritter-title {
    font-size: 12px !important;
    line-height: 16px !important;
    padding-bottom: 2px !important;
    font-weight: 400 !important;
    color: #fff !important;
    text-shadow: none !important
}

.gritter-light .gritter-title {
    color: #333 !important;
    font-weight: 600 !important
}

.gritter-item {
    font-family: Malgun Gothic,Open Sans !important;
    color: #aaa !important;
    font-size: 10px !important;
    padding: 2px 15px 5px !important
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background: #242a30;
    border-radius: 3px;
    border: none;
    top: 10px;
    left: 8px;
    line-height: 16px;
    box-shadow: none
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background: #00acac
}

body div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 5px 0
}

.dataTables_wrapper table.dataTable {
    margin: 10px 0 !important
}

.dt-buttons.btn-group {
    float: left
}

.dataTables_length, div.dataTables_info {
    float: left;
    margin-right: 15px
}

.dataTables_empty {
    text-align: center
}

table.DTFC_Cloned tr.even {
    background: none !important
}

.DTFC_LeftWrapper div.DTFC_LeftHeadWrapper table, .DTFC_RightWrapper div.DTFC_RightHeadWrapper table, div.dataTables_scrollHead .table {
    margin-bottom: 0 !important;
    border-radius: 0 !important
}

.dataTables_scrollBody .table thead > tr > th, .DTFC_LeftBodyLiner .table thead > tr > th {
    border-bottom: none !important
}

.dataTables_scrollBody, .DTFC_LeftBodyLiner {
    border-bottom: 2px solid #ebeced
}

.dataTables_scroll + .dataTables_info, .dataTables_wrapper .dataTables_scrollBody table.dataTable, .dataTables_wrapper .DTFC_LeftBodyLiner table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important
}

    .dataTables_wrapper .dataTables_scrollBody table.dataTable > tbody > tr > td, .dataTables_wrapper .DTFC_LeftWrapper table.dataTable > tbody > tr > td {
        border-bottom: none !important
    }

.table.fixedHeader-floating thead > tr > th, .table > tbody + thead > tr > th {
    border-top: none;
    border-bottom-width: 1px !important
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr.selected td, table.dataTable tbody > tr > .selected {
    background: #ffc !important;
    color: #707478
}

table.dataTable td.focus, table.dataTable th.focus {
    position: relative;
    z-index: 1000;
    outline: 2px solid #242a30 !important
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background: #eee !important
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:hover, .datepicker table tr td span.active.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td.active:hover {
    background: #348fe2 !important;
    color: #fff !important
}

.datepicker {
    min-width: 250px !important;
    border-radius: 3px !important
}

    .datepicker.dropdown-menu {
        min-width: 250px;
        border: 1px solid #ddd !important;
        -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important;
        -moz-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important
    }

.datepicker-dropdown:before {
    border-bottom-color: #ddd !important
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    border-top-color: #ddd !important
}

.datepicker table {
    width: 100%
}

.input-daterange .input-group-addon {
    background: #d6d8dd !important;
    border: none !important;
    text-shadow: none !important
}

.irs-from, .irs-single, .irs-to {
    background: #2d353c !important
}

.datepicker-full-width .datepicker-inline {
    width: 100%
}

.colorpicker {
    border: 1px solid #ddd !important;
    border-radius: 3px !important
}

.colorpicker-alpha, .colorpicker-hue {
    margin-bottom: 0
}


.bootstrap-timepicker-widget table td input {
    border-radius: 4px !important
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    border: 1px solid #ddd !important;
    max-width: 200px
}

.bootstrap-timepicker-widget table td a:focus, .bootstrap-timepicker-widget table td a:hover {
    background: #348fe2 !important;
    border: none !important;
    color: #fff
}

.ui-widget {
    font-family: Malgun Gothic,Open Sans;
    font-size: 12px
}

.ui-autocomplete {
    padding: 5px 0 !important;
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important;
    border: 1px solid #ccc !important
}

.ui-stats-focus, .ui-stats-hover, .ui-widget-content .ui-stats-focus, .ui-widget-content .ui-stats-hover, .ui-widget-header .ui-stats-focus, .ui-widget-header .ui-stats-hover {
    border: none !important;
    background: #348fe2 !important;
    color: #fff !important;
    margin: 0 !important;
    border-radius: 0 !important
}

.ui-menu .ui-menu-item a {
    padding: 5px 10px
}

.combobox-container {
    display: table;
    border-collapse: separate;
    width: 100%
}

    .combobox-container .uneditable-input, .combobox-container input {
        border: 1px solid #edf0f5;
        background: #edf0f5;
        font-size: 12px;
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        color: #555;
        border-radius: 4px 0 0 4px !important;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

        .combobox-container .uneditable-input:focus, .combobox-container input:focus {
            outline: 0;
            border-color: #d8dce2;
            box-shadow: inset 0 1px 2px rgba(0,0,0,.12)
        }

    .combobox-container .add-on, .combobox-container input {
        display: table-cell !important
    }

    .combobox-container .add-on {
        width: 1% !important;
        padding: 5px 10px !important;
        white-space: nowrap;
        float: none !important;
        background: #d6d8dd !important;
        color: #555 !important
    }

.btn .combobox-clear {
    margin: 0 !important;
    width: 8px !important;
    position: relative;
    opacity: 1;
    filter: alpha(opacity=100)
}

.combobox-container .icon-remove:before {
    content: "\f00d";
    font-family: Malgun Gothic,FontAwesome;
    font-size: 14px;
    font-style: normal;
    position: absolute;
    right: -2px;
    top: 1px;
    text-shadow: none
}

body .bootstrap-select .btn:focus {
    outline: none !important
}

.tagit.ui-widget {
    border: 1px solid #ccd0d4 !important;
    background: #fff !important;
    padding: 3px 12px 2px !important;
    margin-bottom: 0 !important
}

ul.tagit input[type=text] {
    background: #fff !important;
    width: auto !important
}

ul.tagit li.tagit-choice-editable {
    background: #b6c2c9 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 3px !important;
    padding: 2px 24px 3px 7px !important
}

ul.tagit.inverse li.tagit-choice-editable {
    background: #2d353c !important
}

ul.tagit.white li.tagit-choice-editable {
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #0e151b !important
}

ul.tagit.primary li.tagit-choice-editable {
    background: #348fe2 !important
}

ul.tagit.info li.tagit-choice-editable {
    background: #49b6d6 !important
}

ul.tagit.success li.tagit-choice-editable {
    background: #00acac !important
}

ul.tagit.warning li.tagit-choice-editable {
    background: #f59c1a !important
}

ul.tagit.danger li.tagit-choice-editable {
    background: #ff5b57 !important
}

ul.tagit li.tagit-choice .tagit-close {
    right: 2px !important;
    line-height: 22px !important;
    text-align: center !important;
    top: 0 !important;
    margin: 0 !important
}

    ul.tagit li.tagit-choice .tagit-close:focus, ul.tagit li.tagit-choice .tagit-close:hover {
        text-decoration: none !important
    }

        ul.tagit li.tagit-choice .tagit-close:focus .ui-icon-close:before, ul.tagit li.tagit-choice .tagit-close:hover .ui-icon-close:before {
            color: #666;
            color: rgba(0,0,0,.4)
        }

ul.tagit.inverse li.tagit-choice .tagit-close:focus .ui-icon-close:before, ul.tagit.inverse li.tagit-choice .tagit-close:hover .ui-icon-close:before {
    color: #666;
    color: hsla(0,0%,100%,.4)
}

.tagit .ui-icon-close {
    background: none !important;
    height: 22px !important;
    width: 16px !important;
    text-indent: 0 !important
}

.tagit.white .ui-icon-close:before {
    color: #0e151b
}

.tagit .ui-icon-close:before {
    content: "\f00d";
    font-family: Malgun Gothic,FontAwesome;
    font-size: 10px;
    color: #fff
}

.parsley-errors-list {
    padding: 0 !important;
    list-style-type: none !important;
    margin: 0 !important;
    color: #e5603b;
    font-size: 12px !important;
    line-height: inherit !important
}

    .parsley-errors-list.filled {
        margin-top: 5px !important
    }

.parsley-error, .parsley-success {
    color: #333 !important
}

.parsley-error {
    background: #ffdedd !important;
    border-color: #ff5b57 !important
}

.parsley-success {
    background: #cee !important;
    border-color: #00acac !important
}

    .parsley-error:focus, .parsley-success:focus {
        color: #333 !important;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.3) !important;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3) !important
    }

.panel-form .cke_chrome {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none
}

.panel-form .wysihtml5-toolbar {
    padding: 15px 15px 5px
}

.panel-form .wysihtml5-sandbox {
    border-radius: 0 0 4px 4px !important
}

.bwizard-steps {
    font-size: 14px !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    display: table !important;
    width: 100% !important
}

    .bwizard-steps li:after, .bwizard-steps li:before {
        border: none !important
    }

    .bwizard-steps li {
        float: none !important;
        display: table-cell !important;
        padding: 15px !important;
        line-height: 20px !important;
        background: #f0f3f4 !important;
        border-radius: 0 !important
    }

        .bwizard-steps li:focus, .bwizard-steps li:hover {
            background: #d3dadf !important
        }

    .bwizard-steps.clickable li:focus:not(.active) a, .bwizard-steps.clickable li:hover:not(.active) a {
        color: #333 !important
    }

    .bwizard-steps li small {
        font-size: 11px !important;
        color: #999 !important;
        display: block !important;
        line-height: 14px !important
    }

    .bwizard-steps li a {
        margin-left: 30px !important;
        display: block !important;
        text-decoration: none !important
    }

    .bwizard-steps li.active small {
        color: #b2e6e6 !important
    }

    .bwizard-steps .label {
        float: left !important;
        padding: 0 !important;
        height: 20px !important;
        width: 20px !important;
        line-height: 20px !important;
        text-align: center !important;
        margin-right: 10px !important;
        top: 0 !important;
        background: #6d7479 !important;
        border-radius: 50% !important
    }

    .bwizard-steps li.active, .bwizard-steps li.active:focus, .bwizard-steps li.active:hover {
        background: #348fe2 !important
    }

.fc .fc-day-grid-event {
    padding: 1px 2px
}

.fc-event, .fc .fc-event {
    border: none;
    background: #575d63;
    border-radius: 0
}

.fc-event-list .fc-event {
    background: none;
    color: #242a30;
    padding: 10px 15px;
    font-size: 12px;
    margin-left: -15px;
    margin-right: -15px;
    border: 1px solid #d2d6da;
    border-right: none;
    border-left: none
}

    .fc-event-list .fc-event:focus, .fc-event-list .fc-event:hover {
        color: #242a30;
        cursor: pointer;
        background: #f0f3f5
    }

    .fc-event-list .fc-event.ui-draggable-dragging {
        border: 1px dashed #d2d6da
    }

    .fc-event-list .fc-event + .fc-event {
        margin-top: -1px
    }

    .fc-event-list .fc-event .fa {
        float: left;
        margin-right: 10px;
        font-size: 14px
    }

body .fc button {
    font-weight: 400;
    color: #242a30;
    background: #fff;
    border-color: #e2e7eb;
    box-shadow: none;
    padding: 5px 10px;
    height: inherit;
    font-size: 12px;
    line-height: 1.5
}

    body .fc button:active, body .fc button:focus, body .fc button:hover {
        background: #e2e7eb;
        border-color: #d8dde1;
        outline: none
    }

    body .fc button.fc-state-disabled:active, body .fc button.fc-state-disabled:focus, body .fc button.fc-state-disabled:hover {
        background: #fff
    }

    body .fc button.fc-state-active, body .fc button:active {
        background: #e2e7eb;
        border-color: #d8dde1;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.1)
    }

.fc .fc-unthemed .fc-divider, .fc .fc-unthemed .fc-popover, .fc .fc-unthemed .fc-row, .fc .fc-unthemed tbody, .fc .fc-unthemed td, .fc .fc-unthemed th, .fc .fc-unthemed thead {
    border-color: #e2e7eb
}

.fc th {
    padding: 3px 15px;
    color: #242a30;
    font-weight: 600;
    background: #f0f3f5
}

.fc button .fc-icon {
    font-family: Malgun Gothic,FontAwesome;
    margin: 0;
    top: 0;
    width: auto;
    height: auto;
    font-size: 12px
}

.fc .fc-icon-left-single-arrow:after, .fc .fc-icon-right-single-arrow:after {
    content: "\f053";
    font-size: 12px;
    top: 0;
    margin: 0
}

.fc .fc-icon-right-single-arrow:after {
    content: "\f054"
}

.fc .fc-unthemed .fc-today {
    background: #fff8f0
}

.fc .fc-scroller {
    overflow: visible;
    overflow: initial;
    height: auto !important
}

.fc .fc-toolbar h2 {
    font-size: 24px;
    line-height: 30px
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 16px !important;
    height: 16px !important
}

.legendColorBox > div {
    margin-right: 5px !important;
    border-radius: 5px !important;
    margin-top: 1px !important;
    border: none !important
}

.legend > table tr td.legendColorBox {
    padding-left: 5px !important
}

.legend > table tr td {
    padding: 4px 0 5px !important
}

.legend > div {
    border-radius: 4px !important;
    background: #0e151b !important
}

.legend > table tr td.legendLabel {
    padding-right: 10px !important;
    color: #fff
}

.legend > table tr + tr td {
    padding-top: 0 !important
}

.legendColorBox > div > div {
    border-radius: 5px !important;
    border-width: 4px !important
}

.legendLabel, .tickLabel {
    font-size: 11px !important
}

.tickLabel {
    color: #707478 !important
}

.flot-tooltip {
    position: absolute;
    display: none;
    border: 0;
    padding: 6px 10px 7px;
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 10000 !important
}

.jqstooltip {
    border: none !important;
    border-radius: 4px;
    background: #333 !important;
    width: auto !important;
    height: auto !important
}

.result-list:after, .result-list:before {
    content: "";
    display: table;
    clear: both
}

.result-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

    .result-list > li:after, .result-list > li:before {
        content: "";
        display: table;
        clear: both
    }

    .result-list > li {
        background: #fff;
        box-shadow: 0 1px #ccc;
        border-radius: 3px;
        overflow: hidden
    }

        .result-list > li + li {
            margin-top: 10px
        }

        .result-list > li > div {
            display: table-cell;
            vertical-align: top;
            padding: 20px;
            position: relative
        }

    .result-list .result-image {
        width: 240px;
        padding: 0;
        overflow: hidden;
        background: #2d353c;
        vertical-align: middle
    }

        .result-list .result-image a {
            display: block
        }

            .result-list .result-image a:focus, .result-list .result-image a:hover {
                opacity: .8;
                filter: alpha(opacity=80)
            }

        .result-list .result-image img {
            width: 100%
        }

    .result-list .title {
        margin: 0 0 8px;
        font-size: 20px;
        line-height: 24px
    }

        .result-list .title a {
            color: #333
        }

    .result-list .location {
        color: #999
    }

    .result-list .desc {
        margin-bottom: 20px;
        max-height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 16px
    }

    .result-list .btn-row a {
        color: #666;
        font-size: 20px;
        line-height: 14px;
        opacity: .2
    }

        .result-list .btn-row a:focus, .result-list .btn-row a:hover {
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .result-list .btn-row a + a {
            margin-left: 10px
        }

    .result-list .result-price {
        width: 240px;
        font-size: 28px;
        text-align: center;
        border-left: 1px dashed #ddd;
        padding-top: 30px
    }

        .result-list .result-price small {
            display: block;
            font-size: 12px;
            color: #999
        }

        .result-list .result-price .btn {
            margin-top: 30px
        }

.media-messaging .media:first-child {
    padding-top: 0
}

.media-messaging .media:last-child {
    padding-bottom: 0
}

.media-messaging .media {
    padding: 15px
}

    .media-messaging .media p {
        margin: 0
    }

    .media-messaging .media + .media {
        margin-top: 0;
        padding-top: 15px
    }

.widget {
    border-radius: 3px;
    margin-bottom: 20px;
    color: #fff;
    padding: 15px;
    overflow: hidden
}

    .widget.widget-stats {
        position: relative
    }

.widget-stats .stats-info h4 {
    font-size: 12px;
    margin: 5px 0;
    color: #fff
}

.widget-stats .stats-icon {
    font-size: 42px;
    height: 56px;
    width: 56px;
    text-align: center;
    line-height: 56px;
    margin-left: 15px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: .2;
    filter: alpha(opacity=20)
}

.widget-stats .stats-info p {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 0
}

.widget-stats .stats-link a {
    display: block;
    margin: 15px -15px -15px;
    padding: 7px 15px;
    text-align: right;
    color: #ddd;
    font-weight: 300;
    text-decoration: none
}

    .widget-stats .stats-link a:focus, .widget-stats .stats-link a:hover {
        color: #fff
    }

.widget-stats .stats-icon.stats-icon-lg {
    font-size: 52px;
    top: 12px;
    right: 21px
}

.widget-stats .stats-title {
    position: relative;
    line-height: 1.1;
    font-size: 12px;
    margin: 2px 0 7px
}

.widget-stats .stats-desc, .widget-stats .stats-title {
    color: #fff;
    color: hsla(0,0%,100%,.6)
}

.widget-stats .stats-desc {
    font-weight: 300;
    margin-bottom: 0
}

.widget-stats .stats-number {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px
}

.widget-stats .stats-progress .progress-bar {
    background: #fff
}

.todolist {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .todolist > li > a {
        display: block;
        color: #333
    }

        .todolist > li > a:focus, .todolist > li > a:hover {
            background: #fafafa;
            text-decoration: none
        }

            .todolist > li > a:focus .todolist-input i:before, .todolist > li > a:hover .todolist-input i:before {
                content: "\f14a";
                opacity: .4;
                filter: alpha(opacity=40);
                color: #2d353c
            }

    .todolist > li.active > a .todolist-input i:before, .todolist > li.active > a:focus .todolist-input i:before, .todolist > li.active > a:hover .todolist-input i:before {
        content: "\f14a";
        color: #00acac;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .todolist > li.active > a .todolist-title {
        text-decoration: line-through
    }

    .todolist > li {
        border-bottom: 1px solid #ddd
    }

.todolist-input i {
    display: block;
    width: 14px;
    text-align: center
}

.todolist-input, .todolist-title {
    display: table-cell;
    padding: 10px
}

.todolist-title {
    padding-right: 15px
}

.todolist-input {
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #ddd;
    padding-left: 15px
}

.map {
    position: absolute;
    top: 54px;
    bottom: 0;
    left: 220px;
    right: 0;
    z-index: 0;
    -webkit-transform: translateZ(0)
}

    .map .jvectormap-zoomin, .map .jvectormap-zoomout {
        width: 20px !important;
        height: 20px !important;
        font-size: 14px;
        line-height: 14px;
        left: 15px
    }

    .map .jvectormap-zoomin {
        top: 60px
    }

    .map .jvectormap-zoomout {
        top: 90px
    }

.map-float-table {
    position: absolute;
    right: 25px;
    bottom: 25px
}

.map-content {
    padding: 0 25px;
    z-index: 100;
    position: relative
}

.invoice > div:not(.invoice-footer) {
    margin-bottom: 20px
}

.invoice {
    background: #fff;
    padding: 20px
}

.invoice-company {
    font-size: 20px
}

.invoice-header {
    margin: 0 -20px;
    background: #f0f3f4;
    padding: 20px
}

.invoice-date, .invoice-from, .invoice-to {
    display: table-cell;
    width: 1%
}

.invoice-from, .invoice-to {
    padding-right: 20px
}

    .invoice-date .date, .invoice-from strong, .invoice-to strong {
        font-size: 16px;
        font-weight: 600
    }

.invoice-date {
    text-align: right;
    padding-left: 20px
}

.invoice-price {
    background: #f0f3f4;
    display: table;
    width: 100%
}

    .invoice-price .invoice-price-left, .invoice-price .invoice-price-right {
        display: table-cell;
        padding: 20px;
        font-size: 20px;
        font-weight: 600;
        width: 75%;
        position: relative;
        vertical-align: middle
    }

        .invoice-price .invoice-price-left .sub-price {
            display: table-cell;
            vertical-align: middle;
            padding: 0 20px
        }

    .invoice-price small {
        font-size: 12px;
        font-weight: 400;
        display: block
    }

    .invoice-price .invoice-price-row {
        display: table;
        float: left
    }

    .invoice-price .invoice-price-right {
        width: 25%;
        background: #2d353c;
        color: #fff;
        font-size: 28px;
        text-align: right;
        vertical-align: bottom;
        font-weight: 300
    }

        .invoice-price .invoice-price-right small {
            display: block;
            opacity: .6;
            filter: alpha(opacity=60);
            position: absolute;
            top: 10px;
            left: 10px;
            font-size: 12px
        }

.invoice-footer {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    font-size: 10px
}

.invoice-note {
    color: #999;
    margin-top: 80px;
    font-size: 85%
}

.login {
    margin: 168px 0;
    position: relative
}

    .login label {
        color: #707478
    }

    .login .login-header {
        position: absolute;
        top: -80px;
        left: 50%;
        right: 0;
        width: 450px;
        padding: 0 40px;
        margin-left: -225px;
        font-weight: 300
    }

        .login .login-header .brand {
            padding: 0;
            font-size: 28px
        }

            .login .login-header .brand .logo {
                border-color: #4dcaca #31a3a3 #1d8888;
                border-style: solid;
                border-width: 14px;
                width: 28px;
                height: 28px;
                position: relative;
                font-size: 0;
                margin-right: 10px;
                top: -9px
            }

            .login .login-header .brand small {
                font-size: 14px;
                display: block
            }

        .login .login-header .icon {
            position: absolute;
            right: 40px;
            top: -2px;
            opacity: .1;
            filter: alpha(opacity=10)
        }

            .login .login-header .icon i {
                font-size: 70px
            }

    .login .login-content {
        padding: 30px 40px;
        color: #999;
        width: 450px;
        margin: 0 auto
    }

.gallery {
    margin: 0 -10px
}

.gallery-option-set {
    display: block;
    margin-bottom: -5px
}

    .gallery-option-set .btn {
        margin: 0 5px 5px 0
    }

.gallery .image {
    width: 25%;
    display: block;
    margin-right: -10px;
    overflow: hidden;
    padding: 10px
}

    .gallery .image img {
        width: 100%;
        height: 200px;
        border-radius: 3px 3px 0 0
    }

.gallery .image-inner {
    position: relative;
    background: #fff;
    border-radius: 3px 3px 0 0
}

.gallery .image a {
    transition: all .2s linear
}

    .gallery .image a:focus, .gallery .image a:hover {
        opacity: .8;
        filter: alpha(opacity=80)
    }

.gallery .image-caption {
    position: absolute;
    top: 15px;
    left: 0;
    color: #fff;
    padding: 5px 15px;
    margin: 0
}

.gallery .image-info {
    background: #fff;
    padding: 15px;
    border-radius: 0 0 3px 3px
}

    .gallery .image-info .title {
        margin: 0 0 10px;
        line-height: 18px;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .gallery .image-info .rating {
        line-height: 20px;
        margin: 0 0 3px
    }

    .gallery .image-info .desc {
        line-height: 16px;
        font-size: 12px;
        height: 48px;
        overflow: hidden
    }

.gallery .rating span.star {
    font-family: Malgun Gothic,FontAwesome;
    display: inline-block
}

    .gallery .rating span.star:before {
        content: "\f005";
        color: #999
    }

    .gallery .rating span.star.active:before {
        color: #ff8500
    }

.nav-inbox > li > a {
    padding: 8px 15px
}

    .nav-inbox > li > a i {
        font-size: 14px
    }

.table.table-email {
    line-height: 20px;
    margin-bottom: 0
}

.email-footer {
    border-top: 1px solid #ccc;
    padding: 15px 8px;
    line-height: 26px
}

.table.table-email .email-header-link {
    color: #333
}

.table.table-email .email-select {
    width: 20px;
    font-size: 14px
}

    .table.table-email .email-select a {
        color: #999
    }

.table.table-email .email-btn {
    color: #ccc;
    font-size: 14px;
    margin-right: 15px
}

.table.table-email .email-sender {
    padding-right: 25px
}

.table.table-email .email-btn + .email-btn {
    margin-left: -12px
}

.table.table-email .email-btn:focus, .table.table-email .email-btn:hover {
    color: #999
}

.table.table-email tr:hover td {
    background: #fafafa
}

.table.table-email tr.active td.email-select i:before, .table.table-email tr.active th.email-select i:before {
    content: "\f14a"
}

.table.table-email thead tr.active th {
    background: none
}

.email-btn-row {
    margin-bottom: 15px
}

    .email-btn-row .btn + .btn {
        margin-left: 5px
    }

.email-content {
    background: #fff;
    padding: 15px
}

.error {
    margin: 0 auto;
    text-align: center
}

.error-code, .error-content {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transform: translateZ(0)
}

.error-code {
    bottom: 60%;
    color: #2d353c;
    font-size: 96px;
    line-height: 100px
}

.error-content {
    top: 40%;
    bottom: 0;
    padding-top: 15px;
    background: #2d353c
}

.error-message {
    color: #fff;
    font-size: 24px
}

.error-desc {
    font-size: 12px;
    color: #647788
}

.timeline {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}

    .timeline:before {
        content: "";
        position: absolute;
        top: 5px;
        bottom: 5px;
        width: 5px;
        background: #2d353c;
        left: 20%;
        margin-left: -2.5px
    }

    .timeline > li {
        position: relative;
        min-height: 50px
    }

        .timeline > li + li {
            margin-top: 40px
        }

    .timeline .timeline-time {
        position: absolute;
        left: 0;
        width: 15%;
        text-align: right;
        padding-top: 9px;
        font-family: Malgun Gothic,arial,gulim
    }

        .timeline .timeline-time .date, .timeline .timeline-time .time {
            display: block
        }

        .timeline .timeline-time .date {
            line-height: 18px;
            font-size: 14px
        }

        .timeline .timeline-time .time {
            line-height: 28px;
            font-size: 24px;
            color: #242a30
        }

    .timeline .timeline-icon {
        left: 15%;
        position: absolute;
        width: 10%;
        text-align: center;
        top: 5px
    }

        .timeline .timeline-icon a {
            text-decoration: none;
            width: 50px;
            height: 50px;
            display: inline-block;
            border-radius: 50px;
            background: #7b7bff;
            line-height: 40px;
            color: #0e151b;
            font-size: 14px;
            border: 5px solid #2d353c;
            transition: background .2s linear;
            -moz-transition: background .2s linear;
            -webkit-transition: background .2s linear
        }

            .timeline .timeline-icon a:focus, .timeline .timeline-icon a:hover {
                background: #7b7bff
            }

    .timeline .timeline-body {
        font-family: Malgun Gothic,arial,gulim;
        font-size: 14pt;
        color: #fff;
        margin-left: 25%;
        margin-right: 5%;
        background: #1a273e;
        position: relative;
        padding: 17px 30px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px
    }

        .timeline .timeline-body:before {
            content: "";
            display: block;
            position: absolute;
            border: 10px solid transparent;
            border-right-color: #1a273e;
            left: -20px;
            top: 20px
        }

.timeline-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e7eb;
    line-height: 30px
}

    .timeline-header .userimage {
        float: left;
        width: 34px;
        height: 34px;
        border-radius: 40px;
        overflow: hidden;
        margin: -2px 10px -2px 0
    }

    .timeline-header .username {
        font-size: 16px;
        font-weight: 600
    }

        .timeline-header .username, .timeline-header .username a {
            color: #00acac
        }

.timeline img {
    max-width: 100%;
    display: block
}

.timeline-content {
    font-size: 14px
}

    .timeline-content + .timeline-footer, .timeline-header + .timeline-content, .timeline-header + .timeline-footer {
        margin-top: 20px
    }

    .timeline-content:after, .timeline-content:before {
        content: "";
        display: table;
        clear: both
    }

.timeline-title {
    margin-top: 0
}

.timeline-footer {
    margin: -20px -30px;
    padding: 20px 30px;
    background: #e8ecf1;
    border-radius: 0 0 4px 4px
}

    .timeline-footer a:not(.btn) {
        color: #575d63
    }

        .timeline-footer a:not(.btn):focus, .timeline-footer a:not(.btn):hover {
            color: #2d353c
        }

.coming-soon .brand {
    line-height: 40px;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 50px;
    color: #fff;
    text-align: center
}

    .coming-soon .brand .logo {
        border-color: #4dcaca #31a3a3 #1d8888;
        border-style: solid;
        border-width: 16px;
        margin-right: 5px;
        position: relative;
        width: 0;
        height: 0;
        display: inline-block;
        vertical-align: middle;
        top: -4px
    }

.coming-soon .coming-soon-header .brand, .coming-soon .coming-soon-header .desc, .coming-soon .coming-soon-header .timer {
    position: relative;
    z-index: 1020
}

.coming-soon .coming-soon-header:before {
    background: #0e151b
}

.coming-soon .coming-soon-header .bg-cover {
    background: #0e151b;
    opacity: .6;
    filter: alpha(opacity=60);
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0
}

.coming-soon .coming-soon-header .desc {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #fff
}

.coming-soon .coming-soon-header .timer {
    margin-bottom: 50px;
    padding: 10px 0
}

    .coming-soon .coming-soon-header .timer:after, .coming-soon .coming-soon-header .timer:before {
        content: "";
        display: table;
        clear: both
    }

.coming-soon .timer .is-countdown {
    background: none;
    border: none;
    width: 980px;
    margin: 0 auto
}

    .coming-soon .timer .is-countdown .countdown-section {
        padding: 0 10px
    }

        .coming-soon .timer .is-countdown .countdown-section + .countdown-section {
            border-left: 1px solid #fff;
            border-left: 1px solid hsla(0,0%,100%,.3)
        }

.coming-soon .timer .countdown-amount {
    font-size: 36px;
    color: #fff
}

.coming-soon .timer .countdown-period {
    font-size: 14px;
    color: #999
}

.coming-soon a {
    color: #00acac
}

.coming-soon .coming-soon-content {
    color: #333;
    text-align: center;
    padding: 25px 0
}

    .coming-soon .coming-soon-content .desc {
        margin-bottom: 25px;
        font-size: 14px
    }

    .coming-soon .coming-soon-content .input-group {
        width: 480px;
        margin: 0 auto
    }

.theme-panel {
    position: fixed;
    right: -175px;
    top: 150px;
    z-index: 1020;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.4);
    width: 175px;
    transition: right .2s linear
}

    .theme-panel.active {
        right: 0
    }

    .theme-panel .theme-list {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .theme-panel .theme-list + .theme-list {
            margin-top: 10px
        }

        .theme-panel .theme-list > li {
            float: left
        }

            .theme-panel .theme-list > li + li {
                margin-left: 5px
            }

            .theme-panel .theme-list > li > a {
                text-decoration: none
            }

            .theme-panel .theme-list > li.active > a {
                position: relative
            }

                .theme-panel .theme-list > li.active > a:before {
                    content: "\f00c";
                    font-family: Malgun Gothic,FontAwesome;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    font-size: 14px;
                    color: #fff;
                    opacity: .4;
                    filter: alpha(opacity=40);
                    text-align: center
                }

                .theme-panel .theme-list > li.active > a.bg-white:before {
                    color: #666
                }

            .theme-panel .theme-list > li > a {
                width: 20px;
                height: 20px;
                border-radius: 3px;
                display: block;
                transition: all .2s linear
            }

                .theme-panel .theme-list > li > a:focus, .theme-panel .theme-list > li > a:hover {
                    opacity: .6;
                    filter: alpha(opacity=60)
                }

    .theme-panel .theme-collapse-btn {
        position: absolute;
        left: -30px;
        top: 10%;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        color: #333;
        background: #fff;
        border-radius: 4px 0 0 4px;
        text-align: center;
        box-shadow: -1px 0 3px -1px rgba(0,0,0,.4);
        -webkit-box-shadow: -1px 0 3px -1px rgba(0,0,0,.4);
        -moz-box-shadow: -1px 0 3px -1px rgba(0,0,0,.4)
    }

    .theme-panel .theme-panel-content {
        margin: -15px;
        padding: 15px;
        background: #fff;
        position: relative;
        z-index: 1020
    }

    .theme-panel.active .theme-collapse-btn .fa:before {
        content: "\f00d"
    }

    .theme-panel .theme-list a.bg-white {
        border: 1px solid #e2e7eb
    }

    .theme-panel .control-label {
        line-height: 30px
    }

        .theme-panel .control-label.double-line {
            line-height: 15px
        }

    .theme-panel .divider {
        height: 1px;
        margin: 15px 0;
        background: #f2f2f2
    }

.slider-wrapper {
    padding: 15px 30px !important;
    margin-bottom: 10px !important
}

    .slider-wrapper.slider-without-range {
        padding: 15px 0 !important
    }

    .slider-wrapper.slider-vertical {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

.range-max, .range-min {
    color: #242a30 !important
}

.range-handle {
    cursor: pointer !important
}

.range-quantity {
    background: #00acac !important
}

.red .range-quantity {
    background: #ff5b57 !important
}

.blue .range-quantity {
    background: #348fe2 !important
}

.purple .range-quantity {
    background: #727cb6 !important
}

.orange .range-quantity {
    background: #f59c1a !important
}

.black .range-quantity {
    background: #2d353c !important
}

.datetimepicker table tr span.active, .datetimepicker table tr td.active {
    background-image: none !important;
    background: #348fe2 !important;
    color: #fff !important
}

.datetimepicker table {
    width: 100%
}

.datetimepicker td, .datetimepicker th {
    padding: 0 5px !important;
    width: 30px !important;
    height: 30px !important
}

.wysihtml5-sandbox {
    width: 100% !important
}

.twitter-typeahead .tt-hint {
    line-height: 22px;
    padding: 5px 11px;
    opacity: .6;
    filter: alpha(opacity=60)
}

.tt-suggestion.tt-is-under-cursor {
    background: #edf0f5;
    color: #222
}

.transbg {
    margin: 30px auto;
    border-radius: 4px
}

.login-v2-m {
    color: #ccc;
    width: 450px;
    margin: 168px auto;
    position: relative;
    border-radius: 4px
}

    .login-v2-m .login-content {
        padding: 40px
    }

.login.login-v2-m label {
    color: #ccc
}

.login.login-v2-m .login-header, .login.login-v2-m a {
    color: #fff
}

    .login.login-v2-m .login-header .icon {
        opacity: .9;
        filter: alpha(opacity=90)
    }


.login-v2 {
    color: #ccc;
    width: 450px;
    margin: 168px auto;
    position: relative;
    border-radius: 4px
}

    .login-v2 .login-content {
        padding: 40px
    }

.login.login-v2 label {
    color: #ccc
}

.login.login-v2 .login-header, .login.login-v2 a {
    color: #fff
}

    .login.login-v2 .login-header .icon {
        opacity: .4;
        filter: alpha(opacity=40)
    }


.login-cover, .login-cover-bg, .login-cover-image {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .login-cover-image img {
        max-width: 100%;
        top: 0;
        left: 0;
        position: absolute
    }

.login-cover-bg {
    background: #666;
    background: radial-gradient(ellipse at center,#666 0,#0e151b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666",endColorstr="#0e151b000",GradientType=1);
    opacity: .6;
    filter: alpha(opacity=60)
}

.login-bg-list {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 10;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px
}

    .login-bg-list > li {
        width: 80px;
        height: 60px;
        overflow: hidden;
        float: left;
        transition: all .2s linear;
        -webkit-transition: all .2s linear
    }

        .login-bg-list > li a {
            display: block;
            height: 60px
        }

        .login-bg-list > li.active {
            outline: 3px solid #fff;
            z-index: 10;
            position: relative
        }

        .login-bg-list > li img {
            max-height: 100%
        }

.widget-chart {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 20px
}

    .widget-chart .chart-title {
        font-size: 18px !important;
        color: #fff;
        font-weight: 300 !important;
        margin: 2px 5px 7px
    }

        .widget-chart .chart-title small {
            display: block;
            margin-top: 5px;
            font-size: 12px;
            color: #616d72;
            color: hsla(0,0%,100%,.3)
        }

    .widget-chart .widget-chart-content {
        padding: 15px;
        margin-right: 230px
    }

    .widget-chart .widget-chart-sidebar {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 230px;
        padding: 15px
    }

.widget-chart-sidebar .chart-number {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px
}

    .widget-chart-sidebar .chart-number small {
        font-size: 12px;
        color: #616d72;
        color: hsla(0,0%,100%,.3);
        display: block
    }

.widget-chart-sidebar .chart-legend {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    bottom: 10px
}

    .widget-chart-sidebar .chart-legend > li {
        margin-bottom: 5px;
        color: #fff
    }

        .widget-chart-sidebar .chart-legend > li span {
            color: #616d72;
            color: hsla(0,0%,100%,.3)
        }

.morris-inverse .morris-hover {
    border: none !important;
    padding: 8px !important;
    color: #ccc !important
}

.morris-hover {
    z-index: 0 !important
}

.list-group-item.list-group-item-inverse {
    background: #2d353c;
    border-color: #242a30;
    color: #fff;
    font-weight: 300
}

    .list-group-item.list-group-item-inverse .badge-inverse, .list-group-item.list-group-item-inverse .label-inverse {
        background: #242a30;
        background: rgba(0,0,0,.4)
    }

    .list-group-item.list-group-item-inverse:focus, .list-group-item.list-group-item-inverse:hover {
        color: #fff;
        background: #282f35
    }

.bootstrap-calendar .calendar {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 10px 0
}

    .bootstrap-calendar .calendar td {
        border: none !important
    }

    .bootstrap-calendar .calendar .table td {
        padding: 3px 5px
    }

    .bootstrap-calendar .calendar a {
        line-height: 24px
    }

    .bootstrap-calendar .calendar .week_days td {
        background: none;
        color: #a9acae
    }

    .bootstrap-calendar .calendar .visualmonthyear {
        color: #707478
    }

    .bootstrap-calendar .calendar .table.header td {
        color: #707478;
        vertical-align: middle
    }

        .bootstrap-calendar .calendar .table.header td.year {
            font-size: 18px;
            font-weight: 300
        }

    .bootstrap-calendar .calendar .table.header {
        margin-bottom: 5px
    }

        .bootstrap-calendar .calendar .table.header .year {
            width: 72%
        }

    .bootstrap-calendar .calendar .icon-arrow-left, .bootstrap-calendar .calendar .icon-arrow-right {
        cursor: pointer;
        display: inline-block;
        font-family: Malgun Gothic,FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px
    }

        .bootstrap-calendar .calendar .icon-arrow-left:focus, .bootstrap-calendar .calendar .icon-arrow-left:hover, .bootstrap-calendar .calendar .icon-arrow-right:focus, .bootstrap-calendar .calendar .icon-arrow-right:hover {
            color: #2d353c
        }

        .bootstrap-calendar .calendar .icon-arrow-left:before {
            content: "\f060"
        }

        .bootstrap-calendar .calendar .icon-arrow-right:before {
            content: "\f061"
        }

    .bootstrap-calendar .calendar .table {
        margin-bottom: 0
    }

    .bootstrap-calendar .calendar .event a {
        display: block;
        border-radius: 30px;
        background: #fff;
        color: #fff;
        margin: 0 auto
    }

    .bootstrap-calendar .calendar .event .popover a {
        color: #428bca
    }

        .bootstrap-calendar .calendar .event .popover a:focus, .bootstrap-calendar .calendar .event .popover a:hover {
            color: #2a6496;
            text-decoration: underline
        }

    .bootstrap-calendar .calendar .event, .bootstrap-calendar .calendar .event:focus, .bootstrap-calendar .calendar .event:hover, .bootstrap-calendar .calendar .event a:focus, .bootstrap-calendar .calendar .event a:hover {
        text-shadow: none;
        color: #2d353c;
        box-shadow: none;
        font-weight: 400
    }

        .bootstrap-calendar .calendar .event a:focus, .bootstrap-calendar .calendar .event a:hover {
            color: #fff;
            opacity: .8
        }

        .bootstrap-calendar .calendar .event, .bootstrap-calendar .calendar .event:focus, .bootstrap-calendar .calendar .event:hover {
            background: none;
            text-align: center
        }

    .bootstrap-calendar .calendar .fa-circle {
        position: absolute;
        right: 0;
        top: 0
    }

.registered-users-list {
    list-style-type: none;
    margin: 7.5px;
    padding: 0
}

    .registered-users-list > li {
        width: 25%;
        font-size: 12px;
        float: left;
        padding: 7.5px;
        color: #333
    }

        .registered-users-list > li .username {
            font-size: 12px;
            color: #333;
            margin-bottom: 0
        }

        .registered-users-list > li img {
            border-radius: 3px;
            max-width: 100%
        }

        .registered-users-list > li > a {
            display: block;
            margin-bottom: 10px
        }

        .registered-users-list > li .username small {
            display: block;
            font-size: 11px;
            color: #707478;
            margin-top: 3px
        }

.panel-body .chats {
    padding: 0
}

.slimScrollDiv .chats {
    padding-right: 15px
}

.chats {
    list-style-type: none;
    margin: 0;
    padding: 12px 15px 15px
}

    .chats > li + li {
        margin-top: 15px
    }

    .chats > li:after, .chats > li:before {
        content: "";
        display: table;
        clear: both
    }

    .chats .name {
        color: #333;
        display: block;
        margin-bottom: 5px;
        font-weight: 600;
        text-decoration: none
    }

        .chats .name .label {
            font-size: 8px;
            padding: 1px 4px 2px;
            margin-left: 3px;
            position: relative;
            top: -1px
        }

    .chats .date-time {
        font-size: 10px;
        display: block;
        float: right;
        color: #999;
        margin-top: 3px
    }

    .chats .image {
        float: left;
        width: 60px;
        height: 60px;
        border-radius: 4px;
        overflow: hidden
    }

        .chats .image img {
            max-width: 100%
        }

        .chats .image + .message {
            margin-left: 75px
        }

    .chats .message {
        border: 1px solid #ccd0d4;
        padding: 7px 12px;
        font-size: 12px;
        position: relative;
        background: #fff;
        border-radius: 4px
    }

        .chats .message:after, .chats .message:before {
            content: "";
            position: absolute;
            top: 10px;
            left: -14px;
            border: 7px solid transparent;
            border-right-color: #ccd0d4
        }

        .chats .message:after {
            left: -13px;
            border-right-color: #fff
        }

    .chats .right .name {
        text-align: right
    }

    .chats .right .date-time {
        float: left
    }

    .chats .right .image {
        float: right
    }

        .chats .right .image + .message {
            margin-right: 75px;
            margin-left: 0
        }

    .chats .right .message:after, .chats .right .message:before {
        left: auto;
        right: -14px;
        border-right-color: transparent;
        border-left-color: #ccd0d4
    }

    .chats .right .message:after {
        right: -13px;
        border-left-color: #fff
    }

.superbox {
    font-size: 0
}

.superbox-list {
    display: inline-block;
    width: 12.5%;
    margin: 0;
    position: relative
}

    .superbox-list.active:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        border: 10px solid transparent;
        border-bottom-color: #2d353c;
        margin-left: -10px
    }

.superbox-show {
    text-align: center;
    position: relative;
    background: #2d353c;
    width: 100%;
    float: left;
    padding: 25px;
    display: none
}

.superbox-img {
    max-width: 100%;
    width: 100%;
    cursor: pointer
}

.superbox-current-img {
    box-shadow: 0 5px 35px rgba(0,0,0,.65);
    max-width: 100%
}

.superbox-img:hover {
    opacity: .8
}

.superbox-close {
    opacity: .7;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 35px;
    height: 35px
}

.list-email {
    margin-bottom: 0;
    border-top: 1px solid #e2e7eb;
    border-bottom: 1px solid #e2e7eb
}

    .list-email > li.list-group-item {
        border-radius: 0;
        border: none;
        padding: 15px 15px 15px 20px;
        position: relative
    }

        .list-email > li.list-group-item + li.list-group-item {
            border-top: 1px solid #e2e7eb
        }

        .list-email > li.list-group-item:after, .list-email > li.list-group-item:before {
            content: "";
            display: table;
            clear: both
        }

        .list-email > li.list-group-item:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 5px;
            background: #fff
        }

        .list-email > li.list-group-item.success:before {
            background: #00acac
        }

        .list-email > li.list-group-item.info:before {
            background-color: #49b6d6
        }

        .list-email > li.list-group-item.danger:before {
            background-color: #ff5b57
        }

        .list-email > li.list-group-item.primary:before {
            background-color: #348fe2
        }

        .list-email > li.list-group-item.inverse:before {
            background-color: #242a30
        }

        .list-email > li.list-group-item.warning:before {
            background-color: #f59c1a
        }

        .list-email > li.list-group-item.purple:before {
            background-color: #727cb6
        }

        .list-email > li.list-group-item.default:before {
            background-color: #b6c2c9
        }

    .list-email .email-user {
        float: left;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        overflow: hidden;
        font-size: 24px;
        line-height: 50px;
        text-align: center;
        color: #6e7179;
        background: #f4f6f7
    }

        .list-email .email-user img {
            max-width: 100%;
            display: block
        }

        .list-email .email-user + .email-info {
            margin-left: 65px
        }

    .list-email .email-checkbox + .email-user + .email-info {
        margin-left: 95px
    }

    .list-email .email-checkbox + .email-info {
        margin-left: 35px
    }

    .list-email .email-title {
        margin-top: 3px;
        margin-bottom: 3px;
        line-height: 20px
    }

        .list-email .email-title .label {
            position: relative;
            top: -1px
        }

        .list-email .email-title, .list-email .email-title a {
            color: #242a30
        }

    .list-email .email-time {
        float: right;
        font-size: 11px;
        color: #c8cccf;
        margin-left: 10px
    }

    .list-email .email-checkbox {
        float: left;
        width: 20px;
        margin-right: 10px;
        height: 50px;
        line-height: 50px
    }

        .list-email .email-checkbox label {
            color: #e2e7eb;
            display: block;
            cursor: pointer
        }

            .list-email .email-checkbox label input[type=checkbox] {
                display: none
            }

            .list-email .email-checkbox label .fa {
                font-size: 18px;
                transition: all .2s linear;
                -webkit-transition: all .2s linear
            }

            .list-email .email-checkbox label.active {
                color: #707478
            }

                .list-email .email-checkbox label.active .fa:before {
                    content: "\f046"
                }

    .list-email > li.selected {
        background: #f2fffb
    }

.attached-document {
    list-style-type: none;
    margin: 15px 0 0;
    padding: 0
}

    .attached-document > li {
        width: 180px;
        float: left;
        background: #e2e7eb;
        color: #707478;
        position: relative;
        margin-right: 15px;
        margin-bottom: 15px
    }

        .attached-document > li:before {
            content: "\f0c6";
            font-family: Malgun Gothic,FontAwesome;
            position: absolute;
            top: -10px;
            right: 5px;
            font-size: 18px
        }

    .attached-document .document-file {
        height: 70px;
        background: rgba(0,0,0,.1);
        overflow: hidden;
        text-align: center;
        line-height: 70px;
        font-size: 32px
    }

    .attached-document .document-name a {
        color: #2d353c
    }

    .attached-document > li img {
        max-width: 100%
    }

    .attached-document > li .document-name {
        padding: 5px 10px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.ie8 .pace .pace-activity {
    display: none
}

.pace {
    top: 0;
    transition: opacity 1s;
    z-index: 2000
}

    .pace, .pace:before {
        background: none;
        position: fixed;
        left: 0;
        right: 0
    }

        .pace:before {
            content: "";
            top: 54px;
            height: 3px
        }

        .pace .pace-activity {
            display: block;
            position: fixed;
            z-index: 2000;
            top: 65px;
            right: 8px;
            width: 14px;
            height: 14px;
            border-color: #00acac transparent transparent #00acac;
            border-style: solid;
            border-width: 2px;
            border-radius: 10px;
            -webkit-animation: pace-spinner .4s linear infinite;
            animation: pace-spinner .4s linear infinite
        }

@-webkit-keyframes pace-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.navbar-header.navbar-header-without-bg .navbar-brand {
    background: none !important
}

.dropdown.dropdown-lg {
    position: static
}

.dropdown-menu.dropdown-menu-lg {
    left: 20px;
    right: 20px;
    padding: 20px
}

.dropdown-header {
    font-size: 14px;
    font-weight: 700;
    color: #242a30;
    padding: 0;
    margin: 0 0 10px
}

.dropdown-menu.dropdown-menu-lg .nav > li > a {
    padding: 0;
    background: none;
    line-height: 24px
}

.login.login-with-news-feed, .register.register-with-news-feed {
    width: 100%;
    margin: 0;
    padding: 0
}

    .login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed {
        position: fixed;
        left: 0;
        right: 500px;
        top: 0;
        bottom: 0;
        -webkit-transform: translateZ(0);
        overflow: hidden
    }

    .login.login-with-news-feed .news-image, .register.register-with-news-feed .news-image {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0
    }

        .login.login-with-news-feed .news-image img, .register.register-with-news-feed .news-image img {
            position: absolute;
            right: 0;
            top: 0;
            left: 0;
            bottom: 0;
            max-height: 100%;
            min-width: 100%;
            top: -1960px;
            bottom: -1960px;
            left: -1960px;
            right: -1960px;
            margin: auto
        }

    .login.login-with-news-feed .news-caption, .register.register-with-news-feed .news-caption {
        background: hsla(0,0%,100%,.15);
        background: rgba(0,0,0,.7);
        color: #999;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 30px 60px;
        font-size: 14px;
        z-index: 20;
        font-weight: 300;
        min-width: 680px
    }

        .login.login-with-news-feed .news-caption .caption-title, .register.register-with-news-feed .news-caption .caption-title {
            color: #fff;
            color: hsla(0,0%,100%,.8);
            font-weight: 300;
            font-size: 28px
        }

    .login.login-with-news-feed .right-content, .register.register-with-news-feed .right-content {
        float: right;
        width: 500px
    }

    .login.login-with-news-feed .login-content, .register.register-with-news-feed .register-content {
        width: auto;
        padding: 30px 60px
    }

    .register.register-with-news-feed .register-content {
        padding: 20px 60px 30px
    }

    .login.login-with-news-feed .login-header, .register.register-with-news-feed .register-header {
        position: relative;
        top: 0;
        margin: 0;
        left: 0;
        right: 0;
        padding: 100px 60px 0
    }

    .register.register-with-news-feed .register-header {
        padding: 60px 60px 0;
        font-size: 32px
    }

        .register.register-with-news-feed .register-header small {
            color: #707478;
            display: block;
            font-size: 14px;
            margin-top: 10px;
            line-height: 20px
        }

    .login.login-with-news-feed .login-header .brand {
        color: #242a30
    }

        .login.login-with-news-feed .login-header .brand small {
            color: #707478
        }

    .login.login-with-news-feed .login-header .icon {
        top: 98px;
        right: 10px
    }

.daterangepicker td.active, .daterangepicker td.active:hover {
    background: #348fe2 !important;
    text-shadow: none !important;
    color: #fff
}

.daterangepicker .calendar td, .daterangepicker .calendar th {
    padding: 7px !important
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #348fe2 !important;
    color: #fff !important
}

.daterangepicker .ranges li {
    color: #242a30 !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #348fe2 !important
}

.select2-container--default .select2-selection--multiple, .select2-container .select2-selection--single {
    min-height: 34px !important;
    border-color: #e2e7eb !important
}

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 12px !important
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
    font-size: 14px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 5px !important;
    height: 32px !important
}

.select2-dropdown {
    border: none !important;
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important
}

.select2-container--default .select2-results__group {
    color: #242a30 !important
}

.select2-container--default .select2-search--inline .select2-search__field {
    height: 23px;
    padding-left: 5px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 6px 12px !important;
    height: 34px
}

    .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field:focus {
        border-color: #9fa2a5 !important;
        box-shadow: none !important;
        outline: none !important
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 6px !important
}

.navbar-language .flag-icon {
    font-size: 15px;
    margin: 2px 7px 0;
    float: left
}

.profile-container {
    background: #fff;
    padding: 20px;
    border-radius: 4px
}

    .profile-container:after, .profile-container:before {
        content: "";
        display: table;
        clear: both
    }

.profile-left {
    width: 200px;
    float: left
}

.profile-right {
    margin-left: 240px;
    padding-right: 20px
}

.profile-image {
    height: 175px;
    line-height: 175px;
    text-align: center;
    font-size: 72px;
    margin-bottom: 10px;
    border: 2px solid #e2e7eb;
    overflow: hidden;
    border-radius: 4px
}

    .profile-image img {
        display: block;
        max-width: 100%
    }

.profile-highlight {
    padding: 12px 15px;
    background: #fefde1;
    border-radius: 4px
}

    .profile-highlight h4 {
        margin: 0 0 7px;
        font-size: 12px;
        font-weight: 700
    }

.table.table-profile > thead > tr > th {
    border-bottom: none !important
}

    .table.table-profile > thead > tr > th h4 {
        font-size: 20px;
        margin-top: 0
    }

        .table.table-profile > thead > tr > th h4 small {
            display: block;
            font-size: 12px;
            font-weight: 400;
            margin-top: 5px
        }

.table.table-profile > tbody > tr > td, .table.table-profile > thead > tr > th {
    border: none;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #242a30
}

    .table.table-profile > tbody > tr > td.field {
        width: 120px;
        text-align: right;
        font-weight: 600;
        color: #777
    }

.table.table-profile > tbody > tr.highlight > td {
    border-top: 1px solid #e2e7eb;
    border-bottom: 1px solid #e2e7eb
}

.table.table-profile > tbody > tr.divider > td {
    padding: 0 !important;
    height: 10px
}

.profile-section + .profile-section {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e2e7eb
}

.profile-section:after, .profile-section:before {
    content: "";
    display: table;
    clear: both
}

.profile-section .title {
    font-size: 20px;
    margin: 0 0 15px
}

    .profile-section .title small {
        font-weight: 400
    }

.panel-body[class*=bg-] {
    border-radius: 0 0 3px 3px
}

body .bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto
}

body .bootstrap-datetimepicker-widget .timepicker-hour, body .bootstrap-datetimepicker-widget .timepicker-minute, body .bootstrap-datetimepicker-widget .timepicker-second {
    border: 2px solid #e2e7eb;
    border-radius: 3px
}

body .bootstrap-datetimepicker-widget.dropdown-menu, body .bootstrap-datetimepicker-widget a[data-action] {
    color: #242a30
}

body .bootstrap-datetimepicker-widget table td {
    height: 32px;
    width: 32px;
    line-height: 32px
}

.sidebar.sidebar-transparent, .sidebar.sidebar-transparent .sub-menu {
    background: none
}

    .sidebar.sidebar-transparent + .sidebar-bg:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .sidebar.sidebar-transparent .nav > li.nav-header {
        color: #fff
    }

.top-menu {
    position: relative;
    width: 100%;
    height: 42px;
    background-color: #291931;
    border-bottom: 1px solid #4c305a;
}

.top-menu-yellow1 {
    background: #d40511 !important;
    border-top: 2px solid #d40511 !important;
    border-bottom: 2px solid #d40511 !important
}

.top-menu-white, .top-menu-white1 {
    background: #efefef !important;
    border-top: 2px solid #efefef !important;
    border-bottom: 2px solid #efefef !important
}

.top-menu-red {
    background: #c80000 !important;
    border-top: 2px solid #c80000 !important;
    border-bottom: 2px solid #c80000 !important
}

.top-menu-gold {
    background: #e79c62 !important;
    border-top: 2px solid #e79c62 !important;
    border-bottom: 2px solid #e79c62 !important
}

.top-menu-in {
    /* height:43px;
	margin-left:280px;
	margin-right:280px;
	padding:0 10px */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 68px;
    width: 100%;
    height: 100%;
}

.container-fluid {
    height: 80px;
    vertical-align: middle;
    background: #111
}

.top-menu-in .has-sub {
    height: 43px;
    line-height: 43px
}

.top-menu .nav {
    /* white-space:nowrap;
	list-style-type:none;
	display:table;
	width:100% */
    display: flex;
    align-items: center;
    gap: 60px;
    height: 100%;
}

    .top-menu .nav > li {
        /* position:relative;
	display:table-cell;
	vertical-align:middle */
        display: inline-flex;
        align-items: center;
        height: 100%;
    }

        .top-menu .nav > li + li {
            margin-left: -3px
        }

        .top-menu .nav > li > a {
            /* padding:10px 20px;
	color:#a8acb1;
	line-height:20px;
	font-weight: bold; */
            position: relative;
            opacity: 1;
            transition: 0.15s;
            will-change: opacity;
        }

            .top-menu .nav > li > a .badge, .top-menu .nav > li > a .label {
                margin-left: 5px
            }

            .top-menu .nav > li > a .badge {
                background: #1b1f24
            }

                .top-menu .nav > li > a .badge.pull-right, .top-menu .nav > li > a .label.pull-right {
                    margin-top: 1px
                }

            .top-menu .nav > li > a i {
                float: left;
                font-size: 14px;
                margin-right: 10px;
                line-height: 18px;
                width: 14px;
                text-align: center
            }

            .top-menu .nav > li > a .caret.pull-right {
                margin-top: 8px;
                margin-left: 5px
            }

            .top-menu .nav > li:focus > a, .top-menu .nav > li:hover > a, .top-menu .nav > li > a:focus, .top-menu .nav > li > a:hover {
                /* background:#232a2f;
	border-bottom:3px solid var(--main-color);
	height:41px */
            }

    .top-menu .nav .sub-menu {
        display: none;
        position: absolute;
        left: 0;
        width: 220px;
        top: 100%;
        background: #1a2229;
        list-style-type: none;
        margin: 0;
        padding: 10px 0
    }

.top-menu .sub-menu > li > a {
    padding: 5px 20px;
    display: block;
    color: #8a8f94;
    text-decoration: none;
    position: relative
}

.top-menu .nav .sub-menu > li > a .caret {
    margin-top: 7px
}

.top-menu .sub-menu .sub-menu {
    position: relative;
    left: 0;
    top: 0
}

.top-menu .sub-menu > li.active > a, .top-menu .sub-menu > li.active > a:focus, .top-menu .sub-menu > li.active > a:hover, .top-menu .sub-menu > li > a:focus, .top-menu .sub-menu > li > a:hover {
    color: #fff
}

.top-menu .nav > li.has-sub:hover > .sub-menu {
    display: block
}

.top-menu .nav > li.active > a, .top-menu .nav > li.active > a:focus, .top-menu .nav > li.active > a:hover {
    background: #00acac;
    color: #fff
}

.top-menu .nav > li.menu-control {
    position: absolute;
    top: 0;
    width: 40px;
    background: #2d353c;
    height: 40px;
    margin: 0
}

    .top-menu .nav > li.menu-control > a {
        padding: 0;
        text-align: center;
        line-height: 40px
    }

        .top-menu .nav > li.menu-control > a i {
            float: none;
            margin: 0;
            font-size: 18px;
            display: block;
            line-height: 40px;
            color: #fff;
            width: auto
        }

    .top-menu .nav > li.menu-control.menu-control-left {
        left: -50px
    }

    .top-menu .nav > li.menu-control.menu-control-right {
        right: -50px
    }

@keyframes slideInLeft {
    0% {
        left: -50px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        left: -50px
    }

    to {
        left: 0
    }
}

.top-menu .nav > li.menu-control.menu-control-left.show {
    -webkit-animation: slideInLeft .2s;
    animation: slideInLeft .2s;
    left: 0
}

@keyframes slideInRight {
    0% {
        right: -50px
    }

    to {
        right: 0
    }
}

@-webkit-keyframes slideInRight {
    0% {
        right: -50px
    }

    to {
        right: 0
    }
}

.top-menu .nav > li.menu-control.menu-control-right.show {
    -webkit-animation: slideInRight .2s;
    animation: slideInRight .2s;
    right: 0
}

.top-menu .nav > li.menu-control.menu-control-left > a {
    box-shadow: 5px 0 8px -3px rgba(0,0,0,.5)
}

.top-menu .nav > li.menu-control.menu-control-right > a {
    box-shadow: -5px 0 8px -3px rgba(0,0,0,.5)
}

.list-box-g-agero {
    display: table;
    vertical-align: middle;
    color: #ddd;
    overflow-x: hidden
}

.list-box-g, .list-box-g-agero {
    width: 100%;
    padding: 0;
    margin: 0;
    height: 52px;
    margin-top: 5px;
}

    .list-box-g:first-child {
        margin-top: 0px;
    }

.list-box-g {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    overflow: hidden
}

.list-box-g2 {
    display: flex;
    flex: 1 1 0px
}

.list-box-g2, .list-box-mg {
    vertical-align: middle;
    width: 100%;
    padding: 0;
    margin: 0
}

.list-box-mg {
    display: table;
    color: var(--main-color);
    overflow-x: hidden;
    line-height: 20px;
    font-size: 23pt;
    font-family: Malgun Gothic,dotum
}

.hva-txt {
    display: table-cell;
    vertical-align: middle;
    overflow-x: hidden
}

.width-fixed {
    width: 100%;
    min-width: 1380px
}

.time-g {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 7%;
    min-width: 73px;
    padding: 1px;
    overflow-x: hidden
}

.home-t {
    width: calc(50% - 39px)
}

.home-t2 {
    display: flex;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    overflow: hidden;
    float: left;
}

.away-t2 {
    display: flex;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    overflow: hidden;
    float: left;
}

.type-t2 {
    display: flex;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    overflow: hidden;
    float: left;
}

.new-box-g .home-t, .new-box-g .away-t {
    width: 44%;
}

.new-box-g2 .home-t2, .new-box-g2 .away-t2 {
    width: calc(50% - 80px);
}

.vs-t2 {
    width: 60px
}

.type-t2 {
    width: 84px
}

.home-t, .vs-t {
    display: flex;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    overflow: hidden;
    float: left
}

.vs-t {
    width: 12%
}

.away-t {
    display: flex;
    text-align: center;
    vertical-align: middle;
    width: calc(50% - 39px);
    padding: 1px;
    overflow: hidden;
    float: left
}

.hva_bt_sub1 {
    display: flex;
    flex: 1 1 0
}

.betType {
    width: 92px;
}

.hva_bt_sub1, .hva_bt_sub1-agero {
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    overflow-x: hidden;
    position: relative
}

.hva_bt_sub1-agero {
    display: table-cell;
    width: 33.3%
}

.hva_bt_sub2 {
    width: 50%;
    padding: 1px;
    position: relative
}

.etc-live, .hva_bt_sub2 {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    overflow-x: hidden
}

.etc-live {
    padding: 0
}

.etc-live-ban {
    text-align: center;
    width: 50%;
    padding: 0
}

.etc-live-ban, .etc-live-l {
    display: table-cell;
    vertical-align: middle;
    overflow-x: hidden
}

.etc-live-l {
    text-align: left
}

.etc-live-r {
    text-align: right;
    width: 50px;
    min-width: 50px
}

.etc-l, .etc-live-r {
    display: table-cell;
    vertical-align: middle;
    overflow-x: hidden
}

.etc-l {
    text-align: center;
    width: 7%;
    min-width: 73px;
    padding: 1px
}

.table-is {
    width: 100%;
    height: 100%
}

.table-h {
    background: #25292c;
    border: 1px solid #25292c;
    color: #fafafa;
    height: 30px
}

.table-h, .table-h-grey {
    padding: 4px;
    font-size: 16px
}

.table-h-grey {
    background: #b5b5b7;
    border: 1px solid #b5b5b7;
    color: #fff;
    height: 22px
}

.table-b {
    background: #171c20;
    border: 1px solid #333e46;
    padding: 4px;
    color: #e8e8e8;
    height: 65px;
    font-size: 14px
}

.table-b-white {
    background: #fff;
    border: 1px solid #0e151b;
    color: #0e151b
}

.table-b-black, .table-b-white {
    padding: 4px;
    height: 40px;
    font-size: 14px
}

.table-b-black {
    background: #191919;
    border: 1px solid #fff;
    color: #fff
}

.cursor {
    cursor: pointer
}

.sport-icon {
    background: url(../../assets/vegas_files/26163eb.svg) no-repeat
}

.sport-icon, .sport-icon-yellow {
    height: 20px;
    width: 22px;
    display: inline-block
}

.sport-icon-yellow {
    background: url(../../assets/vegas_files/d87ea41.png) no-repeat
}

.sport-icon.athletics {
    height: 20px;
    width: 25px;
    background-position: 0 0
}

.sport-icon.aussie-rules {
    height: 20px;
    width: 25px;
    background-position: -36px 0
}

.sport-icon.bandy {
    height: 20px;
    width: 25px;
    background-position: -108px 0
}

.sport-icon.sicon3 {
    height: 20px;
    width: 25px;
    background-position: -144px 0
}

.sport-icon.sicon2 {
    height: 20px;
    width: 25px;
    background-position: -180px 0
}

.sport-icon.sicon26 {
    height: 20px;
    width: 25px;
    background-position: -216px 0
}

.sport-icon.betting-menu-expand-or-collapse-icon {
    height: 20px;
    width: 25px;
    background-position: -252px 0
}

.sport-icon.biathlon {
    height: 20px;
    width: 25px;
    background-position: -288px 0
}

.sport-icon.bobsleigh {
    height: 20px;
    width: 25px;
    background-position: -324px 0
}

.sport-icon.sicon10 {
    height: 20px;
    width: 25px;
    background-position: -360px 0
}

.sport-icon.burger-menu {
    height: 20px;
    width: 25px;
    background-position: -396px 0
}

.sport-icon.casino {
    height: 20px;
    width: 25px;
    background-position: -432px 0
}

.sport-icon.chess {
    height: 20px;
    width: 25px;
    background-position: -468px 0
}

.sport-icon.close {
    height: 20px;
    width: 25px;
    background-position: -504px 0
}

.sport-icon.sicon21 {
    height: 20px;
    width: 25px;
    background-position: -540px 0
}

.sport-icon.sicon28 {
    height: 20px;
    width: 25px;
    background-position: 0 -36px
}

.sport-icon.cycling {
    height: 20px;
    width: 25px;
    background-position: -36px -36px
}

.sport-icon.sicon22 {
    height: 20px;
    width: 25px;
    background-position: -72px -36px
}

.sport-icon.ellipsis-icon {
    height: 20px;
    width: 25px;
    background-position: -108px -36px
}

.sport-icon.esports {
    height: 20px;
    width: 25px;
    background-position: -144px -36px
}

.sport-icon.f1 {
    height: 20px;
    width: 25px;
    background-position: -180px -36px
}

.sport-icon.field-hockey {
    height: 20px;
    width: 25px;
    background-position: -216px -36px
}

.sport-icon.figure-skating {
    height: 20px;
    width: 25px;
    background-position: -252px -36px
}

.sport-icon.sicon12 {
    height: 20px;
    width: 25px;
    background-position: -288px -36px
}

.sport-icon.sicon9 {
    height: 20px;
    width: 25px;
    background-position: -324px -36px
}

.sport-icon.sicon6 {
    height: 20px;
    width: 25px;
    background-position: -360px -36px
}

.sport-icon.help {
    height: 20px;
    width: 25px;
    background-position: -396px -36px
}

.sport-icon.home {
    height: 20px;
    width: 25px;
    background-position: -432px -36px
}

.sport-icon.sicon4 {
    height: 20px;
    width: 25px;
    background-position: -468px -36px
}

.sport-icon.ice-skating {
    height: 20px;
    width: 25px;
    background-position: -504px -36px
}

.sport-icon.lacrosse {
    height: 20px;
    width: 25px;
    background-position: -540px -36px
}

.sport-icon.live-games {
    height: 20px;
    width: 25px;
    background-position: 0 -72px
}

.sport-icon.luge {
    height: 20px;
    width: 25px;
    background-position: -36px -72px
}

.sport-icon.magic-the-gathering {
    height: 20px;
    width: 25px;
    background-position: -72px -72px
}

.sport-icon.message-icon {
    height: 20px;
    width: 25px;
    background-position: -108px -72px
}

.sport-icon.misc {
    height: 20px;
    width: 25px;
    background-position: -144px -72px
}

.sport-icon.sicon117 {
    height: 20px;
    width: 25px;
    background-position: -180px -72px
}

.sport-icon.sicon11 {
    height: 20px;
    width: 25px;
    background-position: -216px -72px
}

.sport-icon.outrights-specials-competitions-generic {
    height: 20px;
    width: 25px;
    background-position: -252px -72px
}

.sport-icon.paddle-tennis {
    height: 20px;
    width: 25px;
    background-position: -288px -72px
}

.sport-icon.parlays-teasers {
    height: 20px;
    width: 25px;
    background-position: -324px -72px
}

.sport-icon.pin-pinned {
    height: 20px;
    width: 25px;
    background-position: -360px -72px
}

.sport-icon.politics {
    height: 20px;
    width: 25px;
    background-position: -396px -72px
}

.sport-icon.reload {
    height: 20px;
    width: 25px;
    background-position: -432px -72px
}

.sport-icon.rink-hockey {
    height: 20px;
    width: 25px;
    background-position: -468px -72px
}

.sport-icon.rugby {
    height: 20px;
    width: 25px;
    background-position: -504px -72px
}

.sport-icon.rugby-league {
    height: 20px;
    width: 25px;
    background-position: -540px -72px
}

.sport-icon.rugby-union {
    height: 20px;
    width: 25px;
    background-position: 0 -108px
}

.sport-icon.short-track {
    height: 20px;
    width: 25px;
    background-position: -36px -108px
}

.sport-icon.skeleton {
    height: 20px;
    width: 25px;
    background-position: -72px -108px
}

.sport-icon.skiing {
    height: 20px;
    width: 25px;
    background-position: -108px -108px
}

.sport-icon.sicon19 {
    height: 20px;
    width: 25px;
    background-position: -144px -108px
}

.sport-icon.sicon1 {
    height: 20px;
    width: 25px;
    background-position: -180px -108px
}

.sport-icon.squash {
    height: 20px;
    width: 25px;
    background-position: -216px -108px
}

.sport-icon.surfing {
    height: 20px;
    width: 25px;
    background-position: -252px -108px
}

.sport-icon.sicon20 {
    height: 20px;
    width: 25px;
    background-position: -288px -108px
}

.sport-icon.sicon5 {
    height: 20px;
    width: 25px;
    background-position: -324px -108px
}

.sport-icon.upcoming-games {
    height: 20px;
    width: 25px;
    background-position: -360px -108px
}

.sport-icon.sicon23 {
    height: 20px;
    width: 25px;
    background-position: -396px -108px
}

.sport-icon.icon-water-polo {
    height: 20px;
    width: 25px;
    background-position: -432px -108px
}

.sport-icon.icon-winter-sports-1 {
    height: 20px;
    width: 25px;
    background-position: -468px -108px
}

.sport-icon.icon-winter-sports-2 {
    height: 20px;
    width: 25px;
    background-position: -504px -108px
}

.alpha-100 {
    opacity: 1;
    -moz-opacity: 1
}

.alpha-99, .alpha-100 {
    filter: alpha(opacity=99)
}

.alpha-99 {
    opacity: .99;
    -moz-opacity: .99
}

.alpha-98 {
    filter: alpha(opacity=98);
    opacity: .98;
    -moz-opacity: .98
}

.alpha-97 {
    filter: alpha(opacity=97);
    opacity: .97;
    -moz-opacity: .97
}

.alpha-96 {
    filter: alpha(opacity=96);
    opacity: .96;
    -moz-opacity: .96
}

.alpha-95 {
    filter: alpha(opacity=95);
    opacity: .95;
    -moz-opacity: .95
}

.alpha-94 {
    filter: alpha(opacity=94);
    opacity: .94;
    -moz-opacity: .94
}

.alpha-93 {
    filter: alpha(opacity=93);
    opacity: .93;
    -moz-opacity: .93
}

.alpha-92 {
    filter: alpha(opacity=92);
    opacity: .92;
    -moz-opacity: .92
}

.alpha-91 {
    filter: alpha(opacity=91);
    opacity: .91;
    -moz-opacity: .91
}

.alpha-90 {
    filter: alpha(opacity=90);
    opacity: .9;
    -moz-opacity: .9
}

.alpha-80 {
    filter: alpha(opacity=80);
    opacity: .8;
    -moz-opacity: .8
}

.alpha-70 {
    filter: alpha(opacity=70);
    opacity: .7;
    -moz-opacity: .7
}

.alpha-60 {
    filter: alpha(opacity=60);
    opacity: .6;
    -moz-opacity: .6
}

.alpha-50 {
    filter: alpha(opacity=50);
    opacity: .5;
    -moz-opacity: .5
}

.alpha-40 {
    filter: alpha(opacity=40);
    opacity: .4;
    -moz-opacity: .4
}

.alpha-30 {
    filter: alpha(opacity=30);
    opacity: .3;
    -moz-opacity: .3
}

.alpha-20 {
    filter: alpha(opacity=20);
    opacity: .2;
    -moz-opacity: .2
}

.alpha-10 {
    filter: alpha(opacity=10);
    opacity: .1;
    -moz-opacity: .1
}

.alpha-0 {
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0
}

.bettingbox {
    padding: 0
}

.betlistbox, .bettingbox {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.betlistbox {
    clear: both;
    width: 251px;
    height: 67px;
    text-align: left;
    margin: 1px 0 3px 1px;
    overflow-x: hidden;
    overflow-y: hidden
}

.betlistcolor_a {
    width: 210px;
    min-width: 210px;
    color: #0e151b;
    font-size: 8pt;
    margin: 7px 0 0 4px;
    overflow: hidden
}

.betlistcolor_a, .betlistcolor_b {
    float: left;
    font-family: Malgun Gothic,dotum;
    height: 17px;
    line-height: 17px;
    padding: 0
}

.betlistcolor_b {
    width: 190px;
    min-width: 190px;
    color: #d65708;
    font-size: 12px;
    margin: 1px 0 0 4px;
    overflow-x: hidden
}

.betlistcolor_b_odd {
    color: #fff;
    font-weight: 700;
    font-size: 9pt;
    background-color: #d75809;
    height: 17px;
    border-radius: 3px;
    padding: 0 3px;
    margin: 0 6px 0 0
}

.betlistclose, .betlistcolor_b_odd {
    float: right;
    font-family: Malgun Gothic,dotum;
    line-height: 17px
}

.betlistclose {
    color: #d20000;
    font-size: 19px;
    padding: 5px 10px 10px;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 7px
}

    .betlistclose:hover {
        color: #f37e82
    }

.display-none {
    display: none
}

.display-flex {
    display: flex
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-absolute-zindex-1 {
    z-index: 1
}

.position-absolute-zindex-10 {
    z-index: 10
}

.position-absolute-zindex-100 {
    z-index: 100
}

.position-absolute-zindex-1000 {
    z-index: 1000
}

.position-absolute-zindex-10000 {
    z-index: 10000
}

.top-0 {
    top: 0 !important
}

.left-0 {
    left: 0 !important
}

.right-0 {
    right: 0 !important
}

.clear-both {
    clear: both
}

.games-navigation {
    clear: both;
    width: 100%;
    height: 65px;
    display: table
}

.line-bottom1 {
    border-bottom: 5px solid #fff
}

.line-bottom2 {
    border-bottom: 5px solid #de5648
}

.line-bottom3 {
    border-bottom: 5px solid #337bdd
}

.line-bottom4 {
    border-bottom: 5px solid #986047
}

.line-bottom5 {
    border-bottom: 5px solid #f0df8f
}

.line-bottom6 {
    border-bottom: 5px solid #1e8567
}

.line-bottom7 {
    border-bottom: 5px solid #fff210
}

.line-bottom8 {
    border-bottom: 5px solid #ff9000
}

.mini-live-tmenu {
    cursor: pointer;
    text-align: center;
    display: table-cell;
    width: 10%;
    font-weight: 700;
    background: #35353f;
    background: linear-gradient(180deg,#35353f,#161622)
}

    .mini-live-tmenu:hover {
        background: #35353f;
        background: linear-gradient(180deg,#161622,#35353f)
    }

.mini-live-tmenu-white {
    cursor: pointer;
    text-align: center;
    display: table-cell;
    width: 10%;
    font-weight: 700;
    background: #dedede;
    background: linear-gradient(180deg,#dedede,#dedede)
}

    .mini-live-tmenu-white:hover {
        background-image: linear-gradient(180deg,#f1f1f1 0,#d4d4d4 20%,#9d9d9d 50%,#d4d4d4 80%,#f1f1f1) !important
    }

.mini-live-tmenu-casino {
    cursor: pointer;
    text-align: center;
    display: table-cell;
    width: 9%;
    font-weight: 700;
    background: #35353f;
    background: linear-gradient(180deg,#35353f,#161622);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#35353f",endColorStr="#161622",GradientType=0)
}

.mini-live-tmenu-casinoe:hover {
    background: #35353f;
    background: linear-gradient(180deg,#161622,#35353f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#161622,endColorStr="#35353F,GradientType=0)
}

.t-line1 {
    border-top: 5px solid #0091ea;
    border-right: 1px solid #454545
}

    .t-line1:active {
        background: #111
    }

.t-line2 {
    border-top: 5px solid #2a62ff;
    border-right: 1px solid #454545
}

    .t-line2:active {
        background: #111
    }

.t-line3 {
    border-top: 5px solid #4f2fc5;
    border-right: 1px solid #454545
}

    .t-line3:active {
        background: #111
    }

.t-line4 {
    border-top: 5px solid #7b20a3;
    border-right: 1px solid #454545
}

    .t-line4:active {
        background: #111
    }

.t-line5 {
    border-top: 5px solid #c41162;
    border-right: 1px solid #454545
}

    .t-line5:active {
        background: #111
    }

.t-line6 {
    border-top: 5px solid #d60000;
    border-right: 1px solid #454545
}

    .t-line6:active {
        background: #111
    }

.t-line7 {
    border-top: 5px solid #ff9000;
    border-right: 1px solid #454545
}

    .t-line7:active {
        background: #111
    }

.t-line8 {
    border-top: 5px solid #5d871b;
    border-right: 1px solid #454545
}

    .t-line8:active {
        background: #111
    }

.t-line9 {
    border-top: 5px solid #206825;
    border-right: 1px solid #454545
}

.t-line10 {
    border-top: 5px solid #93f
}

.t-line9:active {
    background: #111
}

.live-tmenu-name {
    font-size: 17px;
    color: #fafafa;
    display: inline-block;
    line-height: 44px;
}

.live-tmenu-name-casino {
    font-size: 11pt;
    color: #d0d0d0;
    text-shadow: 0 -1px 0 rgba(0,0,0,.33);
    margin: 0 0 3px;
    font-family: Malgun Gothic,arial
}

.live-tmenu-countdown {
    font: 700 17px Open Sans Condensed,sans-serif;
    color: #fff
}

.live-tmenu-casino-sub {
    font-size: 9pt;
    font-family: Malgun Gothic,dotum;
    color: #7d7d7d;
    font-weight: 400
}

.playerbox {
    height: 422px
}

.playerbox, .playerbox2 {
    width: 100%;
    text-align: center;
    position: relative
}

.playerbox2 {
    height: 380px
}

.playerbox3 {
    height: 641px
}

.east-playerbox3, .playerbox3 {
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden
}

.east-playerbox3 {
    height: 560px
}

.boscore-playerbox3 {
    height: 600px
}

.boscore-playerbox3, .boscoreball-playerbox3 {
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden
}

.boscoreball-playerbox3 {
    height: 700px
}

.bubble-playerbox3 {
    height: 609px
}

.bubble-playerbox3, .livescore-playerbox3 {
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden
}

.livescore-playerbox3 {
    height: 746px
}

.playerbox4 {
    width: 100%;
    height: 575px;
    text-align: center;
    position: relative
}

.last-result-items {
    margin-bottom: 12px
}

.lottery-item {
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 2px;
    padding: 7px;
    line-height: 1.2
}

.ball {
    width: 30px;
    height: 30px;
    border: 1px solid #0e151b;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    background-repeat: repeat-x
}

    .ball.yellow {
        background-color: #ffad32;
        background: linear-gradient(180deg,#ffad32,#cc7a00);
        border-color: #cc7a00 #cc7a00 #b36b00;
        text-shadow: 0 1px 1px hsla(0,0%,100%,.33)
    }

    .ball.black {
        background-color: #5b5b5b;
        background: linear-gradient(180deg,#5b5b5b,#282828);
        border-color: #282828 #282828 #1c1c1c;
        text-shadow: 0 -1px 0 rgba(0,0,0,.33)
    }

    .ball.white {
        background-color: #f9f9f9;
        background: linear-gradient(180deg,#f9f9f9,#d6d6d6);
        border-color: #929292 #929292 #a1a1a1;
        text-shadow: 0 1px 1px hsla(0,0%,100%,.23)
    }

    .ball.blue {
        background-color: #5990d8;
        background: linear-gradient(180deg,#5990d8,#193c6b);
        border-color: #193c6b #193c6b #112948;
        text-shadow: 0 -1px 0 rgba(0,0,0,.56)
    }

    .ball.green {
        background-color: #398f28;
        background: linear-gradient(180deg,#398f28,#193f11);
        border-color: #193f11 #193f11 #122c0c
    }

    .ball.green, .ball.grey, .ball.red {
        text-shadow: 0 -1px 0 rgba(0,0,0,.33)
    }

    .ball.grey, .ball.red {
        background-color: #e52828;
        background: linear-gradient(180deg,#e52828,#961111);
        border-color: #961111 #961111 #800f0f
    }

    .ball.white, .ball.yellow {
        color: #333
    }

    .ball.black, .ball.blue, .ball.green, .ball.grey, .ball.red {
        color: #fff
    }

    .ball > span {
        font-weight: 700
    }

.item-box {
    background: #fff;
    overflow: hidden;
    margin: 0;
    width: 100%;
    position: relative;
    border-radius: 6px
}

    .item-box.fullwidth {
        max-width: 100%
    }

    .item-box figure {
        width: 100%;
        display: block;
        margin-bottom: 0;
        overflow: hidden;
        position: relative;
        text-align: center
    }

    .item-box.fixed-box figure img {
        width: 100%;
        height: auto
    }

.item-box-desc {
    padding: 10px 20px;
    overflow: hidden
}

    .item-box-desc p {
        margin-top: 20px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis
    }

.item-box.fixed-box .item-box-desc p {
    height: 98px
}

.item-box-desc h4 {
    padding: 0;
    margin: 0
}

.item-box .item-box-desc small {
    display: block
}

.item-box.fixed-box .item-box-desc {
    height: 256px
}

.item-box.fixed-box figure {
    max-height: 263px
}

.item-box .socials {
    border-top: 1px solid #eee;
    text-align: center;
    display: block
}

.item-box .item-hover, .item-box .item-hover .overlay {
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.item-box .item-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    transition: all .2s
}

    .item-box .item-hover, .item-box .item-hover a, .item-box .item-hover button {
        color: #fff
    }

        .item-box .item-hover .inner {
            position: absolute;
            display: block;
            left: 0;
            right: 0;
            top: 50%;
            margin-top: -30px;
            z-index: 100
        }

.item-box:hover .item-hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.divider {
    border-top: 1px dotted #424242;
    border-bottom: 1px dotted #424242
}

.sports2box-orange {
    border: 2px solid #222733;
    background: #191919;
    border-radius: 3px
}

.sports2box-blue, .sports2box-orange {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px
}

.sports2box-blue {
    border-radius: 3px
}

.sports2box-yellow, .sports2box-yellow1 {
    border: 2px solid #222733;
    background: #191919;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px
}

.sports2box-white, .sports2box-white1 {
    border: 2px solid #6c6c6c;
    background: #dfdfdf;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px;
    box-shadow: 0 0 7px rgba(0,0,0,.5);
    font-weight: 900
}

.sports2box-gold, .sports2box-red {
    border: 2px solid #222733;
    background: #191919;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px
}

.sports2boxtop-orange {
    position: absolute;
    top: -12px;
    left: 0;
    z-index: 5
}

.sports2boxtop-blue, .sports2boxtop-orange {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 100%;
    text-align: left;
    color: #0e151b;
    padding: 0
}

.sports2boxtop-blue {
    display: inline-block
}

.sports2boxtopin-orange, .sports2boxtopin-yellow, .sports2boxtopin-yellow1 {
    border: 1px solid #222733;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #1e2428;
    text-align: center;
    color: #fff;
    padding: 0
}

.sports2boxtopin-white {
    border: 1px solid #f1c80d;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.sports2boxtopin-white, .sports2boxtopin-white1 {
    background: #fff;
    text-align: center;
    color: #0e151b;
    padding: 0;
    font-weight: 900
}

.sports2boxtopin-white1 {
    border: 1px solid #ff4900;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.sports2boxtopin-gold, .sports2boxtopin-red {
    border: 1px solid #222733;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #1e2428;
    text-align: center;
    color: #fff;
    padding: 0
}

.sports2boxtopin-blue-left-inplay {
    width: 200px;
    height: 27px;
    background-image: url(../../assets/vegas_files/ad0b007.png);
    background-size: 100% 100%;
    background-position: 100% 100%;
    background-repeat: no-repeat
}

.sports2boxtopin-blue-left, .sports2boxtopin-blue-left-inplay {
    text-align: left;
    color: #fff;
    padding: 0;
    padding-top: 4px !important
}

.sports2boxtopin-blue-left {
    border-top: 1px solid #262b31;
    background: #0e151b;
    width: calc(100% - 132px);
    height: 26px
}

.sports2boxtopin-white-left {
    background: #b9b9b9;
    text-align: left;
    color: #0e151b;
    padding: 0;
    width: calc(100% - 132px);
    height: 26px;
    padding-top: 4px !important
}

.sports2boxtopin-blue-right {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: rgba(17,153,17,.6);
    text-align: center;
    color: #fff;
    padding: 0
}

.sports2boxtopin-white-right {
    border: 1px solid #2d353c;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: #f2c709;
    text-align: center;
    color: #fff;
    padding: 0
}

.no-radius {
    border-radius: 0
}

.home-payinfo-title {
    background-color: #12161a;
    border: 1px solid #f15e01;
    height: 42px
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.display-inlineblock {
    display: inline-block !important
}

.display-table {
    display: table !important
}

.display-tablecell {
    display: table-cell !important
}

.vertical-middle {
    vertical-align: middle !important
}

.main-cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    height: 53px;
    overflow: visible;
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.word-keep {
    word-break: keep-all
}

.td {
    padding: 6px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    position: relative;
    text-align: left;
    display: table
}

.score-button, .td {
    vertical-align: middle
}

.score-button {
    border-radius: 2px;
    width: 30px;
    display: table-cell;
    padding-bottom: 3px
}

.odd-type {
    width: 10%;
    padding: 1px;
    float: left
}

.odd-type-in {
    display: table-cell;
    width: 10%;
    background-color: #1e2428;
    margin: 1px;
    padding-top: 10px;
    height: 38px;
    color: #aeaeaf
}

.main-odd-team {
    width: calc(100% - 50px);
    float: left;
    text-align: left;
    text-overflow: ellipsis;
}

.main-odd-val {
    width: 50px;
    float: right;
    text-align: right
}

.btn-score {
    background-color: #2e302d;
    border-radius: 0;
    border-top: 1px solid #3f4346;
    border-bottom: 1px solid #0e151b;
    color: #fff;
    cursor: default
}

    .btn-score:hover {
        color: #fff
    }

.btn-sports-detail, .btn-sports-detail-mob, .btn-sports-rule {
    background-color: #2e302d;
    border-radius: 0;
    border-top: 1px solid #3f4346;
    border-bottom: 1px solid #0e151b;
    color: #fff
}

    .btn-sports-rule:hover {
        color: #fff
    }

.btn-sports-detail-null {
    background-color: #1a1e1f;
    border-radius: 0;
    border-top: 1px solid #3f4346;
    border-bottom: 1px solid #0e151b;
    color: #fff;
    height: 31px
}

.btn-sports-detail-mob.active, .btn-sports-detail.active, .btn-sports-detail:focus {
    background-color: #ff6300;
    color: #fff
}

.btn-blue, .btn-gold, .btn-orange, .btn-red, .btn-yellow, .btn-yellow1 {
    color: #ddd !important
}

.btn-white, .btn-white1 {
    background: #fff !important;
    color: #0e151b !important
}

.btn-vs-white, .btn-vs-white1 {
    background: #fff !important;
    color: #0e151b !important;
    font-weight: 900
}

.btn-odds-blue, .btn-odds-gold, .btn-odds-orange, .btn-odds-red, .btn-odds-yellow, .btn-odds-yellow1 {
    color: #ddd !important
}

.btn-odds-white {
    background: #fff !important
}

.btn-odds-white, .btn-odds-white1 {
    color: #0e151b !important;
    border-top: 1px solid #bebebe !important;
    border-bottom: 1px solid #949494 !important;
    font-weight: 900
}

.btn-odds-white1 {
    background: #d5d5d5 !important
}

.btn-basic-white {
    background: #bebebe !important;
    color: #0e151b !important;
    border-top: 1px solid #bebebe !important;
    border-bottom: 1px solid #949494 !important
}

.img-odds-up {
    top: -6px;
}

.img-odds-down, .img-odds-up {
    position: absolute;
    left: calc(100% - 3px)
}

.img-odds-down {
    bottom: -5px;
}

.img-odds-up-right {
    top: calc(-50%+2px)
}

.img-odds-down-right, .img-odds-up-right {
    position: absolute;
    right: calc(100% - 3px)
}

.img-odds-down-right {
    top: calc(50%+2px)
}

.blinking {
    opacity: 0;
    -webkit-animation: blink 1s ease-in-out 3;
    animation: blink 1s ease-in-out 3;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards
}

@-webkit-keyframes blink {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.border-radius-5 {
    border-radius: 5px !important
}

.border-radius-20 {
    border-radius: 20px !important
}

.main-dialog .el-dialog__header {
    display: none
}

.main-dialog .el-dialog__body {
    padding: 0
}

.main-dialog label {
    font-size: 9pt;
    font-family: Malgun Gothic,dotum;
    color: #fff
}

.main-dialog .el-select {
    display: block
}

.chat-dailog .el-dialog {
    background-color: #191919;
    width: 95% !important
}

.auth-dialog {
    border: 1px solid #3f274f;
    color: #fff
}

.template-dialog .el-dialog__header {
    display: none
}

.template-dialog .el-dialog__body {
    padding: 0
}

.template-dialog label {
    color: #fff
}

.template-dialog .el-select {
    display: block
}

.template-dialog .el-dialog {
    margin-top: 20px !important
}

.tl_reg_item {
    width: 95%
}

.orange-button {
    background-color: #4d1c65;
    border: 1px solid #8324b1;
}

    .orange-button.is-disabled:active, .orange-button.is-disabled:focus, .orange-button.is-disabled:hover, .orange-button:active, .orange-button:focus, .orange-button:hover {
        background-image: linear-gradient(180deg,#622481 0,#572073 20%,#361447 50%,#441959 80%,#5b2277);
        border: 1px solid #8934b3;
    }

    .orange-button.is-disabled {
        background-color: #fb6200;
        border: 1px solid #fb6200;
        opacity: .3
    }

.orange-button1 {
    color: var(--main-color)
}

    .orange-button1, .orange-button1.is-disabled, .orange-button1.is-disabled:active, .orange-button1.is-disabled:focus, .orange-button1.is-disabled:hover, .orange-button1:active, .orange-button1:focus, .orange-button1:hover {
        background-color: #1a1a1a;
        border: 2px solid #fb6200
    }

        .orange-button1.is-disabled {
            opacity: .3
        }

.blue-button {
    background-color: #1f8fff;
    border: 1px solid #1f8fff
}

    .blue-button.is-disabled:active, .blue-button.is-disabled:focus, .blue-button.is-disabled:hover, .blue-button:active, .blue-button:focus, .blue-button:hover {
        background-image: linear-gradient(180deg,#1e8bfb 0,#156dd5 20%,#1159b3 50%,#125eba 80%,#1c84ef);
        border: 1px solid #1f8fff
    }

    .blue-button.is-disabled {
        background-color: #1f8fff;
        border: 1px solid #1f8fff;
        opacity: .3
    }

.yellow-button {
    color: #0e151b;
    background-color: #f1c80d;
    border: 1px solid #f1c80d
}

    .yellow-button.is-disabled:active, .yellow-button.is-disabled:focus, .yellow-button.is-disabled:hover, .yellow-button:active, .yellow-button:focus, .yellow-button:hover {
        background-image: linear-gradient(180deg,#f0c70d 0,#bf9e0a 20%,#816b07 50%,#bf9e0a 80%,#edc50d);
        border: 1px solid #f1c80d;
        color: #0e151b
    }

    .yellow-button.is-disabled {
        opacity: .3
    }

    .yellow1-button, .yellow-button.is-disabled {
        background-color: #f1c80d;
        border: 1px solid #f1c80d;
        color: #0e151b
    }

        .yellow1-button.is-disabled:active, .yellow1-button.is-disabled:focus, .yellow1-button.is-disabled:hover, .yellow1-button:active, .yellow1-button:focus, .yellow1-button:hover {
            background-image: linear-gradient(180deg,#f0c70d 0,#bf9e0a 20%,#816b07 50%,#bf9e0a 80%,#edc50d);
            border: 1px solid #f1c80d;
            color: #0e151b
        }

        .yellow1-button.is-disabled {
            opacity: .3
        }

        .white-button, .yellow1-button.is-disabled {
            background-color: #f1c80d;
            border: 1px solid #f1c80d;
            color: #0e151b
        }

            .white-button.is-disabled:active, .white-button.is-disabled:focus, .white-button.is-disabled:hover, .white-button:active, .white-button:focus, .white-button:hover {
                background-image: linear-gradient(180deg,#f0c70d 0,#bf9e0a 20%,#816b07 50%,#bf9e0a 80%,#edc50d);
                border: 1px solid #f1c80d;
                color: #0e151b
            }

            .white-button.is-disabled {
                background-color: #f1c80d;
                border: 1px solid #f1c80d;
                opacity: .3;
                color: #0e151b
            }

.white1-button {
    background-color: #ff4900;
    border: 1px solid #ff4900
}

    .white1-button.is-disabled:active, .white1-button.is-disabled:focus, .white1-button.is-disabled:hover, .white1-button:active, .white1-button:focus, .white1-button:hover {
        background-image: linear-gradient(180deg,#d85908 0,#c34e0d 20%,#a94113 50%,#ff6d00 80%,#ff6d00);
        border: 1px solid #ff4900
    }

    .white1-button.is-disabled {
        background-color: #ff4900;
        border: 1px solid #ff4900;
        opacity: .3
    }

.white1-button1 {
    color: var(--main-color)
}

    .white1-button1, .white1-button1.is-disabled, .white1-button1.is-disabled:active, .white1-button1.is-disabled:focus, .white1-button1.is-disabled:hover, .white1-button1:active, .white1-button1:focus, .white1-button1:hover {
        background-color: #1a1a1a;
        border: 2px solid #ff4900
    }

        .white1-button1.is-disabled {
            opacity: .3
        }

.red-button {
    background-color: #c80000;
    border: 1px solid #c80000
}

    .red-button.is-disabled:active, .red-button.is-disabled:focus, .red-button.is-disabled:hover, .red-button:active, .red-button:focus, .red-button:hover {
        background-image: linear-gradient(180deg,#a72020 0,#701616 20%,#400d0e 50%,#701616 80%,#a72020);
        border: 1px solid #c80000
    }

    .red-button.is-disabled {
        background-color: #c80000;
        border: 1px solid #c80000;
        opacity: .3
    }

.red-button1 {
    background-color: #ff3f40;
    border: 1px solid #ff3f40;
    text-align: center;
    border-radius: 4px
}

    .red-button1.is-disabled:active, .red-button1.is-disabled:focus, .red-button1.is-disabled:hover, .red-button1:active, .red-button1:focus, .red-button1:hover {
        border: 1px solid #ff3f40
    }

    .red-button1.is-disabled {
        background-color: #ff3f40;
        border: 1px solid #ff3f40;
        opacity: .3
    }

.gold-button {
    color: #0e151b;
    background-color: #ffa863;
    border: 1px solid #ffa863
}

    .gold-button.is-disabled:active, .gold-button.is-disabled:focus, .gold-button.is-disabled:hover, .gold-button:active, .gold-button:focus, .gold-button:hover {
        background-image: linear-gradient(180deg,#e69b61 0,#d08d58 20%,#986641 50%,#d08d58 80%,#e69b61) !important;
        border: 1px solid #ffa863;
        color: #0e151b
    }

    .gold-button.is-disabled {
        background-color: #ffa863;
        border: 1px solid #ffa863;
        opacity: .3;
        color: #0e151b
    }

.green-button, .green-button:active, .green-button:focus, .green-button:hover {
    background-color: #179c2d;
    border: 1px solid #179c2d
}

.green-button1, .green-button1:active, .green-button1:focus, .green-button1:hover {
    background-color: #13871c;
    border: 1px solid #13871c
}

.blue-button-light, .blue-button-light:active, .blue-button-light:focus, .blue-button-light:hover {
    background-color: #3dc1e8;
    border: 1px solid #3dc1e8
}

.right-button {
    padding: 9px;
    margin-top: 3px;
    right: 5px;
    top: 0
}

.login-input-blue .el-input__inner, .login-input-orange .el-input__inner {
    background-color: #1a1a1a !important;
    border: 2px solid var(--main-color) !important;
    color: #fff !important
}

.login-input-yellow .el-input__inner {
    background-color: #fff !important;
    border: 2px solid #e5c00d !important;
    color: #0e151b !important
}

.login-input-yellow1 .el-input__inner {
    background: none !important;
    border: 2px solid #d40511 !important;
    color: #0e151b !important
}

.login-input-white .el-input__inner {
    background-color: #fff !important;
    border: 2px solid #e5c00d !important;
    color: #0e151b !important
}

.login-input-white1 .el-input__inner {
    background: none;
    border: 2px solid var(--main-color) !important;
    color: #fff !important
}

.login-input-red .el-input__inner {
    background-color: #1a1a1a !important;
    border: 2px solid var(--main-color) !important;
    color: #fff !important
}

.login-input-gold .el-input__inner {
    background: none !important;
    border: 2px solid #ffa863 !important;
    color: #fff !important
}

.subtable.table > tbody > tr > td {
    border-color: #616161;
    background-color: #151e2d;
    border-right: 1px solid #616161
}

.subtable > thead > tr {
    border-right: 1px solid #2e3439;
    border-left: 1px solid #2e3439
}

    .subtable > thead > tr > td {
        background-color: #2e3439
    }

.border-grey {
    border: 1px solid #343d46 !important
}

.border-bottom-1-grey {
    border-bottom: 1px solid #343d46 !important
}

.status-yes {
    background-color: #367fde
}

.status-no, .status-yes {
    width: 80px;
    text-align: center;
    border-radius: 3px;
    padding: 4px 0;
    margin: 0 auto
}

.status-no {
    background-color: #23272a
}

.status-wait {
    background-color: #727071
}

.status-lose, .status-wait {
    width: 80px;
    text-align: center;
    border-radius: 3px;
    padding: 4px 0;
    margin: 0 auto
}

.status-lose {
    background-color: #d73c38
}

.status-lose-orange2, .status-wait-orange2, .status-win-orange2 {
    text-align: center;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
}

.status-win {
    background-color: #367fde
}

.status-win-orange2 {
    color: #11b485;
    background: rgba(17, 180, 133, .12);
}

.status-lose-orange2 {
    color: #dc3644;
    background: rgba(220, 54, 68, .12);
}

.status-cancel-orange2 {
    background: rgba(255,168,0,.12);
    color: #ffa800;
}

.status-wait-orange2 {
    color: #fa6200;
    background: rgba(250, 98, 0, .12);
}

.status-cancel, .status-win, .status-cancel2 {
    width: 80px;
    text-align: center;
    border-radius: 3px;
    padding: 4px 0;
    margin: 0 auto
}

.status-cancel {
    background-color: #faaf44
}

.status-cancel2 {
    background-color: #219702
}

.status-cancel-request {
    text-align: center;
    border-radius: 3px;
    padding: 4px 0;
    background-color: #14851b;
    margin: 0 auto
}

.bet-type-big, .td-big {
    border: 1px solid red;
    border-radius: 50%;
    padding: 8px 10px
}

.bet-type-middle, .td-middle {
    border: 1px solid #337dde;
    border-radius: 50%;
    padding: 8px 10px
}

.bet-type-small, .td-small {
    border: 1px solid #019630;
    border-radius: 50%;
    padding: 8px 10px
}

.bet-type-under, .td-under {
    border: 1px solid #337dde;
    border-radius: 50%;
    padding: 9px 5px
}

.bet-type-over, .td-over {
    border: 1px solid red;
    border-radius: 50%;
    padding: 9px 4px
}

.bet-type-odd, .td-odd {
    padding: 8px 10px
}

.bet-type-goal, .bet-type-odd, .td-odd {
    background-image: linear-gradient(180deg,#74b3dc 0,#367ee0);
    border-radius: 50%
}

.bet-type-goal {
    padding: 8px 5px
}

.bet-type-three {
    background-image: linear-gradient(180deg,#74b3dc 0,#367ee0)
}

.bet-type-four, .bet-type-three {
    border-radius: 50%;
    padding: 8px 13px
}

.bet-type-four {
    background-image: linear-gradient(180deg,#e25657 0,#f71312)
}

.bet-type-even, .td-even {
    padding: 8px 10px
}

.bet-type-even, .bet-type-nogoal, .td-even {
    /* background-image:linear-gradient(180deg,#e25657 0,#f71312); */
    border-radius: 50%
}

.bet-type-nogoal {
    padding: 8px 5px
}

.bet-type-red {
    color: #f61416
}

.bet-type-blue, .bet-type-red {
    display: inline-block;
    width: 80px;
    background-color: #2f343a
}

.bet-type-blue {
    color: #158dfd
}

.mini-history-tab {
    text-align: center;
    background-color: #191919;
    border: 1px solid #616161;
    padding: 14px;
    font-size: 15px;
    color: #fff;
    width: calc(100% - 6px);
    margin: 0 3px
}

    .mini-history-tab.on {
        background-color: #2f343a
    }

.sports-rule-cat {
    background-color: #0f1012
}

.sports-rule-cat, .sports-rule-cat-white {
    width: 95%;
    padding: 2px;
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.sports-rule-cat-white {
    background-color: #dedede
}

.sports-rule-cat-in-orange {
    border: 2px solid #f86506;
    padding: 12px 0 7px
}

.sports-rule-cat-in-blue {
    border: 2px solid #1f8fff;
    padding: 12px 0 7px
}

.sports-rule-cat-in-yellow {
    border: 2px solid #f1c80d;
    padding: 12px 0 7px
}

.sports-rule-cat-in-yellow1 {
    border: 2px solid #d40511;
    padding: 12px 0 7px
}

.sports-rule-cat-in-gold {
    border: 2px solid #ffa863;
    padding: 12px 0 7px
}

.right-bar-sports-tab-orange {
    border-bottom: 2px solid var(--main-color);
    color: #fff !important;
    text-align: center;
    height: 100%;
    padding-top: 10px
}

    .right-bar-sports-tab-orange.on {
        border: 2px solid var(--main-color);
        border-bottom: 0;
        color: var(--main-color) !important
    }

.right-bar-sports-tab-blue {
    border-bottom: 2px solid #1f8fff;
    color: #fff !important;
    text-align: center;
    height: 100%;
    padding-top: 10px
}

    .right-bar-sports-tab-blue.on {
        border: 2px solid #1f8fff;
        border-bottom: 0;
        color: #1f8fff !important
    }

.right-bar-sports-tab-white {
    border-bottom: 2px solid #f1c80e;
    color: #0e151b !important;
    text-align: center;
    height: 100%;
    padding-top: 10px;
    background-color: #efefef
}

    .right-bar-sports-tab-white.on {
        border: 2px solid #f1c80e;
        border-bottom: 0;
        color: #0e151b !important;
        background-color: #f1c80e
    }

.right-bar-sports-tab-white1 {
    border-bottom: 2px solid #ff4900;
    color: #0e151b !important;
    text-align: center;
    height: 100%;
    padding-top: 10px;
    background-color: #efefef
}

    .right-bar-sports-tab-white1.on {
        border: 2px solid #ff4900;
        border-bottom: 0;
        color: #0e151b !important;
        background-color: #ff4900
    }

.border-l-1 {
    border-left: 1px solid #0e151b
}

.border-r-1 {
    border-right: 1px solid #0e151b
}

.border-l-1-white {
    border-left: 1px solid #a2a2a2
}

.border-r-1-white {
    border-right: 1px solid #a2a2a2
}

.betslip-lock {
    position: relative;
    left: 0;
    top: 0;
    background-image: url("../../assets/vegas_files/34094c7.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(255,0,0,.4);
    width: 100%;
    height: 100%
}

.sports-type {
    position: relative;
    width: 63px;
    height: 59px;
    float: left;
    margin-left: 1px;
    cursor: pointer;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-color: #1a1c1e;
    background-position: center top 5px;
}

    .sports-type p {
        position: absolute;
        bottom: 3px;
        width: 100%;
        text-align: center;
    }

.sports-sort {
    margin-bottom: 3px
}

    .sports-sort .el-checkbox__label {
        padding-left: 3px;
        font-size: 12px
    }

    .sports-sort .el-checkbox__input.is-checked + .el-checkbox__label {
        color: #fff
    }

.main-select {
    background-color: #25292c;
    border-radius: 3px
}

.main-select-drop {
    background-color: #25292c;
    position: absolute;
    width: 100%;
    z-index: 1;
    font-size: 16px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.main-select-drop-item-orange {
    background-color: #121212;
    padding: 10px;
    border-radius: 3;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

    .main-select-drop-item-orange:hover {
        background-color: #ff6200;
        color: #0e151b
    }

        .main-select-drop-item-orange:hover .main-select-no-img-orange {
            background-image: url(../../assets/vegas_files/c0da472.png)
        }

        .main-select-drop-item-orange:hover .main-select-sports-img-orange {
            background-image: url(../../assets/vegas_files/d322f07.png)
        }

        .main-select-drop-item-orange:hover .main-select-casino-img-orange {
            background-image: url(../../assets/vegas_files/829a1c7.png)
        }

.main-select-drop-item-blue {
    background-color: #121212;
    padding: 10px;
    border-radius: 3;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

    .main-select-drop-item-blue:hover {
        background-color: #1f8fff;
        color: #0e151b
    }

        .main-select-drop-item-blue:hover .main-select-no-img-blue {
            background-image: url(../../assets/vegas_files/6c2bf1d.png)
        }

        .main-select-drop-item-blue:hover .main-select-sports-img-blue {
            background-image: url(../../assets/vegas_files/6897b57.png)
        }

        .main-select-drop-item-blue:hover .main-select-casino-img-blue {
            background-image: url(../../assets/vegas_files/e131b6b.png)
        }

.main-select-drop-item-yellow {
    background-color: #121212;
    padding: 10px;
    border-radius: 3;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

    .main-select-drop-item-yellow:hover {
        background-color: #f1c80d;
        color: #0e151b
    }

        .main-select-drop-item-yellow:hover .main-select-no-img-yellow {
            background-image: url(../../assets/vegas_files/de416c6.png)
        }

        .main-select-drop-item-yellow:hover .main-select-sports-img-yellow {
            background-image: url(../../assets/vegas_files/ac3da03.png)
        }

        .main-select-drop-item-yellow:hover .main-select-casino-img-yellow {
            background-image: url(../../assets/vegas_files/ca16425.png)
        }

.main-select-drop-item-yellow1 {
    background-color: #121212;
    padding: 10px;
    border-radius: 3;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

    .main-select-drop-item-yellow1:hover {
        background-color: #f1c80d;
        color: #0e151b
    }

        .main-select-drop-item-yellow1:hover .main-select-no-img-yellow1 {
            background-image: url(../../assets/vegas_files/cd12d03.png)
        }

        .main-select-drop-item-yellow1:hover .main-select-sports-img-yellow1 {
            background-image: url(../../assets/vegas_files/1c2cbe2.png)
        }

        .main-select-drop-item-yellow1:hover .main-select-casino-img-yellow1 {
            background-image: url(../../assets/vegas_files/985f9da.png)
        }

.main-select-drop-item-white {
    background-color: #dfdfdf;
    padding: 10px;
    border-radius: 3;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

    .main-select-drop-item-white:hover {
        background-color: #f1c80d;
        color: #0e151b
    }

        .main-select-drop-item-white:hover .main-select-no-img-white {
            background-image: url(../../assets/vegas_files/de416c6.png)
        }

        .main-select-drop-item-white:hover .main-select-sports-img-white {
            background-image: url(../../assets/vegas_files/ac3da03.png)
        }

        .main-select-drop-item-white:hover .main-select-casino-img-white {
            background-image: url(../../assets/vegas_files/ca16425.png)
        }

.main-select-drop-item-white1 {
    background-color: #dfdfdf;
    padding: 10px;
    border-radius: 3;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

    .main-select-drop-item-white1:hover {
        background-color: #ff4900;
        color: #0e151b
    }

        .main-select-drop-item-white1:hover .main-select-no-img-white1 {
            background-image: url(../../assets/vegas_files/b115e78.png)
        }

        .main-select-drop-item-white1:hover .main-select-sports-img-white1 {
            background-image: url(../../assets/vegas_files/53dc811.png)
        }

        .main-select-drop-item-white1:hover .main-select-casino-img-white1 {
            background-image: url(../../assets/vegas_files/9ec125e.png)
        }

.main-select-drop-item-red {
    background-color: #121212;
    padding: 10px;
    border-radius: 3;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

    .main-select-drop-item-red:hover {
        background-color: #ff2c2c;
        color: #fff
    }

        .main-select-drop-item-red:hover .main-select-no-img-red {
            background-image: url(../../assets/vegas_files/a4deeed.png)
        }

        .main-select-drop-item-red:hover .main-select-sports-img-red {
            background-image: url(../../assets/vegas_files/514d84c.png)
        }

        .main-select-drop-item-red:hover .main-select-casino-img-red {
            background-image: url(../../assets/vegas_files/141196f.png)
        }

.main-select-drop-item-gold {
    background-color: #121212;
    padding: 10px;
    border-radius: 3;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

    .main-select-drop-item-gold:hover {
        background-color: #ffa863;
        color: #0e151b
    }

        .main-select-drop-item-gold:hover .main-select-no-img-gold {
            background-image: url(../../assets/vegas_files/8ca01eb.png)
        }

        .main-select-drop-item-gold:hover .main-select-sports-img-gold {
            background-image: url(../../assets/vegas_files/703e92d.png)
        }

        .main-select-drop-item-gold:hover .main-select-casino-img-gold {
            background-image: url(../../assets/vegas_files/3b75782.png)
        }

.main-select-sports-img-orange {
    background-image: url(../../assets/vegas_files/fcee554.png)
}

.main-select-sports-img-blue, .main-select-sports-img-orange {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-sports-img-blue {
    background-image: url(../../assets/vegas_files/5da5a8c.png)
}

.main-select-sports-img-yellow {
    background-image: url(../../assets/vegas_files/4f56c9f.png)
}

.main-select-sports-img-yellow, .main-select-sports-img-yellow1 {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-sports-img-yellow1 {
    background-image: url(../../assets/vegas_files/4f56c9f.png)
}

.main-select-sports-img-white {
    background-image: url(../../assets/vegas_files/35a4ea4.png)
}

.main-select-sports-img-white, .main-select-sports-img-white1 {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-sports-img-white1 {
    background-image: url(../../assets/vegas_files/71fe54e.png)
}

.main-select-sports-img-red {
    background-image: url(../../assets/vegas_files/ab43c33.png)
}

.main-select-sports-img-gold, .main-select-sports-img-red {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-sports-img-gold {
    background-image: url(../../assets/vegas_files/0b848dc.png)
}

.main-select-casino-img-orange {
    background-image: url(../../assets/vegas_files/2998b95.png)
}

.main-select-casino-img-blue, .main-select-casino-img-orange {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-casino-img-blue {
    background-image: url(../../assets/vegas_files/949509e.png)
}

.main-select-casino-img-yellow {
    background-image: url(../../assets/vegas_files/1a40fdd.png)
}

.main-select-casino-img-yellow, .main-select-casino-img-yellow1 {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-casino-img-yellow1 {
    background-image: url(../../assets/vegas_files/1a40fdd.png)
}

.main-select-casino-img-white {
    background-image: url(../../assets/vegas_files/ce9ff09.png)
}

.main-select-casino-img-red, .main-select-casino-img-white {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-casino-img-red {
    background-image: url(../../assets/vegas_files/e884020.png)
}

.main-select-casino-img-gold {
    background-image: url(../../assets/vegas_files/beefd63.png)
}

.main-select-casino-img-gold, .main-select-no-img-orange {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-no-img-orange {
    background-image: url(../../assets/vegas_files/3834a9d.png)
}

.main-select-no-img-blue {
    background-image: url(../../assets/vegas_files/7284f83.png)
}

.main-select-no-img-blue, .main-select-no-img-yellow {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-no-img-yellow {
    background-image: url(../../assets/vegas_files/03457d6.png)
}

.main-select-no-img-yellow1 {
    background-image: url(../../assets/vegas_files/03457d6.png)
}

.main-select-no-img-white, .main-select-no-img-yellow1 {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-no-img-white {
    background-image: url(../../assets/vegas_files/dcbd2c0.png)
}

.main-select-no-img-white1 {
    background-image: url(../../assets/vegas_files/82f0ec0.png)
}

.main-select-no-img-red, .main-select-no-img-white1 {
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-no-img-red {
    background-image: url(../../assets/vegas_files/2cbf4ff.png)
}

.main-select-no-img-gold {
    background-image: url(../../assets/vegas_files/2ea718e.png);
    background-position: 50%;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    float: left
}

.main-select-text {
    float: left;
    padding-left: 15px;
    height: 52px
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-sports-detail-score {
    background-color: #2e302d;
    border-radius: 0;
    border-top: 1px solid #3f4346;
    border-bottom: 1px solid #0e151b;
    color: #fff
}

    .btn-sports-detail-score:hover {
        color: #fff
    }

.score-button {
    border: 1px solid #fff
}

    .score-button:disabled {
        border: 1px solid #5b5c5b
    }

    .score-button:hover, .score-odd:hover {
        background-color: #ff6300
    }

.score-odd {
    border: 1px solid #fff;
    height: 90%;
    padding-top: 22px;
    padding-bottom: 22px
}

.result-score {
    background-color: #ff6300;
    padding: 5px 10px 8px;
    border-radius: 3px;
    width: 56px;
    float: left
}

.input-sign {
    font-size: 13px
}

label {
    margin: 0
}

.right-button.el-button.is-loading {
    position: absolute
}

.left-home-lock, .left-vs-lock {
    left: 0
}

.left-away-lock, .left-home-lock, .left-vs-lock {
    background-color: rgba(0,0,0,.6);
    top: 0;
    position: absolute;
    height: 39px;
    width: 100%;
    padding-top: 4px
}

.new-box-g .left-away-lock, .new-box-g .left-home-lock, .new-box-g .left-vs-lock {
    padding-top: 0px;
    height: 38px;
    top: 50%;
    margin-top: -19px;
}

.new-box-g .list-box-g, .new-box-g .list-box-g-agero {
    height: 38px;
}

.left-away-lock {
    right: 0
}

.left-home-lock-white, .left-vs-lock-white {
    left: 0
}

.left-away-lock-white, .left-home-lock-white, .left-vs-lock-white {
    background-color: rgba(0,0,0,.4);
    top: 0;
    position: absolute;
    height: 39px;
    width: 100%;
    padding-top: 4px
}

.left-away-lock-white {
    right: 0
}

.odd-lock {
    background-color: rgba(0,0,0,.6)
}

.odd-lock, .odd-lock-white {
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.odd-lock-white {
    background-color: rgba(0,0,0,.4)
}

.collapse {
    display: none
}

.display-center {
    justify-content: center
}

.bethistory-livescore, .display-center, .display-center-vertical {
    display: flex;
    align-items: center
}

.bethistory-livescore {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center
}

.bethistory-livescore-in {
    width: 40%;
    height: 210px;
    background-color: rgba(0,0,0,.8)
}

.virtual-tmenu {
    background-color: #2c353c;
    border-top: 3px solid #171c22;
    border-left: 3px solid #171c22;
    border-right: 3px solid #171c22
}

.virtual-tmenu-white {
    background-image: linear-gradient(180deg,#bdbdbd 0,#c8c8c8 20%,#ddd 50%,#f1f1f1 80%,#fefefe);
    border-top: 3px solid #ebebeb;
    border-left: 3px solid #ebebeb;
    border-right: 3px solid #ebebeb
}

.league-favorite {
    position: absolute;
    right: 115px;
    top: 27px
}

.market-type {
    width: 50px;
    text-align: center;
    float: left;
    padding-top: 12px
}

.virtual-history-tab, .virtual-bettinghistory-tab {
    background-image: linear-gradient(180deg,#232a30 0,#222a2d 20%,#22272b 50%,#202427 80%,#1f2326);
    border: 1px solid #232a30
}

    .virtual-history-tab.active, .virtual-bettinghistory-tab.active {
        background: linear-gradient(180deg, #272e35 0, #262e30 20%, #2b3237 50%, #292f33 80%, #23272a);
        border-bottom: 1px solid var(--main-color) !important;
    }

.virtual-history-tab, .virtual-bettinghistory-tab {
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    width: calc(50% - 2px);
    float: left;
    cursor: pointer
}

.virtual-history-tab-white {
    background: #fff;
    border: 1px solid #fff;
    color: #0e151b
}

.event-tab {
    background-image: url(../../assets/vegas_files/1ba9509.png);
    background-size: 100% 100%;
    width: 182px;
    height: 30px;
    padding-top: 3px;
    color: #fff
}

.event-tab, .event-tab-yellow {
    float: left;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.event-tab-yellow {
    width: calc(50% - 10px);
    background-color: #232323;
    padding: 10px 0
}

    .event-tab-yellow.on {
        background-color: #f1c80d;
        color: #0e151b
    }

.collapse-up-orange {
    background-image: url(../../assets/vegas_files/280dadd.png)
}

.collapse-down-orange, .collapse-up-orange {
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    float: right
}

.collapse-down-orange {
    background-image: url(../../assets/vegas_files/9a3003b.png)
}

.collapse-up-blue {
    background-image: url(../../assets/vegas_files/fe1924f.png)
}

.collapse-down-blue, .collapse-up-blue {
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    float: right
}

.collapse-down-blue {
    background-image: url(../../assets/vegas_files/522ea2f.png)
}

.wallet-type {
    float: left;
    border: 1px solid #616161;
    padding: 10px 30px
}

    .wallet-type.on-orange {
        border: 1px solid var(--main-color)
    }

    .wallet-type.on-blue {
        border: 1px solid #1fb3ff
    }

    .wallet-type.on-yellow, .wallet-type.on-yellow1 {
        border: 1px solid #f1c80d
    }

    .wallet-type.on-gold {
        border: 1px solid #ffa863
    }

.rolling-button {
    background-color: #2e3438
}

.rolling-button, .rolling-button-white {
    text-align: center;
    width: calc(25% - 8px);
    padding: 10px 0;
    float: left
}

.rolling-button-white {
    background-color: #eee
}

.active-border-orange {
    border: 1px solid var(--main-color)
}

.active-border-blue {
    border: 1px solid #1f8fff
}

.active-border-yellow {
    border: 1px solid #f8d346
}

.active-border-yellow1 {
    border: 1px solid #d40511
}

.active-border-white {
    border: 1px solid #f8d346
}

.active-border-red {
    border: 1px solid #c80000
}

.active-border-gold {
    border: 1px solid #ffa863
}

.slot-select-orange input {
    background-color: #2a3034;
    color: #fff
}

.slot-select-orange .el-input__inner {
    border: 1px solid #2e3438
}

    .slot-select-orange .el-input.is-focus .el-input__inner, .slot-select-orange .el-input__inner:focus {
        border: 1px solid var(--main-color) !important
    }

.slot-select-blue input {
    background-color: #2a3034;
    color: #fff
}

.slot-select-blue .el-input__inner {
    border: 1px solid #2e3438
}

    .slot-select-blue .el-input.is-focus .el-input__inner, .slot-select-blue .el-input__inner:focus {
        border: 1px solid #1f8fff !important
    }

.slot-select-yellow input {
    background-color: #f1c80d;
    color: #0e151b
}

.slot-select-yellow .el-input__inner {
    border: 3px solid #0e151b;
    font-weight: 700 !important
}

    .slot-select-yellow .el-input.is-focus .el-input__inner, .slot-select-yellow .el-input__inner:focus, .slot-select-yellow:hover .el-input__inner {
        border: 3px solid #0e151b !important
    }

.slot-select-yellow .el-input .el-select__caret {
    color: #0e151b !important;
    font-weight: 700 !important
}

.slot-select-yellow1 input {
    background-color: #d40511;
    color: #fc0
}

.slot-select-yellow1 .el-input__inner {
    border: 3px solid #fc0;
    font-weight: 700 !important
}

    .slot-select-yellow1 .el-input.is-focus .el-input__inner, .slot-select-yellow1 .el-input__inner:focus, .slot-select-yellow1:hover .el-input__inner {
        border: 3px solid #fc0 !important
    }

.slot-select-yellow1 .el-input .el-select__caret {
    color: #d40511 !important;
    font-weight: 700 !important
}

.slot-select-white input {
    background-color: #f1c80d;
    color: #0e151b
}

.slot-select-white .el-input__inner {
    border: 3px solid #0e151b;
    font-weight: 700 !important
}

    .slot-select-white .el-input.is-focus .el-input__inner, .slot-select-white .el-input__inner:focus, .slot-select-white:hover .el-input__inner {
        border: 3px solid #0e151b !important
    }

.slot-select-white .el-input .el-select__caret {
    color: #0e151b !important;
    font-weight: 700 !important
}

.slot-select-white1 input {
    background-color: #ff4900;
    color: #0e151b
}

.slot-select-white1 .el-input__inner {
    border: 3px solid #0e151b;
    font-weight: 700 !important
}

    .slot-select-white1 .el-input.is-focus .el-input__inner, .slot-select-white1 .el-input__inner:focus, .slot-select-white1:hover .el-input__inner {
        border: 3px solid #0e151b !important
    }

.slot-select-white1 .el-input .el-select__caret {
    color: #0e151b !important;
    font-weight: 700 !important
}

.slot-select-red input {
    background-color: #ff2c2c;
    color: #fff
}

.slot-select-red .el-input__inner {
    border: 3px solid #fff;
    font-weight: 700 !important
}

    .slot-select-red .el-input.is-focus .el-input__inner, .slot-select-red .el-input__inner:focus, .slot-select-red:hover .el-input__inner {
        border: 3px solid #fff !important
    }

.slot-select-red .el-input .el-select__caret {
    color: #fff !important;
    font-weight: 700 !important
}

.slot-select-gold input {
    background-color: #ffa863;
    color: #0e151b
}

.slot-select-gold .el-input__inner {
    border: 3px solid #0e151b;
    font-weight: 700 !important
}

    .slot-select-gold .el-input.is-focus .el-input__inner, .slot-select-gold .el-input__inner:focus, .slot-select-gold:hover .el-input__inner {
        border: 3px solid #0e151b !important
    }

.slot-select-gold .el-input .el-select__caret {
    color: #0e151b !important;
    font-weight: 700 !important
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #2a3034 !important
}

.el-popper[x-placement^=top] .popper__arrow {
    border-top-color: #2a3034 !important
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #2a3034 !important
}

.el-popper[x-placement^=top] .popper__arrow:after {
    border-top-color: #2a3034 !important
}

.el-select-dropdown {
    background-color: #2a3034;
    border: 1px solid #2a3034
}

.el-select-dropdown__item, .el-select-dropdown__item.selected {
    color: #fff
}

    .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
        background-color: #2a3034
    }

.casino-dialog .el-dialog, .el-dialog__body {
    height: 100%
}

.live-play {
    display: none;
    position: absolute;
    width: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px)
}

.live-game:hover .live-play {
    display: block
}

.live-check {
    position: absolute;
    width: 150px;
    left: calc(50% - 75px);
    top: calc(50% - 75px)
}

.live-banner-blue, .live-banner-orange {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px
}

.live-check-banner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.6)
}

.live-game:hover .live-banner-orange {
    display: block;
    -webkit-animation: example-orange 2s ease-in-out 1;
    animation: example-orange 2s ease-in-out 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards
}

.live-game:hover .live-banner-blue {
    display: block;
    -webkit-animation: example-blue 2s ease-in-out 1;
    animation: example-blue 2s ease-in-out 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards
}

#sidebar-hamburg-orange {
    width: 50px;
    background-color: #2e343a;
    height: 100%;
    border: 1px solid #111315;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 10px #0e151b;
    cursor: pointer
}

div#sidebar-hamburg-orange:hover .img-hamburg {
    content: url("/../assets/vegas_files/ico-sideMenu-on.png")
}

div#sidebar-hamburg-orange:hover .img-sidebutton {
    /*    /assets/js/images/ico/side-button-on.png   */
    content: url("/../assets/vegas_files/side-button_on.png")
}

#sidebar-hamburg-blue {
    width: 50px;
    background-color: #2e343a;
    height: 100%;
    border: 1px solid #111315;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 10px #0e151b;
    cursor: pointer
}

div#sidebar-hamburg-blue:hover .img-hamburg {
    content: url(../images/ico/hamburg-on.png)
}

div#sidebar-hamburg-blue:hover .img-sidebutton {
    content: url(../images/ico/side-button-on.png)
}

#sidebar-hamburg-yellow {
    width: 50px;
    background-color: #2e343a;
    height: 100%;
    border: 1px solid #111315;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 10px #0e151b;
    cursor: pointer
}

div#sidebar-hamburg-yellow:hover .img-hamburg {
    content: url(/image/Home/yellow/hamburg-on.png)
}

div#sidebar-hamburg-yellow:hover .img-sidebutton {
    content: url(/image/Home/yellow/side-button-on.png)
}

#sidebar-hamburg-yellow1 {
    width: 50px;
    background-color: #2e343a;
    height: 100%;
    border: 1px solid #111315;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 10px #0e151b;
    cursor: pointer
}

div#sidebar-hamburg-yellow1:hover .img-hamburg {
    content: url(/image/Home/yellow1/hamburg-on.png)
}

div#sidebar-hamburg-yellow1:hover .img-sidebutton {
    content: url(/image/Home/yellow1/side-button-on.png)
}

#sidebar-hamburg-white {
    width: 50px;
    background-color: #dedede !important;
    height: 100%;
    border: 1px solid #111315;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 10px #0e151b;
    cursor: pointer
}

div#sidebar-hamburg-white:hover .img-hamburg {
    content: url(/image/Home/white/hamburg-on.png)
}

div#sidebar-hamburg-white:hover .img-sidebutton {
    content: url(/image/Home/white/side-button-on.png)
}

#sidebar-hamburg-white1 {
    width: 50px;
    background-color: #dedede !important;
    height: 100%;
    border: 1px solid #111315;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 10px #0e151b;
    cursor: pointer
}

div#sidebar-hamburg-white1:hover .img-hamburg {
    content: url(/image/Home/white1/hamburg-on.png)
}

div#sidebar-hamburg-white1:hover .img-sidebutton {
    content: url(/image/Home/white1/side-button-on.png)
}

#sidebar-hamburg-red {
    width: 50px;
    background-color: #2e343a;
    height: 100%;
    border: 1px solid #111315;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 10px #0e151b;
    cursor: pointer
}

div#sidebar-hamburg-red:hover .img-hamburg {
    content: url(/image/Home/red/hamburg-on.png)
}

div#sidebar-hamburg-red:hover .img-sidebutton {
    content: url(/image/Home/red/side-button-on.png)
}

#sidebar-hamburg-gold {
    width: 50px;
    background-color: #2e343a;
    height: 100%;
    border: 1px solid #111315;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 10px #0e151b;
    cursor: pointer
}

div#sidebar-hamburg-gold:hover .img-hamburg {
    content: url(/image/Home/gold/hamburg-on.png)
}

div#sidebar-hamburg-gold:hover .img-sidebutton {
    content: url(/image/Home/gold/side-button-on.png)
}

@-webkit-keyframes example-orange {
    0% {
        background-color: rgba(252,98,0,.1)
    }

    50% {
        background-color: rgba(252,98,0,.2)
    }

    to {
        background-color: rgba(252,98,0,.3)
    }
}

@keyframes example-orange {
    0% {
        background-color: rgba(252,98,0,.1)
    }

    50% {
        background-color: rgba(252,98,0,.2)
    }

    to {
        background-color: rgba(252,98,0,.3)
    }
}

@-webkit-keyframes example-blue {
    0% {
        background-color: rgba(0,98,252,.1)
    }

    50% {
        background-color: rgba(0,98,252,.2)
    }

    to {
        background-color: rgba(0,98,252,.3)
    }
}

@keyframes example-blue {
    0% {
        background-color: rgba(0,98,252,.1)
    }

    50% {
        background-color: rgba(0,98,252,.2)
    }

    to {
        background-color: rgba(0,98,252,.3)
    }
}

.casino-dialog .el-dialog {
    width: 1400px;
    height: 750px;
    margin-top: 100px !important
}

    .casino-dialog .el-dialog.fullscreen {
        width: 100%;
        height: 100%;
        margin-top: 0 !important
    }

#companyimg, #header-time, #home-category, #home-category-border {
    display: block
}

#copyright-text {
    padding-top: 40px
}

.notice-menu {
    display: block
}

#logoimg {
    width: 287px
}

#main-banner-img {
    width: 100%
}

#betslip-icon {
    display: none
}

.popup-dialog {
    overflow-y: scroll
}

    .popup-dialog .el-dialog {
        margin-top: 100px !important
    }

.el-dialog__header {
    display: none
}

.el-dialog__body {
    padding: 0
}

.virtual-video-frame {
    width: 648px;
    height: 365px
}

.virtual-league-panel {
    display: block;
    width: 280px
}

.virtual-video-panel {
    /*width:calc(100% - 280px)*/
    width: 648px;
}

.live-game-cont {
    width: 25%;
    text-align: center
}

.live-game-cont, .slot-game-cont {
    float: left;
    cursor: pointer;
    padding: 10px
}

.slot-game-cont {
    /*width: 20%;*/
}

.slot_title_font {
    font-size: 16px;
    margin-top: 5px;
}

.slot-game-cont-img {
    border-radius: 20px;
}

#money-move-img {
    transform: rotate(0)
}

.bg-logo-orange {
    height: 800px
}

.bg-logo-orange, .main-bg-logo-orange {
    /*background-image:url(/content/images/common/logo.png);*/
    background-position: center 300px
}

.bg-logo-blue, .bg-logo-orange, .main-bg-logo-orange {
    background-size: 300px auto;
    background-repeat: no-repeat
}

.bg-logo-blue {
    height: 800px;
    background-position: center 200px
}

.bg-logo-blue, .main-bg-logo-blue {
    background-image: url(../../assets/vegas_files/4d8f4a6.png)
}

.main-bg-logo-blue {
    background-position: center 300px;
    background-repeat: no-repeat
}

.bg-logo-yellow {
    height: 800px;
    background-position: center 200px
}

.bg-logo-yellow, .main-bg-logo-yellow {
    background-image: url(../../assets/vegas_files/2f6b460.png);
    background-size: 300px auto;
    background-repeat: no-repeat
}

.main-bg-logo-yellow {
    background-position: center 300px
}

.bg-logo-yellow1 {
    height: 800px;
    background-position: center 200px
}

.bg-logo-yellow1, .main-bg-logo-yellow1 {
    background-image: url(../../assets/vegas_files/6e28f82.png);
    background-size: 300px auto;
    background-repeat: no-repeat
}

.main-bg-logo-yellow1 {
    background-position: center 300px
}

.bg-logo-white {
    height: 800px;
    background-position: center 200px
}

.bg-logo-white, .main-bg-logo-white {
    background-image: url(../../assets/vegas_files/74047bd.png);
    background-size: 300px auto;
    background-repeat: no-repeat
}

.main-bg-logo-white {
    background-position: center 300px
}

.bg-logo-red {
    height: 800px
}

.bg-logo-red, .main-bg-logo-red {
    background-image: url(../../assets/vegas_files/378d0d7.png)
}

.bg-logo-red, .main-bg-logo-gold, .main-bg-logo-red {
    background-size: 300px auto;
    background-position: center 300px;
    background-repeat: no-repeat
}

.main-bg-logo-gold {
    background-image: url(../../assets/vegas_files/eff9962.png)
}

.attendance-1 {
    margin-left: 10px;
    float: left;
    width: 144px
}

.lbl_reg.popup_lbl label, .tl_input_popup_required {
    color: #fff
}

.auth-dialog.signup .el-input__inner {
    /* border:1px solid #dcdfe6;
	background-color:#fff */
    background-color: #1b1120;
    border: 1px solid #3b3042;
}

.ele-rotate {
    transform: rotate(90deg)
}

.current-payin-container, .current-payout-container {
    overflow: hidden;
    height: 293px
}

    .current-payin-container ul, .current-payout-container ul {
        list-style: none;
        position: relative;
        padding: 0
    }

    .current-payin-container li, .current-payout-container li {
        height: 34px;
        text-align: center;
        padding: 0
    }

.border-clear {
    border: 0 !important
}

.el-table__empty-text {
    width: 100%
}

.bet-result-table-white .el-table__empty-text, .main-table-white .el-table__empty-text {
    color: #0e151b !important;
    font-size: 14px !important
}

.el-message-box {
    width: auto
}

.button-sort-orange {
    background-color: var(--main-color);
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    border: 2px solid var(--main-color);
    cursor: pointer;
    float: left;
    font-weight: 700;
    width: auto;
    text-align: center;
    color: #fff
}

    .button-sort-orange.on {
        border: 2px solid #fff
    }

.button-sort-blue {
    background-color: #1f8fff;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    border: 2px solid #1f8fff;
    cursor: pointer;
    float: left;
    font-weight: 700;
    width: auto;
    text-align: center;
    color: #fff
}

    .button-sort-blue.on {
        border: 2px solid #fff
    }

.button-sort-yellow {
    background-color: #f1c80d;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    border: 2px solid #f1c80d;
    cursor: pointer;
    float: left;
    font-weight: 700;
    width: auto;
    text-align: center;
    color: #0e151b
}

    .button-sort-yellow.on {
        border: 2px solid #fff
    }

.button-sort-yellow1 {
    background-color: #f1c80d;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    border: 2px solid #f1c80d;
    cursor: pointer;
    float: left;
    font-weight: 700;
    width: auto;
    text-align: center;
    color: #0e151b
}

    .button-sort-yellow1.on {
        border: 2px solid #fff
    }

.button-sort-white {
    background-color: #f1c80d;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    border: 2px solid #f1c80d;
    cursor: pointer;
    float: left;
    font-weight: 700;
    width: auto;
    text-align: center;
    color: #0e151b
}

    .button-sort-white.on {
        border: 2px solid #fff
    }

.button-sort-white1 {
    background-color: #ff4900;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    border: 2px solid #ff4900;
    cursor: pointer;
    float: left;
    font-weight: 700;
    width: auto;
    text-align: center;
    color: #0e151b
}

    .button-sort-white1.on {
        border: 2px solid #fff
    }

.button-sort-red {
    background-color: #ff2c2c;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    border: 2px solid #ff2c2c;
    cursor: pointer;
    float: left;
    font-weight: 700;
    width: auto;
    text-align: center;
    color: #fff
}

    .button-sort-red.on {
        border: 2px solid #fff
    }

.button-sort-gold {
    background-color: #ffa863;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    border: 2px solid #ffa863;
    cursor: pointer;
    float: left;
    font-weight: 700;
    width: auto;
    text-align: center;
    color: #fff
}

    .button-sort-gold.on {
        border: 2px solid #fff
    }

.moneymove-cash-blue, .moneymove-cash-gold, .moneymove-cash-orange, .moneymove-cash-red, .moneymove-cash-yellow, .moneymove-cash-yellow1 {
    color: #fff;
    outline: none
}

.moneymove-cash-white, .moneymove-cash-white1 {
    color: #0e151b;
    outline: none
}

.moneymove-cash-orange.active {
    color: var(--main-color)
}

.moneymove-cash-blue.active {
    color: #1fb3ff;
    outline: none
}

.moneymove-cash-yellow1.active, .moneymove-cash-yellow.active {
    color: #f1c80d
}

.moneymove-cash-white.active {
    color: #0e151b
}

.moneymove-cash-white1.active {
    color: #ff4900
}

.moneymove-cash-red.active {
    color: #c80000
}

.moneymove-cash-gold.active {
    color: #ffa863
}

.popup-absolute .el-dialog {
    position: absolute
}

.sportcore:focus, .sportcore:hover {
    text-decoration: none !important
}

.my-input .el-input__inner {
    background-color: #161c22 !important;
    border: 1px solid #1f8fff;
    color: #fff
}

.cat-button-orange {
    width: 95%;
    margin-left: 2.5%;
    border: 2px solid var(--main-color);
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px
}

    .cat-button-orange.on {
        background-color: var(--main-color)
    }

.cat-button-blue {
    width: 95%;
    margin-left: 2.5%;
    border: 2px solid #1f8fff;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px
}

    .cat-button-blue.on {
        background-color: #1f8fff
    }

.notice-tab {
    text-align: center;
    padding: 10px 0;
    background-color: #232323;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

    .notice-tab.on {
        background-color: #f1c80d;
        color: #0e151b
    }

p {
    margin: 0 !important
}

.VueCarousel-dot {
    margin-top: 0 !important;
    background-color: #cacaca !important
}

    .VueCarousel-dot.VueCarousel-dot--active {
        background-color: #0e151b !important
    }

.VueCarousel-navigation-prev {
    left: 70px !important;
    width: 62px;
    height: 100px;
    background-image: url(../../assets/vegas_files/e1a21ae.png)
}

.VueCarousel-navigation-next {
    right: 70px !important;
    width: 62px;
    height: 100px;
    background-image: url(../../assets/vegas_files/fd3daa6.png)
}

.VueCarousel-navigation-next, .VueCarousel-navigation-prev {
    font-size: 50px;
    color: #fff !important;
    display: none
}

.VueCarousel:hover .VueCarousel-navigation-next, .VueCarousel:hover .VueCarousel-navigation-prev {
    display: block !important
}

.VueCarousel-navigation-button:focus {
    outline: none !important
}

.flip-clock-wrapper * {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

    .flip-clock-wrapper a:hover {
        color: #fff
    }

.flip-clock-wrapper ul {
    list-style: none
}

.flip-clock-wrapper.clearfix:after, .flip-clock-wrapper.clearfix:before {
    content: " ";
    display: table
}

.flip-clock-wrapper.clearfix:after {
    clear: both
}

.flip-clock-wrapper.clearfix {
    *zoom: 1
}

.flip-clock-wrapper {
    font: normal 11px Helvetica Neue,Helvetica,sans-serif;
    -webkit-user-select: none
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important
}

    .flip-clock-meridium a {
        color: #313333
    }

.flip-clock-wrapper {
    margin: 0
}

    .flip-clock-wrapper:after, .flip-clock-wrapper:before {
        content: " ";
        display: table
    }

    .flip-clock-wrapper:after {
        clear: both
    }

    .flip-clock-wrapper ul {
        position: relative;
        float: left;
        margin: 5px;
        width: 40px;
        height: 51px;
        font-size: 40px;
        font-weight: 700;
        line-height: 51px;
        border-radius: 3px;
        background: #0e151b
    }

        .flip-clock-wrapper ul li {
            z-index: 1;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            line-height: 50px;
            text-decoration: none !important
        }

            .flip-clock-wrapper ul li:first-child {
                z-index: 2
            }

            .flip-clock-wrapper ul li a {
                display: block;
                height: 100%;
                perspective: 200px;
                margin: 0 !important;
                overflow: visible !important;
                cursor: default !important
            }

                .flip-clock-wrapper ul li a div {
                    z-index: 1;
                    position: absolute;
                    left: 0;
                    width: 100%;
                    height: 50%;
                    font-size: 60px;
                    overflow: hidden;
                    outline: 1px solid transparent
                }

                    .flip-clock-wrapper ul li a div .shadow {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        z-index: 2
                    }

                    .flip-clock-wrapper ul li a div.up {
                        transform-origin: 50% 100%;
                        top: 0
                    }

                        .flip-clock-wrapper ul li a div.up:after {
                            content: "";
                            position: absolute;
                            top: 34px;
                            left: 0;
                            z-index: 5;
                            width: 100%;
                            height: 1px;
                            background-color: #0e151b;
                            background-color: rgba(0,0,0,.4)
                        }

                    .flip-clock-wrapper ul li a div.down {
                        transform-origin: 50% 0;
                        bottom: 0;
                        border-bottom-left-radius: 3px;
                        border-bottom-right-radius: 3px;
                        border-top: 1px solid #111
                    }

                    .flip-clock-wrapper ul li a div div.inn {
                        position: absolute;
                        left: 0;
                        z-index: 1;
                        width: 100%;
                        height: 200%;
                        color: #ccc;
                        text-shadow: 0 1px 2px #0e151b;
                        text-align: center;
                        background-color: #333;
                        border-radius: 3px;
                        font-size: 45px
                    }

                    .flip-clock-wrapper ul li a div.up div.inn {
                        top: 0
                    }

                    .flip-clock-wrapper ul li a div.down div.inn {
                        bottom: 0
                    }

        .flip-clock-wrapper ul.play li.flip-clock-before {
            z-index: 3
        }

    .flip-clock-wrapper .flip {
        box-shadow: 0 2px 5px rgba(0,0,0,.7)
    }

    .flip-clock-wrapper ul.play li.flip-clock-active {
        -webkit-animation: asd .5s linear .5s both;
        animation: asd .5s linear .5s both;
        z-index: 5
    }

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 80px
}

    .flip-clock-divider:first-child {
        width: 0
    }

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    left: 5px
}

.flip-clock-divider.minutes .flip-clock-label {
    color: #fafafa;
    right: -88px;
    display: none
}

.flip-clock-divider.seconds .flip-clock-label {
    color: #fafafa;
    right: -91px;
    display: none
}

.flip-clock-dot.top {
    top: 20px
}

.flip-clock-dot.bottom {
    bottom: 30px
}

@-webkit-keyframes asd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

@keyframes asd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn .5s linear .5s both;
    animation: turn .5s linear .5s both
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0deg)
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateX(0deg)
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    animation: turn2 .5s linear both
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg)
    }

    to {
        -webkit-transform: rotateX(-90deg)
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg)
    }

    to {
        transform: rotateX(-90deg)
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    -webkit-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow, .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top,rgba(0,0,0,.1) 0,#0e151b 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#0e151b));
    background: linear,top,rgba(0,0,0,.1) 0,#0e151b 100%;
    background: -ms-linear-gradient(top,rgba(0,0,0,.1) 0,#0e151b 100%);
    background: linear,to bottom,rgba(0,0,0,.1) 0,#0e151b 100%
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    -webkit-animation: hide .5s linear .3s both;
    animation: hide .5s linear .3s both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    -webkit-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow, .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top,#0e151b 0,rgba(0,0,0,.1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0e151b),color-stop(100%,rgba(0,0,0,.1)));
    background: linear,top,#0e151b 0,rgba(0,0,0,.1) 100%;
    background: -ms-linear-gradient(top,#0e151b 0,rgba(0,0,0,.1) 100%);
    background: linear,to bottom,#0e151b 0,rgba(0,0,0,.1) 100%
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    -webkit-animation: hide .5s linear .3s both;
    animation: hide .5s linear .2s both
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media (max-width:1859px) {
    .content {
        margin-left: 0;
    }

    #sidebar {
        width: 50px;
    }
}

@media (max-width:1600px) {
    #copyright-text {
        padding-top: 30px
    }

    .casino-dialog .el-dialog {
        width: 1340px;
        height: 750px
    }

    #main-banner-img {
    }

    .carousel-caption {
        top: 30px
    }
}

@media (max-width:1440px) {
    #copyright-text {
        padding-top: 0
    }

    #home-category, #home-category-border {
        display: none
    }

    .casino-dialog .el-dialog {
        width: 1240px;
        height: 650px
    }

    .carousel-caption .container {
        width: 400px
    }

    #logoimg {
        width: 80%
    }

    .carousel-caption .price, .carousel-caption p {
        font-size: 16px
    }

    .carousel-caption {
        top: 0
    }

    .carousel-caption-yellow .icon img {
        width: 200px
    }

    .virtual-league-panel {
        display: none
    }

    .virtual-video-panel {
        width: 100%
    }

    .live-play {
        width: 70px;
        left: calc(50% - 35px);
        top: calc(50% - 35px)
    }

    .live-check {
        width: 90px;
        left: calc(50% - 45px);
        top: calc(50% - 45px)
    }
}

@media (max-width:1366px) {
    .casino-dialog .el-dialog {
        width: 1140px;
        height: 550px
    }
}

@media (max-width:1280px) {
    #main-banner-img {
    }

    .content {
        margin-left: 45px
    }

    #companyimg, #header-time {
        display: none
    }

    .casino-dialog .el-dialog {
        width: 100%;
        height: 100%;
        margin-top: 0 !important
    }

    .top-menu-in {
        margin-left: 0;
        margin-right: 0
    }

    #copyright-text {
        padding-top: 0
    }

    .carousel-caption-yellow h3 {
        font-size: 35px
    }

    .carousel-caption-yellow p {
        font-size: 16px;
        margin-top: 20px
    }

    .carousel-caption-yellow .price {
        font-size: 16px;
        margin-top: 30px
    }

    .carousel-caption-yellow .icon {
        margin-top: 20px
    }

    .carousel-caption-white {
        top: 0
    }

        .carousel-caption-white #logoimg {
            width: 200px
        }
}

@media (max-width:1860px) {

    .page-with-two-sidebar .content {
        margin-right: 0
    }
}

@media (max-width:1080px) {
    #main-banner-img {
    }

    .carousel-caption {
        top: 20px
    }

    .page-with-two-sidebar .content {
        margin-right: 0
    }

    .notice-menu {
        display: none !important
    }

    #betslip-icon {
        display: none
    }
}

@media screen and (max-width:768px) {
    #main-banner-img {
        width: 100%
    }

    .carousel-caption .price, .carousel-caption p {
        font-size: 14px
    }

    .carousel-caption p {
        margin-bottom: 5px
    }

    .carousel-caption .container {
        width: 100%
    }

    #logoimg {
        width: 50%
    }

    .carousel-caption {
        top: 0;
        margin: 0;
        padding: 0
    }

    .page-with-two-sidebar .content {
        margin-right: 0;
        margin-left: 0;
        padding: 0
    }

    .live-game-cont, .slot-game-cont {
        width: 50%
    }

    .sidebar {
        margin-top: 0px;
        z-index: 1040
    }

    .btn-block {
        padding-left: 3px;
        padding-right: 3px
    }

    .main-table {
        font-size: 12px
    }

        .main-table.el-table th > .cell {
            font-size: 12px;
            padding-left: 5px;
            padding-right: 5px
        }

    .virtual-table, .virtual-table.el-table th > .cell {
        font-size: 11px
    }

    .live-tmenu-name {
        font-size: 10px
    }

    .main-select-drop {
        font-size: 11px
    }

    .main-select-casino-img-blue, .main-select-casino-img-orange, .main-select-casino-img-white, .main-select-casino-img-yellow, .main-select-no-img-blue, .main-select-no-img-orange, .main-select-no-img-white, .main-select-no-img-yellow, .main-select-sports-img-blue, .main-select-sports-img-orange, .main-select-sports-img-white, .main-select-sports-img-yellow {
        width: 26px;
        height: 26px
    }

    .main-select-text {
        padding-left: 5px;
        height: 26px
    }

    #money-move-img {
        transform: rotate(90deg)
    }

    .gametype-button-blue, .gametype-button-orange, .gametype-button-red, .gametype-button-white, .gametype-button-yellow {
        font-size: 12px;
        padding: 5px
    }

    .bg-logo {
        height: 500px;
        background-position: center 300px
    }

    .bg-logo, .main-bg-logo {
        background-size: 276px 103px
    }

    .main-bg-logo {
        background-position: center 150px
    }

    .event-no-orange {
        width: 180px
    }

    .event-no-blue, .event-no-orange {
        font-size: 14px;
        padding: 8px 0 8px 10px
    }

    .event-no-blue {
        width: 80%
    }

    .event-no-gold, .event-no-red, .event-no-white, .event-no-white1, .event-no-yellow, .event-no-yellow1 {
        font-size: 14px;
        width: 180px;
        padding: 8px 0 8px 10px
    }

    .table-b, .table-h {
        font-size: 12px
    }

    .attendance-1 {
        width: 23%;
        margin: 10px 1%
    }

    .main-odd-team {
        width: calc(100% - 60px);
    }

    .popup-dialog .el-dialog {
        margin-top: 0 !important
    }

    .tl_reg_item {
        width: 100%
    }

    .lbl_reg.popup_lbl label, .tl_input_popup_required {
        /* color:#0e151b */
    }

    .auth-dialog.signup .el-input__inner {
        /* border:1px solid #969495;
		background-color:#f1f1f1 */
    }

    .el-table--border td:first-child .cell, .el-table--border th:first-child .cell, .el-table .cell {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .odds-main-type-tab-in {
        padding: 12px 0
    }

    .bet-type-blue, .bet-type-red, .status-cancel, .status-lose, .status-no, .status-wait, .status-win, .status-yes {
        width: 100%
    }

    .bethistory-livescore {
        position: unset
    }

    .bethistory-livescore-in {
        width: 100%;
        height: 190px
    }

    .img-odds-up {
        top: calc(-50% - 2px);
        left: calc(100% - 10px)
    }

    .img-odds-down {
        top: calc(50%+5px);
        left: calc(100% - 10px)
    }

    .el-message-box {
        width: 90% !important
    }
    /*.button-sort-blue,.button-sort-gold,.button-sort-orange,.button-sort-red,.button-sort-white,.button-sort-white1,.button-sort-yellow,.button-sort-yellow1 {*/
    /*	width:45%;*/
    /*	margin:0 2.5%*/
    /*}*/
    .league-favorite {
        position: absolute;
        right: 45px;
        top: 27px
    }

    .carousel-caption-yellow h3 {
        font-size: 20px;
        margin-top: 10px !important
    }

    .carousel-caption-yellow .price, .carousel-caption-yellow p {
        font-size: 13px;
        margin-top: 10px
    }

    .carousel-caption-yellow .icon {
        margin-top: 20px
    }

        .carousel-caption-yellow .icon img {
            display: none
        }

    .carousel-caption-white {
        top: 0;
        margin-top: 0;
        font-size: 14px;
        left: 20px
    }

        .carousel-caption-white #logoimg {
            width: 100px
        }

    .width-100-pro-10 {
        width: 100% !important
    }
}



.text-black {
    color: #0e151b !important
}

.text-inverse {
    color: #2d353c !important
}

.text-success {
    color: #00acac !important
}

.text-info {
    color: #49b6d6 !important
}

.text-primary {
    color: #348fe2 !important
}

.text-warning {
    color: #f59c1a !important
}

.text-yellow1 {
    color: #f8d346 !important
}

.text-yellow2 {
    color: #f1c80d !important
}

.text-yellow3 {
    color: #fc0 !important
}

.text-danger2 {
    color: #ffb9b7 !important
}

.text-red {
    color: #ff1515 !important
}

.text-red1 {
    color: #d63d37 !important
}

.text-red2 {
    color: #ff1f2c !important
}

.text-red3 {
    color: #c80000 !important
}

.text-red4 {
    color: #ff2c2c !important
}

.text-red5 {
    color: #d40511 !important
}

.text-gold {
    color: #ffa863 !important
}

.text-gold1 {
    color: #ffd98a !important
}

.text-blue {
    color: #0080ff !important
}

.text-blue1 {
    color: #3570be !important
}

.text-green {
    color: #0a9702 !important
}

.text-green1 {
    color: #11b485 !important
}

.text-green2 {
    color: #11851d !important
}

.text-green101 {
    color: #11b485 !important;
}

.text-blue2 {
    color: #526c98 !important
}

.text-blue3 {
    color: #39b1d6 !important
}

.text-blue4 {
    color: #3364a7 !important
}

.text-main-blue {
    color: #1f8fff !important
}

.text-main-blue-lighter {
    color: #1fb3ff !important
}

.text-blue5 {
    color: #37a9d6 !important
}

.text-orange {
    color: var(--main-color) !important
}

.text-orange1 {
    color: #ff4900 !important
}

.text-orange2 {
    color: #f56406 !important;
}

.text-white {
    color: #fff !important
}

.text-white2 {
    color: #e6e6e6 !important
}

.text-gray {
    color: #2a3245 !important
}

.text-gray2 {
    color: #818fab !important
}

.text-theme-orange {
    color: var(--main-color) !important
}

.text-theme-blue {
    color: #1f8fff !important
}

.text-theme-yellow {
    color: #f8d346 !important
}

.text-theme-yellow1 {
    color: #d40511 !important
}

.text-theme-white {
    color: #f8d346 !important
}

.text-theme-white1 {
    color: #ff4900 !important
}

.text-theme-red {
    color: #ff2c2c !important
}

.text-theme-gold {
    color: #ffa863 !important
}

.bg-white {
    background: #fff !important
}

.bg-white-darker {
    background: #ebebeb !important
}

.bg-silver {
    background: #f0f3f4 !important
}

.bg-black {
    background: #261d29 !important;
}

.bg-black-main {
    background: #171c22 !important
}

.bg-black-main1 {
    background: #0c0e10 !important
}

.bg-black1 {
    background: #171c2c !important
}

.bg-black2 {
    background: #0e151b !important;
    border: 3px solid #222
}

.bg-black3 {
    background: #1e2737;
    border-bottom: 1px solid #0e151b;
    background: linear-gradient(180deg,#1e2737,#0b1423)
}

.bg-black3-2 {
    text-align: center;
    clear: both;
    width: 100%;
    background: linear-gradient(180deg,#25323b,#181d21);
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.bg-black3-3 {
    background-image: linear-gradient(180deg,#292a2b 0,#252627 50%,#202122)
}

.bg-black4 {
    background: #1e2737;
    border: 1px solid #18202a;
    border-bottom-color: #0e151b;
    background: linear-gradient(180deg,#0b1423,#2c1b34,#0b1423) !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.bg-black5 {
    background: #3b3b3b !important
}

.bg-black6 {
    background: #2c2c2c;
    border: 1px solid #18202a;
    background: linear-gradient(180deg,#2c2c2c,#111);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.bg-black7 {
    background: #fff
}

.bg-black7-agero {
    background: #1d1d1d;
    border: 1px solid #0e151b;
    background: linear-gradient(180deg,#1d1d1d,#2c2c2c);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.bg-black9 {
    background-color: #0d1015
}

.bg-black10 {
    background-color: #11161a
}

.bg-black11 {
    background-color: #2b1a35 !important
}

.bg-black12 {
    background: #060811 !important
}

.bg-black13 {
    background: #070707 !important
}

.bg-black14 {
    background: #171717 !important
}

.bg-black-black {
    background-color: #0c0c0c
}

.bg-black-category {
    background-image: linear-gradient(180deg,#151515 0,#121212 20%,#111 50%,#111 80%,#101010);
    border-top: 1px solid #0e151b !important
}

    .bg-black-category:hover {
        background-image: linear-gradient(180deg,#080808 0,#050505 20%,#030303 50%,#040404 80%,#060606) !important
    }

.bg-white-category {
    background-image: linear-gradient(180deg,#efefef 0,#efefef 20%,#efefef 50%,#efefef 80%,#eee);
    border-top: 1px solid #a2a2a2 !important;
    border-bottom: 2px solid #a2a2a2 !important
}

    .bg-white-category:hover {
        background-image: linear-gradient(180deg,#f4f4f4 0,#e2e2e2 20%,#a6a6a6 50%,#e2e2e2 80%,#f4f4f4) !important
    }

.bg-white-top {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #7d797a;
    background-image: linear-gradient(180deg,#d0d0d0 0,#d7d7d7 20%,#e7e7e7 50%,#f4f4f4 80%,#fafafa) !important
}

.bg-black-top {
    border-top: 1px solid #565656;
    border-bottom: 3px solid #0e151b;
    background-image: linear-gradient(180deg,#101010 0,#121212 20%,#181617 50%,#1c1a1b 80%,#201c1b) !important
}

.bg-primary2 {
    background: linear-gradient(180deg,#0042a6,#0061c1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.bg-black-darker {
    background-color: #171c2c !important
}

.bg-black-darker1 {
    background: #191919 !important
}

.bg-black-darker3 {
    background: #212121 !important
}

.bg-black-darker4 {
    background: #20262c !important
}

.bg-black-darker5 {
    background: #3a2828 !important
}

.bg-black-darker2 {
    background-color: #0e151b !important
}

.bg-black-darker2-3 {
    background-color: #2a2b2c !important
}

.bg-black-darker6 {
    background-color: #111 !important
}

.bg-black-darker7 {
    background: #0e151b !important
}

.bg-black-lighter {
    background: #575d63 !important
}

.bg-black-grad {
    background-image: linear-gradient(180deg,#3b3b3b 0,#191919) !important
}

.bg-grey {
    background: #b6c2c9 !important
}

.bg-grey1 {
    background: #111 !important
}

.bg-grey3 {
    background: #2a3034 !important
}

.bg-grey4 {
    background: #232a2f !important
}

.bg-grey5 {
    background: #1e2428 !important
}

.bg-grey6 {
    background: #282b30 !important
}

.bg-grey7 {
    background: #2c353c !important
}

.bg-grey8 {
    background: #25292c !important
}

.bg-grey9 {
    background: #1e2327 !important
}

.bg-grey10 {
    background: #2e3439 !important
}

.bg-grey11 {
    background: #262728 !important
}

.bg-grey12 {
    background: #262626 !important
}

.bg-grey13 {
    background: #b9b9b9 !important
}

.bg-grey14 {
    background: #eee !important
}

.bg-grey15 {
    background: #dedede !important
}

.bg-grey16 {
    background: #cacaca !important
}

.bg-grey17 {
    background-image: linear-gradient(180deg,#fff 0,#f0f0f0 20%,#d5d5d5 50%,#bdbdbd 80%,#aeaeae);
    border-top: none;
    border-bottom: none
}

.bg-grey18 {
    background: #8b8b8b !important
}

.bg-grey19 {
    background: #babbbd !important
}

.bg-grey20 {
    background: #a1a1a1 !important
}

.bg-grey21 {
    background: #efefef !important
}

.bg-grey22 {
    background: #b3b3b3 !important
}

.bg-grey23 {
    background: #bebebe !important
}

.bg-grey24 {
    background: #3c3c3c !important
}

.bg-grey31 {
    background: #1b1c1f !important;
    border: 1px solid #1b1c1f !important;
}

.bg-grey-main {
    background: #24152a !important
}

.bg-grey-main1 {
    background: #161c22 !important
}

.bg-grey-darker {
    background: #929ba1 !important
}

.bg-grey-lighter {
    background: #c5ced4 !important
}

.bg-orange {
    /*background:var(--main-color)!important*/
}

.bg-orange2 {
    /*background:var(--main-color)!important*/
}

.home-mob-cat .cat-content {
    background: #171c2c;
    border-radius: 6px;
    width: 98%;
}

.bg-orange-lighter {
    background: #f7b048 !important
}

.bg-orange1 {
    background: #ff4900 !important
}

.bg-yellow {
    background: #f8d346 !important
}

.bg-yellow1 {
    background: #f1c80d !important
}

.bg-yellow-virtual {
    background: #d4c800 !important
}

.bg-yellow-darker {
    background: #b6c832 !important
}

.bg-yellow-darker2 {
    background: #7d8a22 !important
}

.bg-yellow-lighter {
    background: #e9fb65 !important
}

.bg-green {
    background: #00acac !important
}

.bg-green2 {
    background: #1e8665 !important
}

.bg-blue {
    background: #1f8fff !important
}

.bg-blue-lighter {
    background: #1fb3ff !important
}

.bg-blue-darker {
    background: #372d3a !important;
}

.bg-red {
    background: #c80000 !important
}

.bg-red1 {
    background: #ff2c2c !important
}

.bg-red2 {
    background: #d40511 !important
}

.bg-red-red {
    background: #9b0000 !important
}

.bg-gold {
    background: #ffa863 !important
}

.bg-gold1 {
    background: #ffd889 !important
}

.bg-gold-grad {
    background-image: linear-gradient(to bottom right,#ffa462 0,#fdd286) !important
}

.bg-gold-img {
    background: url(/image/login/keyring-modal.png) no-repeat;
    background-size: 100% 100%
}

.bg-headernav-blue, .bg-headernav-orange {
    background-color: #1b1120 !important
}

.bg-headernav-yellow, .bg-headernav-yellow1 {
    background-color: #191e23 !important
}

.bg-headernav-white, .bg-headernav-white1 {
    background-color: #cacaca !important
}

.bg-headernav-gold {
    background-color: #202020 !important
}

.bg-betslip-top-blue, .bg-betslip-top-orange {
    background-color: #1b1120;
    border: 1px solid #41294d;
}

.bg-betslip-top-yellow, .bg-betslip-top-yellow1 {
    background-color: #101010
}

.bg-betslip-top-white {
    border-bottom: 3px solid #f1c80e
}

.bg-betslip-top-white, .bg-betslip-top-white1 {
    background-image: linear-gradient(180deg,#d0d0d0 0,#d9d9d9 20%,#e5e5e5 50%,#f0f0f0 80%,#fbfbfb)
}

.bg-betslip-top-white1 {
    border-bottom: 3px solid #ff4900
}

.bg-betslip-top-red {
    background-image: linear-gradient(180deg,#121212 0,#0f0f0f 20%,#0b0b0b 50%,#0f0f0f 80%,#121212);
    border-bottom: 3px solid #c70001
}

.bg-noslip-back-blue, .bg-noslip-back-orange {
    background-color: #2c1b34
}

.bg-noslip-back-yellow, .bg-noslip-back-yellow1 {
    background-color: #111
}

.bg-noslip-back-white {
    background-color: #fff
}

.bg-theme-orange {
    background-color: var(--main-color) !important
}

.bg-theme-blue {
    background-color: #1f8fff !important
}

.bg-theme-yellow {
    background-color: #f8d346 !important
}

.bg-theme-yellow1 {
    background-color: #d40511 !important
}

.bg-theme-white {
    background-color: #f8d346 !important
}

.bg-theme-white1 {
    background-color: #ff4900 !important
}

.bg-theme-red {
    background-color: #c80000 !important
}

.bg-theme-gold {
    background-color: #ffa863 !important
}

.border-1-orange {
    border: 1px solid var(--main-color)
}

.border-1-blue {
    border: 1px solid #1f8fff
}

.border-1-yellow {
    border: 1px solid #f1c80d
}

.border-1-yellow1 {
    border: 1px solid #d40511
}

.border-1-white {
    border: 1px solid #f1c80d
}

.border-1-white1 {
    border: 1px solid #ff4900
}

.border-1-red {
    border: 1px solid #c80000
}

.border-1-gold {
    border: 1px solid #ffa863
}

.border-2-orange {
    border: 2px solid var(--main-color) !important
}

.border-2-blue {
    border: 2px solid #1fb3ff !important
}

.border-2-yellow {
    border: 2px solid #f8d346 !important
}

.border-2-yellow1 {
    border: 2px solid #d40511 !important
}

.border-2-white {
    border: 2px solid #0e151b !important
}

.border-2-white1 {
    border: 2px solid #ff4900 !important
}

.border-2-red {
    border: 2px solid #c80000 !important
}

.border-2-gold {
    border: 2px solid #ffa863 !important
}

.border-2-gold1 {
    border: 2px solid #3b3b3b !important
}

.border-bottom-1-orange {
    border-bottom: 1px solid var(--main-color)
}

.border-bottom-1-blue {
    border-bottom: 1px solid #1f8fff
}

.border-bottom-1-white, .border-bottom-1-yellow {
    border-bottom: 1px solid #f1c80d
}

.border-bottom-1-gold {
    border-bottom: 1px solid #ffa863
}

.border-bottom-2-orange {
    border-bottom: 2px solid var(--main-color)
}

.border-bottom-2-blue {
    border-bottom: 2px solid #1f8fff
}

.border-bottom-2-white, .border-bottom-2-yellow, .border-bottom-2-yellow1 {
    border-bottom: 2px solid #f1c80d
}

.border-bottom-2-white1 {
    border-bottom: 2px solid #ff4900
}

.border-bottom-2-red {
    border-bottom: 2px solid #ff2c2c
}

.border-bottom-2-gold {
    border-bottom: 2px solid #ffa863
}

.border-1-blr-black {
    border-bottom: 1px solid #0e151b !important;
    border-left: 1px solid #0e151b !important;
    border-right: 1px solid #0e151b !important
}

.border-t-b-1 {
    border-top: 1px solid #32383d;
    border-bottom: 2px solid #0e151b
}

.border-t-b-1-white {
    border-top: 1px solid #a2a2a2;
    border-bottom: 1px solid #a2a2a2
}

.bg-6046 {
    background-image: url(../../assets/vegas_files/616c721.png)
}

.bg-6046, .bg-48242 {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bg-48242 {
    background-image: url(../../assets/vegas_files/0d02c50.png)
}

.bg-154914 {
    background-image: url(../images/bg/bg_liveBet.png)
}

.bg-154830, .bg-154914 {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bg-154830 {
    background-image: url(../../assets/vegas_files/30011ed.png)
}

.bg-35232 {
    background-image: url(../../assets/vegas_files/34ab8dd.png)
}

.bg-35232, .bg-35709 {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bg-35709 {
    background-image: url(../../assets/vegas_files/09df46e.png)
}

.bg-54094 {
    background-image: url(../../assets/vegas_files/61abdef.png)
}

.bg-54094, .bg-131506 {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bg-131506 {
    background-image: url(../../assets/vegas_files/1c37619.png)
}

.bg-687890 {
    background-image: url(../../assets/vegas_files/4b527fe.png)
}

.bg-687890, .bg-white-6046 {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bg-white-6046 {
    background-image: url(../../assets/vegas_files/white/3e81e37.png)
}

.bg-white-48242 {
    background-image: url(../../assets/vegas_files/white/811cd5f.png)
}

.bg-white-48242, .bg-white-154914 {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bg-white-154914 {
    background-image: url(../../assets/vegas_files/white/425ffa9.png)
}

.bg-white-154830 {
    background-image: url(../../assets/vegas_files/white/adacf88.png)
}

.bg-white-35232, .bg-white-154830 {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bg-white-35232 {
    background-image: url(../../assets/vegas_files/white/174c3b0.png)
}

.bg-white-35709 {
    background-image: url(../../assets/vegas_files/white/fc33e6f.png)
}

.bg-white-35709, .bg-white-54094 {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bg-white-54094 {
    background-image: url(../../assets/vegas_files/white/d957c9e.png)
}

.bg-white-131506 {
    background-image: url(../../assets/vegas_files/white/efcc60e.png)
}

.bg-white-131506, .bg-white-687890 {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bg-white-687890 {
    background-image: url(../../assets/vegas_files/white/ea28a3e.png)
}

.sport-league-info-orange {
    margin-top: 20px;
    cursor: pointer;
    background-color: #0e151b;
    height: 35px;
    color: #ebeef5
}

.sport-league-info-blue {
    margin-top: 20px;
    cursor: pointer;
    background-color: #1f8fff;
    height: 28px;
    color: #fff
}

.sport-league-info-yellow, .sport-league-info-yellow1 {
    margin-top: 20px;
    cursor: pointer;
    background-color: #0e151b;
    height: 35px;
    color: #2a3245
}

.sport-league-info-white {
    background-color: #a2ddff
}

.sport-league-info-white, .sport-league-info-white1 {
    margin-top: 20px;
    cursor: pointer;
    height: 35px;
    color: #0e151b
}

.sport-league-info-white1 {
    background-color: #ff4900
}

.sport-league-info-gold, .sport-league-info-red {
    margin-top: 20px;
    cursor: pointer;
    background-color: #0e151b;
    height: 35px;
    color: #2a3245
}

.badge.badge-orange, .label.label-orange {
    background: red;
    color: #fff
}

.badge.badge-blue, .label.label-blue {
    background: #1fb3ff;
    color: #fff
}

.badge.badge-white, .badge.badge-yellow, .badge.badge-yellow1, .label.label-white, .label.label-yellow, .label.label-yellow1 {
    background: #f8d346;
    color: #0e151b
}

.badge.badge-white1, .label.label-white1 {
    background: #ff4900;
    color: #0e151b
}

.badge.badge-red, .label.label-red {
    background: #c80000;
    color: #fff
}

.badge.badge-gold, .label.label-gold {
    background: #ffa863;
    color: #0e151b
}

.btnstyle-orange {
    color: #fff;
    background-image: linear-gradient(180deg,#fc6000,#fb4600);
    background-repeat: repeat-x;
    border-color: #431a00
}

    .btnstyle-orange.active, .btnstyle-orange.disabled, .btnstyle-orange:active, .btnstyle-orange:focus, .btnstyle-orange:hover, .btnstyle-orange[disabled] {
        color: #fff;
        background-image: linear-gradient(180deg,#d85908 0,#c34e0d 20%,#a94113 50%,#ff6d00 80%,#ff6d00)
    }

.btnstyle-blue {
    color: #fff;
    background-image: linear-gradient(180deg,#1fb3ff,#1f8597);
    background-repeat: repeat-x;
    border-color: #431a00
}

    .btnstyle-blue.active, .btnstyle-blue.disabled, .btnstyle-blue:active, .btnstyle-blue:focus, .btnstyle-blue:hover, .btnstyle-blue[disabled] {
        color: #fff;
        background-image: linear-gradient(180deg,#0285c9 0,#027cbb 20%,#016192 50%,#026da4 80%,#0285c8)
    }

.btnstyle-yellow {
    color: #0e151b;
    background-image: linear-gradient(180deg,#f8d346,#f7a62e);
    background-repeat: repeat-x;
    border-color: #431a00
}

    .btnstyle-yellow.active, .btnstyle-yellow.disabled, .btnstyle-yellow:active, .btnstyle-yellow:focus, .btnstyle-yellow:hover, .btnstyle-yellow[disabled] {
        color: #0e151b;
        background-image: linear-gradient(180deg,#f8d346 0,#f8c03c 20%,#f7a62e 50%,#f8c03c 80%,#f8d346)
    }

.btnstyle-yellow1 {
    color: #0e151b;
    background-image: linear-gradient(180deg,#f8d346,#f7a62e);
    background-repeat: repeat-x;
    border-color: #431a00
}

    .btnstyle-yellow1.active, .btnstyle-yellow1.disabled, .btnstyle-yellow1:active, .btnstyle-yellow1:focus, .btnstyle-yellow1:hover, .btnstyle-yellow1[disabled] {
        color: #0e151b;
        background-image: linear-gradient(180deg,#f8d346 0,#f8c03c 20%,#f7a62e 50%,#f8c03c 80%,#f8d346)
    }

.btnstyle-white {
    color: #0e151b;
    background-image: linear-gradient(180deg,#f8d346,#f7a62e);
    background-repeat: repeat-x;
    border: 1px solid #0e151b
}

    .btnstyle-white.active, .btnstyle-white.disabled, .btnstyle-white:active, .btnstyle-white:focus, .btnstyle-white:hover, .btnstyle-white[disabled] {
        color: #0e151b;
        background-image: linear-gradient(180deg,#f8d346 0,#f8c03c 20%,#f7a62e 50%,#f8c03c 80%,#f8d346)
    }

.btnstyle-white1 {
    color: #fff;
    background-image: linear-gradient(180deg,#ff4900,#fb4600);
    background-repeat: repeat-x;
    border-color: #431a00
}

    .btnstyle-white1.active, .btnstyle-white1.disabled, .btnstyle-white1:active, .btnstyle-white1:focus, .btnstyle-white1:hover, .btnstyle-white1[disabled] {
        color: #fff;
        background-image: linear-gradient(180deg,#d85908 0,#c34e0d 20%,#a94113 50%,#ff6d00 80%,#ff6d00)
    }

.btnstyle-red {
    color: #fff;
    background-image: linear-gradient(180deg,#b12120,#b12120);
    background-repeat: repeat-x;
    border-color: #431a00
}

    .btnstyle-red.active, .btnstyle-red.disabled, .btnstyle-red:active, .btnstyle-red:focus, .btnstyle-red:hover, .btnstyle-red[disabled] {
        color: #fff;
        background-image: linear-gradient(180deg,#a62020 0,#791818 20%,#400d0e 50%,#791818 80%,#a62020)
    }

.btnstyle-gold {
    color: #0e151b;
    background-image: linear-gradient(180deg,#ffa865,#fe7938);
    background-repeat: repeat-x;
    border-color: #431a00
}

    .btnstyle-gold.active, .btnstyle-gold.disabled, .btnstyle-gold:active, .btnstyle-gold:focus, .btnstyle-gold:hover, .btnstyle-gold[disabled] {
        color: #0e151b;
        background-image: linear-gradient(180deg,#ffa865 0,#fd8a47 20%,#fe7938 50%,#fd8a47 80%,#ffa865)
    }

.sub-title-blue, .sub-title-orange, .sub-title-yellow, .sub-title-yellow1 {
    font-size: 9pt;
    color: #ff5a01;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    background-color: #21282e;
    font-weight: 700;
    border-top: 1px solid #414244;
    border-bottom: 1px solid #0e151b
}

.sub-title-white, .sub-title-white1 {
    font-size: 9pt;
    color: #0e151b;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    background-color: #b8b8b8;
    font-weight: 700;
    border-top: 1px solid #898989;
    border-bottom: 1px solid #c6c6c6
}

.sub-title-red {
    color: #c80000
}

.sub-title-gold, .sub-title-red {
    font-size: 9pt;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    background-color: #21282e;
    font-weight: 700;
    border-top: 1px solid #414244;
    border-bottom: 1px solid #0e151b
}

.sub-title-gold {
    color: #ffa863
}

.telegram-button {
    background-image: linear-gradient(180deg,#fefefe 0,#f7f7f7 20%,#d7d8d9 50%,#b8babb 80%,#b1b2b4) !important;
    border: 3px solid #1fb3ff !important;
    color: #0e151b
}

.over-orange:focus a, .over-orange:hover a {
    border-bottom: 3px solid var(--main-color) !important
}

.over-blue:focus a, .over-blue:hover a {
    border-bottom: 3px solid #1f8fff !important
}

.over-yellow:focus a, .over-yellow:hover a {
    border-bottom: 3px solid #f8d346 !important
}

.over-yellow1:focus a, .over-yellow1:hover a {
    background-image: linear-gradient(180deg,#b90406 0,#b6030d 20%,#96030a 50%,#7c0208 80%,#640700) !important;
    border-bottom: 3px solid #fc0 !important
}

.over-white:focus a, .over-white:hover a {
    background-image: linear-gradient(180deg,#f1f1f1 0,#d4d4d4 20%,#9d9d9d 50%,#d4d4d4 80%,#f1f1f1) !important;
    border-bottom: 3px solid #ff0 !important
}

.over-white1:focus a, .over-white1:hover a {
    background-image: linear-gradient(180deg,#fe4701 0,#e44100 20%,#a82f00 50%,#e44100 80%,#fe4701) !important;
    border-bottom: 3px solid #fe4701 !important
}

.over-red:focus a, .over-red:hover a {
    background-image: linear-gradient(180deg,#c80000 0,#ae0001 20%,#840000 50%,#ae0001 80%,#c80000) !important;
    border-bottom: 3px solid #c80000 !important
}

.over-gold:focus a, .over-gold:hover a {
    background-image: linear-gradient(180deg,#e69b61 0,#d08d58 20%,#986641 50%,#d08d58 80%,#e69b61) !important;
    border-bottom: 3px solid #e69b61 !important
}

.header-button-first-blue, .header-button-first-orange, .header-button-first-yellow {
    border-right: 1px solid #0e151b
}

.header-button-blue, .header-button-orange, .header-button-yellow {
    border-left: 1px solid #383f46;
    border-right: 1px solid #0e151b
}

.header-button-last-blue, .header-button-last-orange, .header-button-last-yellow {
    border-left: 1px solid #383f46
}

.header-button-color-blue, .header-button-color-orange, .header-button-color-yellow {
    color: #fff
}

.header-button-color-white, .header-button-color-white1, .header-button-color-yellow1 {
    color: #0e151b
}

.header-button-color-red {
    color: #fff
}

.header-button-color-gold {
    color: #0e151b
}

.header-money-color-blue, .header-money-color-orange, .header-money-color-yellow, .header-money-color-yellow1 {
    color: #fff
}

.header-money-color-white, .header-money-color-white1 {
    color: #0e151b
}

.header-money-color-gold, .header-money-color-red {
    color: #fff
}

.sidebar-board-blue, .sidebar-board-orange, .sidebar-board-yellow, .sidebar-board-yellow1 {
    background: linear-gradient(89deg, #3b2347, #352341,#3b2347) !important
}

.sidebar-board-white {
    background: #f1c80d !important
}

.sidebar-board-white1 {
    background: #ff4900 !important
}

.sidebar-board-red {
    background-image: linear-gradient(90deg,#c80000 0,#ba0100 20%,#a90100 50%,#850001 80%,#760000) !important
}

.sidebar-board-gold {
    background-image: linear-gradient(to bottom right,#ffa560 0,#ffa664 20%,#fed989 50%,#ffa664 80%,#ffa560) !important;
    color: #0e151b
}

.betinputbox-orange {
    width: 160px;
    height: 26px;
    background: #191919;
    border: 1px solid #644275;
    padding: 3px 8px 3px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    color: #fff
}

    .betinputbox-orange:focus {
        outline-color: var(--main-color);
    }

.betinputbox-blue {
    width: 160px;
    height: 26px;
    background: #191919;
    border: 2px solid #1fb3ff;
    padding: 3px 8px 3px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    color: #fff
}

    .betinputbox-blue:focus {
        outline-color: #1fb3ff
    }

.betinputbox-yellow {
    width: 160px;
    height: 26px;
    background: #191919;
    border: 2px solid #f8d346;
    padding: 3px 8px 3px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    color: #fff
}

    .betinputbox-yellow:focus {
        outline-color: #f8d346
    }

.betinputbox-yellow1 {
    width: 160px;
    height: 26px;
    background: #191919;
    border: 2px solid #f8d346;
    padding: 3px 8px 3px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    color: #fff
}

    .betinputbox-yellow1:focus {
        outline-color: #f8d346
    }

.betinputbox-white {
    width: 160px;
    height: 26px;
    background: #fff;
    border: 2px solid #f8d346;
    padding: 3px 8px 3px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    color: #0e151b
}

    .betinputbox-white:focus {
        outline-color: #f8d346
    }

.betinputbox-white1 {
    width: 160px;
    height: 26px;
    background: #fff;
    border: 2px solid #ff4900;
    padding: 3px 8px 3px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    color: #0e151b
}

    .betinputbox-white1:focus {
        outline-color: #ff4900
    }

.betinputbox-red {
    width: 160px;
    height: 26px;
    background: #191919;
    border: 2px solid #c80000;
    padding: 3px 8px 3px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    color: #fff
}

    .betinputbox-red:focus {
        outline-color: #c80000
    }

.table-h-orange {
    background: #25292c;
    border: 1px solid #25292c
}

.table-h-blue, .table-h-orange {
    padding: 4px;
    color: #fff;
    height: 22px;
    font-size: 16px
}

.table-h-blue {
    background: #1f8fff;
    border: 1px solid #1f8fff
}

.table-h-yellow, .table-h-yellow1 {
    background: #f1c80d;
    border: 1px solid #f1c80d;
    padding: 4px;
    color: #0e151b;
    height: 22px;
    font-size: 16px
}

.table-h-white, .table-h-white1 {
    background: #cacaca;
    border: 1px solid #0e151b;
    padding: 4px;
    color: #0e151b;
    height: 22px;
    font-size: 16px
}

.table-h-gold, .table-h-red {
    background: #25292c;
    border: 1px solid #25292c;
    padding: 4px;
    color: #fff;
    height: 22px;
    font-size: 16px
}

.search-input-box-blue, .search-input-box-orange {
    color: #fff !important;
    width: 240px;
    height: 30px;
    background: #1a0025;
    border: 1px solid #0a0e16;
    padding: 3px
}

.search-input-box-yellow, .search-input-box-yellow1 {
    background: #262626;
    color: #fff !important;
    width: 240px;
    height: 30px;
    border: 1px solid #262626;
    padding: 3px
}

.search-input-box-red, .search-input-box-white, .search-input-box-white1 {
    background: #fff;
    color: #0e151b !important;
    width: 240px;
    height: 30px;
    border: 1px solid #fff;
    padding: 3px
}

.search-input-box-gold {
    background: #fff;
    color: #0e151b !important;
    width: 240px;
    height: 30px;
    border: 1px solid #262626;
    padding: 3px
}

.multibetting {
    background-color: #222733;
    border-radius: 5px
}

.multibetting-white {
    background-color: #a2ddff;
    color: #0e151b
}

.multibetting-white, .multibetting-white1 {
    border-radius: 5px;
    border: 1px solid #0e151b;
    font-weight: bolder
}

.multibetting-white1 {
    background-color: #ff4900;
    color: #fff
}

.multibetting-button-orange {
    background: #191919 !important;
    border: 1px solid var(--main-color)
}

.multibetting-button-blue {
    background: #191919 !important;
    border: 1px solid #1f8fff
}

.multibetting-button-yellow, .multibetting-button-yellow1 {
    background: #191919 !important;
    border: 1px solid #f1c80d
}

.multibetting-button-white, .multibetting-button-white1 {
    background: #fff !important;
    border: 1px solid #0e151b
}

.multibetting-button-red {
    background: #191919 !important;
    border: 1px solid #ff2c2c
}

.multibetting-button-gold {
    background: #191919 !important;
    border: 1px solid #ffa863
}

.multibetting-odd-orange {
    color: var(--main-color);
    background: #0c0c0c
}

.multibetting-odd-blue {
    color: #1fb3ff;
    background: #0c0c0c
}

.multibetting-odd-yellow, .multibetting-odd-yellow1 {
    color: #f1c80d;
    background: #0c0c0c
}

.multibetting-odd-white {
    color: #0e151b;
    background: #f1c80d
}

.multibetting-odd-white1 {
    color: #0e151b;
    background: #ff4900
}

.multibetting-odd-red {
    color: #ff2c2c;
    background: #0c0c0c
}

.multibetting-odd-gold {
    color: #ffa863;
    background: #0c0c0c
}

.odds-basic-orange {
    color: var(--main-color)
}

.btn-sports-detail-mob.active .odds-basic-orange, .btn-sports-detail.active .odds-basic-orange, .btn-sports-detail:focus .odds-basic-orange, .btn-sports-detail:hover .odds-basic-orange {
    color: #fff
}

.odds-basic-blue {
    color: #1fb3ff
}

.btn-sports-detail-mob.active .odds-basic-blue, .btn-sports-detail.active .odds-basic-blue, .btn-sports-detail:focus .odds-basic-blue, .btn-sports-detail:hover .odds-basic-blue {
    color: #fff
}

.odds-basic-yellow {
    color: #f1c80d
}

.btn-sports-detail-mob.active .odds-basic-yellow, .btn-sports-detail.active .odds-basic-yellow, .btn-sports-detail:focus .odds-basic-yellow, .btn-sports-detail:hover .odds-basic-yellow {
    color: #0e151b
}

.odds-basic-yellow1 {
    color: #f1c80d
}

.btn-sports-detail-mob.active .odds-basic-yellow1, .btn-sports-detail.active .odds-basic-yellow1, .btn-sports-detail:focus .odds-basic-yellow1, .btn-sports-detail:hover .odds-basic-yellow1 {
    color: #0e151b
}

.odds-basic-white {
    color: var(--main-color)
}

.btn-sports-detail-mob.active .odds-basic-white, .btn-sports-detail.active .odds-basic-white, .btn-sports-detail:focus .odds-basic-white, .btn-sports-detail:hover .odds-basic-white {
    color: #0e151b
}

.odds-basic-white1 {
    color: #ff4900
}

.btn-sports-detail-mob.active .odds-basic-white1, .btn-sports-detail.active .odds-basic-white1, .btn-sports-detail:focus .odds-basic-white1, .btn-sports-detail:hover .odds-basic-white1 {
    color: #0e151b
}

.odds-basic-gold {
    color: #ffa863
}

.btn-sports-detail-mob.active .odds-basic-gold, .btn-sports-detail.active .odds-basic-gold, .btn-sports-detail:focus .odds-basic-gold, .btn-sports-detail:hover .odds-basic-gold {
    color: #0e151b
}
/*.btn-orange.active,.btn-orange:active,.btn-orange:focus,.btn-orange:hover {*/
/*	background-color:var(--main-color)!important*/
/*}*/

.btn-orange.active, .btn-orange:active, .btn-orange:focus {
    background-color: var(--main-color) !important;
    color: white !important
}

.btn-blue.active, .btn-blue:active, .btn-blue:focus, .btn-blue:hover {
    background-color: #1f8fff !important
}

.btn-yellow.active, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover {
    font-size: 20px;
    background-color: #ffcd76 !important;
    color: #6d3005 !important;
    font-weight: 700;
}

.btn-yellow1.active, .btn-yellow1:active, .btn-yellow1:focus, .btn-yellow1:hover {
    background-color: #f1c80d !important;
    color: #d40511 !important
}

.btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover {
    background-color: #f1c80e !important
}

.btn-white1.active, .btn-white1:active, .btn-white1:focus, .btn-white1:hover {
    background-color: #ff4900 !important
}

.btn-red.active, .btn-red:active, .btn-red:focus, .btn-red:hover {
    background-color: #ff2c2c !important
}

.btn-gold.active, .btn-gold:active, .btn-gold:focus, .btn-gold:hover {
    background-image: linear-gradient(270deg,#ffa462 0,#fdd286) !important;
    color: #0e151b !important
}
/*.btn-odds-orange.active,.btn-odds-orange:active,.btn-odds-orange:focus,.btn-odds-orange:hover {*/
/*	background-color:var(--main-color)!important*/
/*}*/
.btn-odds-orange.active, .btn-odds-orange:active, .btn-odds-orange:focus {
    background-color: var(--main-color) !important
}

.btn-odds-blue.active, .btn-odds-blue:active, .btn-odds-blue:focus, .btn-odds-blue:hover {
    background-color: #1f8fff !important
}

.btn-odds-yellow1.active, .btn-odds-yellow1:active, .btn-odds-yellow1:focus, .btn-odds-yellow1:hover, .btn-odds-yellow.active, .btn-odds-yellow:active, .btn-odds-yellow:focus, .btn-odds-yellow:hover {
    background-color: #f1c80d !important;
    color: #0e151b !important
}

.btn-odds-white.active, .btn-odds-white:active, .btn-odds-white:focus, .btn-odds-white:hover {
    background-color: #f1c80e !important
}

.btn-odds-white1.active, .btn-odds-white1:active, .btn-odds-white1:focus, .btn-odds-white1:hover {
    background-color: #ff4900 !important
}

.btn-odds-red.active, .btn-odds-red:active, .btn-odds-red:focus, .btn-odds-red:hover {
    background-color: #ff2c2c !important
}

.btn-odds-gold.active, .btn-odds-gold:active, .btn-odds-gold:focus, .btn-odds-gold:hover {
    background-color: #ffa863 !important;
    color: #0e151b !important
}

.main-table {
    border-radius: 0;
    color: #fff;
    font-size: 12px
}

    .main-table.el-table th > .cell {
        font-size: 14px
    }

    .main-table.el-table thead {
        color: #fff
    }

    .main-table.el-table td, .main-table.el-table th {
        text-align: center
    }

    .main-table.el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #151e2d
    }

    .main-table thead.is-group th {
        background-color: #2f343a
    }

    .main-table .el-table__body td {
        background-color: #151e2d
    }

    .main-table td, .main-table th.is-leaf {
        border-bottom: 1px solid #616161
    }

    .main-table .el-table__body-wrapper .is-scrolling-left ~ .el-table__fixed, .main-table td, .main-table th {
        border-right: 1px solid #616161
    }

    .main-table.el-table--border, .main-table.el-table--group {
        border: 1px solid #616161
    }

        .main-table.el-table--border th, .main-table.el-table__fixed-right-patch {
            border-bottom: 1px solid #616161
        }

        .el-table:before, .main-table.el-table--border:after, .main-table.el-table--group:after {
            background-color: #171c22
        }

    .main-table.el-table .cell {
        overflow: visible
    }

    .main-table.el-table th, .main-table.el-table tr {
        background-color: #2f343a
    }

    .main-table .el-table__empty-block {
        background-color: #151e2d
    }

.main-table-white {
    border-radius: 0;
    color: #0e151b;
    font-size: 12px
}

    .main-table-white.el-table th > .cell {
        font-size: 14px
    }

    .main-table-white.el-table thead {
        color: #0e151b
    }

    .main-table-white.el-table td, .main-table-white.el-table th {
        text-align: center
    }

    .main-table-white.el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #fff
    }

    .main-table-white thead.is-group th {
        background-color: #2f343a
    }

    .main-table-white .el-table__body td {
        background-color: #fff
    }

    .main-table-white td, .main-table-white th.is-leaf {
        border-bottom: 1px solid #616161
    }

    .main-table-white .el-table__body-wrapper .is-scrolling-left ~ .el-table__fixed, .main-table-white td, .main-table-white th {
        border-right: 1px solid #616161
    }

    .main-table-white.el-table--border, .main-table-white.el-table--group {
        border: 1px solid #616161
    }

        .main-table-white.el-table--border th, .main-table-white.el-table__fixed-right-patch {
            border-bottom: 1px solid #616161
        }

        .el-table:before, .main-table-white.el-table--border:after, .main-table-white.el-table--group:after {
            background-color: #171c22
        }

    .main-table-white.el-table .cell {
        overflow: visible
    }

    .main-table-white.el-table th, .main-table-white.el-table tr {
        background-color: #cacaca
    }

    .main-table-white .el-table__empty-block {
        background-color: #fff
    }

.virtual-table {
    border-radius: 0;
    color: #fff;
    font-size: 13px;
    border-left: 4px solid #191919;
    border-right: 4px solid #191919
}

    .virtual-table.el-table th {
        padding: 8px 0
    }

        .virtual-table.el-table th > .cell {
            font-size: 14px;
            font-weight: 600
        }

    .virtual-table.el-table thead {
        color: #fff
    }

    .virtual-table.el-table td, .virtual-table.el-table th {
        text-align: center
    }

    .virtual-table.el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #252a30
    }

    .virtual-table thead.is-group th {
        background-color: #161b1f
    }

    .virtual-table .el-table__body td {
        background-color: #252a30;
        padding: 8px 0
    }

    .virtual-table td, .virtual-table th.is-leaf {
        border-bottom: 4px solid #191919
    }

    .virtual-table .el-table__body-wrapper .is-scrolling-left ~ .el-table__fixed, .virtual-table td, .virtual-table th {
        border-right: 0
    }

    .virtual-table.el-table--border, .virtual-table.el-table--group {
        border: 1px solid #fff
    }

        .virtual-table.el-table--border th, .virtual-table.el-table__fixed-right-patch {
            border-bottom: 4px solid #191919
        }

        .el-table:before, .virtual-table.el-table--border:after, .virtual-table.el-table--group:after {
            background-color: #252a30
        }

    .virtual-table.el-table .cell {
        overflow: visible
    }

    .virtual-table.el-table th, .virtual-table.el-table tr {
        background-color: #161b1f
    }

    .virtual-table .el-table__empty-block {
        background-color: #252a30
    }

.virtual-table-white {
    border-radius: 0;
    color: #0e151b;
    font-size: 13px;
    border-left: 4px solid #cacaca;
    border-right: 4px solid #cacaca
}

    .virtual-table-white.el-table th {
        padding: 8px 0
    }

        .virtual-table-white.el-table th > .cell {
            font-size: 14px;
            font-weight: 600
        }

    .virtual-table-white.el-table thead {
        color: #0e151b
    }

    .virtual-table-white.el-table td, .virtual-table-white.el-table th {
        text-align: center
    }

    .virtual-table-white.el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #ebebeb
    }

    .virtual-table-white thead.is-group th {
        background-color: #cacaca
    }

    .virtual-table-white .el-table__body td {
        background-color: #ebebeb;
        padding: 8px 0
    }

    .virtual-table-white td, .virtual-table-white th.is-leaf {
        border-bottom: 4px solid #cacaca
    }

    .virtual-table-white .el-table__body-wrapper .is-scrolling-left ~ .el-table__fixed, .virtual-table-white td, .virtual-table-white th {
        border-right: 0
    }

    .virtual-table-white.el-table--border, .virtual-table-white.el-table--group {
        border: 1px solid #fff
    }

        .virtual-table-white.el-table--border th, .virtual-table-white.el-table__fixed-right-patch {
            border-bottom: 4px solid #191919
        }

        .el-table:before, .virtual-table-white.el-table--border:after, .virtual-table-white.el-table--group:after {
            background-color: #252a30
        }

    .virtual-table-white.el-table .cell {
        overflow: visible
    }

    .virtual-table-white.el-table th, .virtual-table-white.el-table tr {
        background-color: #cacaca
    }

    .virtual-table-white .el-table__empty-block {
        background-color: #252a30
    }

.virtual-league-tab {
    height: 90px;
    background-color: #171c22;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding-top: 30px;
    width: 100%;
    cursor: pointer
}

    .virtual-league-tab.on {
        background-color: var(--main-color)
    }

.virtual-league-tab-white {
    height: 120px;
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #0e151b;
    padding-top: 37px;
    width: 100%;
    cursor: pointer;
    box-shadow: 0 0 7px rgba(0,0,0,.5)
}

    .virtual-league-tab-white.on {
        background-color: var(--main-color)
    }

.virtual-odds-orange {
    width: 100%;
    cursor: pointer;
    background-color: #2e3439;
    border-bottom: 1px solid #191919
}

    .virtual-odds-orange.on, .virtual-odds-orange:hover {
        background-color: var(--main-color)
    }

.virtual-odds-blue {
    width: 100%;
    cursor: pointer;
    background-color: #2e3439;
    border-bottom: 1px solid #191919
}

    .virtual-odds-blue.on, .virtual-odds-blue:hover {
        background-color: #1fb3ff
    }

.virtual-odds-yellow {
    width: 100%;
    cursor: pointer;
    background-color: #2e3439;
    border-bottom: 1px solid #191919
}

    .virtual-odds-yellow.on, .virtual-odds-yellow:hover {
        background-color: #f1c80d;
        color: #0e151b
    }

.virtual-odds-white {
    width: 100%;
    cursor: pointer;
    background-color: #ebebeb;
    border-bottom: 1px solid #b9b9b9;
    color: #0e151b
}

    .virtual-odds-white.on, .virtual-odds-white:hover {
        background-color: #f1c80e
    }

.virtual-odds-white1 {
    width: 100%;
    cursor: pointer;
    background-color: #ebebeb;
    border-bottom: 1px solid #b9b9b9;
    color: #0e151b
}

    .virtual-odds-white1.on, .virtual-odds-white1:hover {
        background-color: #ff4900
    }

.virtual-odds-red {
    width: 100%;
    cursor: pointer;
    background-color: #2e3439;
    border-bottom: 1px solid #191919
}

    .virtual-odds-red.on, .virtual-odds-red:hover {
        background-color: #ff2c2c;
        color: #fff
    }

.virtual-odds-gold {
    width: 100%;
    cursor: pointer;
    background-color: #2e3439;
    border-bottom: 1px solid #191919
}

    .virtual-odds-gold.on, .virtual-odds-gold:hover {
        background-color: #ffa863;
        color: #0e151b
    }

.virtual-history-tab.on-orange {
    border: 1px solid var(--main-color)
}

.virtual-history-tab.on-blue {
    border: 1px solid #1f8fff
}

.virtual-history-tab.on-yellow, .virtual-history-tab.on-yellow1 {
    border: 1px solid #f1c80d
}

.virtual-history-tab-white.on-white {
    border: 1px solid #f1c80d;
    background: #f1c80d;
    color: #0e151b
}

.virtual-history-tab-white.on-white1 {
    border: 1px solid #ff4900;
    background: #ff4900;
    color: #0e151b
}

.virtual-history-tab.on-red {
    border: 1px solid #ff2c2c
}

.virtual-history-tab.on-gold {
    border: 1px solid #ffa863
}

.virtual-history-bg-orange2 {
    background: #141517;
    border: 1px solid #141517;
}

.event-no-orange {
    background-color: var(--main-color);
    border-radius: 5px;
    width: 280px;
    padding: 12px 0 12px 20px
}

.event-no-blue, .event-no-orange {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0
}

.event-no-blue {
    width: 60%;
    padding: 4px 0 4px 20px;
    background-image: url(../../assets/vegas_files/036f4cb.png);
    background-size: 100% 100%
}

.event-no-yellow, .event-no-yellow1 {
    background-color: #f1c80d;
    color: #0e151b;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    padding: 12px 0 12px 20px
}

.event-no-white, .event-no-white1 {
    background-color: #f1c80e;
    color: #0e151b
}

.event-no-red, .event-no-white, .event-no-white1 {
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    padding: 12px 0 12px 20px
}

.event-no-red {
    background-color: #ff2c2c;
    color: #fff
}

.event-no-gold {
    background-color: #ffa863;
    color: #0e151b;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    padding: 12px 0 12px 20px
}

.event-image-orange.on {
    border: 2px solid var(--main-color)
}

.event-image-blue.on {
    border: 2px solid #1f8fff
}

.event-image-yellow1.on, .event-image-yellow.on {
    border: 2px solid #f1c80d
}

.event-image-red.on {
    border: 2px solid #ff2c2c
}

.event-image-gold.on {
    border: 2px solid #ffa863
}

.bet-history-paging-orange.el-pagination.is-background .el-pager li {
    background-color: #191919
}

    .bet-history-paging-orange.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #fb6300
    }

.bet-history-paging-orange.el-pagination.is-background .btn-next, .bet-history-paging-orange.el-pagination.is-background .btn-prev, .bet-history-paging-orange.el-pagination.is-background .el-pager li {
    background-color: #171c22
}

.bet-history-paging-blue.el-pagination.is-background .el-pager li {
    background-color: #191919
}

    .bet-history-paging-blue.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #1f8fff
    }

.bet-history-paging-blue.el-pagination.is-background .btn-next, .bet-history-paging-blue.el-pagination.is-background .btn-prev, .bet-history-paging-blue.el-pagination.is-background .el-pager li {
    background-color: #171c22
}

.bet-history-paging-yellow.el-pagination.is-background .el-pager li {
    background-color: #191919
}

    .bet-history-paging-yellow.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #f1c80d
    }

.bet-history-paging-yellow.el-pagination.is-background .btn-next, .bet-history-paging-yellow.el-pagination.is-background .btn-prev, .bet-history-paging-yellow.el-pagination.is-background .el-pager li {
    background-color: #171c22
}

.bet-history-paging-yellow1.el-pagination.is-background .el-pager li {
    background-color: #191919
}

    .bet-history-paging-yellow1.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #d40511
    }

.bet-history-paging-yellow1.el-pagination.is-background .btn-next, .bet-history-paging-yellow1.el-pagination.is-background .btn-prev, .bet-history-paging-yellow1.el-pagination.is-background .el-pager li {
    background-color: #171c22
}

.bet-history-paging-white.el-pagination.is-background .el-pager li {
    background-color: #191919
}

    .bet-history-paging-white.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #cacaca;
        color: #0e151b
    }

.bet-history-paging-white.el-pagination.is-background .btn-next, .bet-history-paging-white.el-pagination.is-background .btn-prev, .bet-history-paging-white.el-pagination.is-background .el-pager li {
    background-color: #ebebeb
}

.bet-history-paging-white1.el-pagination.is-background .el-pager li {
    background-color: #191919
}

    .bet-history-paging-white1.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #ff4900
    }

.bet-history-paging-white1.el-pagination.is-background .btn-next, .bet-history-paging-white1.el-pagination.is-background .btn-prev, .bet-history-paging-white1.el-pagination.is-background .el-pager li {
    background-color: #ebebeb
}

.bet-history-paging-red.el-pagination.is-background .el-pager li {
    background-color: #191919
}

    .bet-history-paging-red.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #ff2c2c;
        color: #fff
    }

.bet-history-paging-red.el-pagination.is-background .btn-next, .bet-history-paging-red.el-pagination.is-background .btn-prev, .bet-history-paging-red.el-pagination.is-background .el-pager li {
    background-color: #171c22
}

.bet-history-paging-gold.el-pagination.is-background .el-pager li {
    background-color: #191919
}

    .bet-history-paging-gold.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #ffa863;
        color: #0e151b
    }

.bet-history-paging-gold.el-pagination.is-background .btn-next, .bet-history-paging-gold.el-pagination.is-background .btn-prev, .bet-history-paging-gold.el-pagination.is-background .el-pager li {
    background-color: #171c22
}

.sports-orange--1 {
    background-image: url(../../assets/vegas_files/bddf377.png);
}

    .sports-orange--1.on, .sports-orange--1:hover {
        background-image: url(../../assets/vegas_files/8ec5ec4.png);
        background-color: var(--main-color);
    }

.sports-orange-6046 {
    background-image: url(../../assets/vegas_files/48243e.png)
}

    .sports-orange-6046.on, .sports-orange-6046:hover {
        background-image: url(../../assets/vegas_files/48243e.png);
        background-color: var(--main-color);
    }

.sports-orange-265917 {
    background-image: url(../../assets/vegas_files/265917.png)
}

    .sports-orange-265917.on, .sports-orange-265917:hover {
        background-image: url(../../assets/vegas_files/265917.png);
        background-color: var(--main-color);
    }

.sports-orange-48242 {
    background-image: url(../../assets/vegas_files/48242.png)
}

    .sports-orange-48242.on, .sports-orange-48242:hover {
        background-image: url(../../assets/vegas_files/48242.png);
        background-color: var(--main-color);
    }

.sports-orange-154830 {
    background-image: url(../../assets/vegas_files/154830.png)
}

    .sports-orange-154830.on, .sports-orange-154830:hover {
        background-image: url(../../assets/vegas_files/154830.png);
        background-color: var(--main-color);
    }

.sports-orange-35232 {
    background-image: url(../../assets/vegas_files/35232.png)
}

    .sports-orange-35232.on, .sports-orange-35232:hover {
        background-image: url(../../assets/vegas_files/35232.png);
        background-color: var(--main-color);
    }

.sports-orange-54094 {
    background-image: url(../../assets/vegas_files/33c836a.png)
}

    .sports-orange-54094.on, .sports-orange-54094:hover {
        background-image: url(../../assets/vegas_files/bbdf9cf.png);
        background-color: var(--main-color);
    }

.sports-orange-35709 {
    background-image: url(../../assets/vegas_files/12dfbfb.png)
}

    .sports-orange-35709.on, .sports-orange-35709:hover {
        background-image: url(../../assets/vegas_files/ee55a45.png);
        background-color: var(--main-color);
    }

.sports-orange-131506 {
    background-image: url(../../assets/vegas_files/1c37619.png);
}

    .sports-orange-131506.on, .sports-orange-131506:hover {
        background-image: url(../../assets/vegas_files/1c37619.png);
        background-color: var(--main-color);
    }

.sports-orange-154914 {
    background-image: url(../../assets/vegas_files/6046.png)
}

    .sports-orange-154914.on, .sports-orange-154914:hover {
        background-image: url(../../assets/vegas_files/6046.png);
        background-color: var(--main-color);
    }

.sports-orange-687890 {
    background-image: url(../../assets/vegas_files/3b1a104.png)
}

    .sports-orange-687890.on, .sports-orange-687890:hover {
        background-image: url(../../assets/vegas_files/9c513c3.png);
        background-color: var(--main-color);
    }

.sports-orange-etc {
    background-image: url(../../assets/vegas_files/d52486d.png)
}

    .sports-orange-etc.on, .sports-orange-etc:hover {
        background-image: url(../../assets/vegas_files/d9a96fe.png)
    }

.sports-blue--1 {
    background-image: url(../../assets/vegas_files/bddf377.png)
}

    .sports-blue--1.on, .sports-blue--1:hover {
        background-image: url(../../assets/vegas_files/1e735b6.png)
    }

.sports-blue-6046 {
    background-image: url(../../assets/vegas_files/8df885e.png)
}

    .sports-blue-6046.on, .sports-blue-6046:hover {
        background-image: url(../../assets/vegas_files/302d568.png)
    }

.sports-blue-265917 {
    background-image: url(../../assets/vegas_files/78e1b35.png)
}

    .sports-blue-265917.on, .sports-blue-265917:hover {
        background-image: url(../../assets/vegas_files/2fc95c8.png)
    }

.sports-blue-48242 {
    background-image: url(../../assets/vegas_files/21638c9.png)
}

    .sports-blue-48242.on, .sports-blue-48242:hover {
        background-image: url(../../assets/vegas_files/1ee4096.png)
    }

.sports-blue-154830 {
    background-image: url(../../assets/vegas_files/07cccd9.png)
}

    .sports-blue-154830.on, .sports-blue-154830:hover {
        background-image: url(../../assets/vegas_files/e8b1e18.png)
    }

.sports-blue-35232 {
    background-image: url(../../assets/vegas_files/d7d81a8.png)
}

    .sports-blue-35232.on, .sports-blue-35232:hover {
        background-image: url(../../assets/vegas_files/ad4508b.png)
    }

.sports-blue-54094 {
    background-image: url(../../assets/vegas_files/33c836a.png)
}

    .sports-blue-54094.on, .sports-blue-54094:hover {
        background-image: url(../../assets/vegas_files/19d33d0.png)
    }

.sports-blue-35709 {
    background-image: url(../../assets/vegas_files/12dfbfb.png)
}

    .sports-blue-35709.on, .sports-blue-35709:hover {
        background-image: url(../../assets/vegas_files/329c2a1.png)
    }

.sports-blue-131506 {
    background-image: url(../../assets/vegas_files/acbd256.png)
}

    .sports-blue-131506.on, .sports-blue-131506:hover {
        background-image: url(../../assets/vegas_files/ebfc79b.png)
    }

.sports-blue-154914 {
    background-image: url(../../assets/vegas_files/995fffa.png)
}

    .sports-blue-154914.on, .sports-blue-154914:hover {
        background-image: url(../../assets/vegas_files/f3e1681.png)
    }

.sports-blue-687890 {
    background-image: url(../../assets/vegas_files/3b1a104.png)
}

    .sports-blue-687890.on, .sports-blue-687890:hover {
        background-image: url(../../assets/vegas_files/7bd8622.png)
    }

.sports-blue-etc {
    background-image: url(../../assets/vegas_files/d52486d.png)
}

    .sports-blue-etc.on, .sports-blue-etc:hover {
        background-image: url(../../assets/vegas_files/637aea8.png)
    }

.sports-yellow--1 {
    background-image: url(../../assets/vegas_files/bddf377.png)
}

    .sports-yellow--1.on, .sports-yellow--1:hover {
        background-image: url(../../assets/vegas_files/3d18777.png)
    }

.sports-yellow-6046 {
    background-image: url(../../assets/vegas_files/8df885e.png)
}

    .sports-yellow-6046.on, .sports-yellow-6046:hover {
        background-image: url(../../assets/vegas_files/598edb2.png)
    }

.sports-yellow-48242 {
    background-image: url(../../assets/vegas_files/21638c9.png)
}

    .sports-yellow-48242.on, .sports-yellow-48242:hover {
        background-image: url(../../assets/vegas_files/c580685.png)
    }

.sports-yellow-154830 {
    background-image: url(../../assets/vegas_files/07cccd9.png)
}

    .sports-yellow-154830.on, .sports-yellow-154830:hover {
        background-image: url(../../assets/vegas_files/72ccc23.png)
    }

.sports-yellow-35232 {
    background-image: url(../../assets/vegas_files/d7d81a8.png)
}

    .sports-yellow-35232.on, .sports-yellow-35232:hover {
        background-image: url(../../assets/vegas_files/bfc7cac.png)
    }

.sports-yellow-54094 {
    background-image: url(../../assets/vegas_files/33c836a.png)
}

    .sports-yellow-54094.on, .sports-yellow-54094:hover {
        background-image: url(../../assets/vegas_files/f5fc418.png)
    }

.sports-yellow-35709 {
    background-image: url(../../assets/vegas_files/12dfbfb.png)
}

    .sports-yellow-35709.on, .sports-yellow-35709:hover {
        background-image: url(../../assets/vegas_files/ce3d495.png)
    }

.sports-yellow-131506 {
    background-image: url(../../assets/vegas_files/acbd256.png)
}

    .sports-yellow-131506.on, .sports-yellow-131506:hover {
        background-image: url(../../assets/vegas_files/a3f7631.png)
    }

.sports-yellow-154914 {
    background-image: url(../../assets/vegas_files/995fffa.png)
}

    .sports-yellow-154914.on, .sports-yellow-154914:hover {
        background-image: url(../../assets/vegas_files/a96ec1b.png)
    }

.sports-yellow-687890 {
    background-image: url(../../assets/vegas_files/3b1a104.png)
}

    .sports-yellow-687890.on, .sports-yellow-687890:hover {
        background-image: url(../../assets/vegas_files/92a6a8f.png)
    }

.sports-yellow-etc {
    background-image: url(../../assets/vegas_files/d52486d.png)
}

    .sports-yellow-etc.on, .sports-yellow-etc:hover {
        background-image: url(../../assets/vegas_files/25db738.png)
    }

.sports-yellow1--1 {
    background-image: url(../../assets/vegas_files/bddf377.png)
}

    .sports-yellow1--1.on, .sports-yellow1--1:hover {
        background-image: url(../../assets/vegas_files/3d18777.png)
    }

.sports-yellow1-6046 {
    background-image: url(../../assets/vegas_files/8df885e.png)
}

    .sports-yellow1-6046.on, .sports-yellow1-6046:hover {
        background-image: url(../../assets/vegas_files/598edb2.png)
    }

.sports-yellow1-48242 {
    background-image: url(../../assets/vegas_files/21638c9.png)
}

    .sports-yellow1-48242.on, .sports-yellow1-48242:hover {
        background-image: url(../../assets/vegas_files/c580685.png)
    }

.sports-yellow1-154830 {
    background-image: url(../../assets/vegas_files/07cccd9.png)
}

    .sports-yellow1-154830.on, .sports-yellow1-154830:hover {
        background-image: url(../../assets/vegas_files/72ccc23.png)
    }

.sports-yellow1-35232 {
    background-image: url(../../assets/vegas_files/d7d81a8.png)
}

    .sports-yellow1-35232.on, .sports-yellow1-35232:hover {
        background-image: url(../../assets/vegas_files/bfc7cac.png)
    }

.sports-yellow1-54094 {
    background-image: url(../../assets/vegas_files/33c836a.png)
}

    .sports-yellow1-54094.on, .sports-yellow1-54094:hover {
        background-image: url(../../assets/vegas_files/f5fc418.png)
    }

.sports-yellow1-35709 {
    background-image: url(../../assets/vegas_files/12dfbfb.png)
}

    .sports-yellow1-35709.on, .sports-yellow1-35709:hover {
        background-image: url(../../assets/vegas_files/ce3d495.png)
    }

.sports-yellow1-131506 {
    background-image: url(../../assets/vegas_files/acbd256.png)
}

    .sports-yellow1-131506.on, .sports-yellow1-131506:hover {
        background-image: url(../../assets/vegas_files/a3f7631.png)
    }

.sports-yellow1-154914 {
    background-image: url(../../assets/vegas_files/995fffa.png)
}

    .sports-yellow1-154914.on, .sports-yellow1-154914:hover {
        background-image: url(../../assets/vegas_files/a96ec1b.png)
    }

.sports-yellow1-687890 {
    background-image: url(../../assets/vegas_files/3b1a104.png)
}

    .sports-yellow1-687890.on, .sports-yellow1-687890:hover {
        background-image: url(../../assets/vegas_files/92a6a8f.png)
    }

.sports-yellow1-etc {
    background-image: url(../../assets/vegas_files/d52486d.png)
}

    .sports-yellow1-etc.on, .sports-yellow1-etc:hover {
        background-image: url(../../assets/vegas_files/25db738.png)
    }

.sports-white--1 {
    background-image: url(../../assets/vegas_files/white/1d64abd.png)
}

    .sports-white--1.on, .sports-white--1:hover {
        background-image: url(../../assets/vegas_files/white/e919b9c.png)
    }

    .sports-white--1 .cat-count {
        color: #fff !important
    }

    .sports-white--1.on .cat-count, .sports-white--1:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white-6046 {
    background-image: url(../../assets/vegas_files/white/3949e43.png)
}

    .sports-white-6046.on, .sports-white-6046:hover {
        background-image: url(../../assets/vegas_files/white/4045872.png)
    }

    .sports-white-6046 .cat-count {
        color: #fff !important
    }

    .sports-white-6046.on .cat-count, .sports-white-6046:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white-48242 {
    background-image: url(../../assets/vegas_files/white/1376bc1.png)
}

    .sports-white-48242.on, .sports-white-48242:hover {
        background-image: url(../../assets/vegas_files/white/60a88ff.png)
    }

    .sports-white-48242 .cat-count {
        color: #fff !important
    }

    .sports-white-48242.on .cat-count, .sports-white-48242:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white-154830 {
    background-image: url(../../assets/vegas_files/white/b9e198b.png)
}

    .sports-white-154830.on, .sports-white-154830:hover {
        background-image: url(../../assets/vegas_files/white/0284d19.png)
    }

    .sports-white-154830 .cat-count {
        color: #fff !important
    }

    .sports-white-154830.on .cat-count, .sports-white-154830:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white-35232 {
    background-image: url(../../assets/vegas_files/white/7941f86.png)
}

    .sports-white-35232.on, .sports-white-35232:hover {
        background-image: url(../../assets/vegas_files/white/cc1307f.png)
    }

    .sports-white-35232 .cat-count {
        color: #fff !important
    }

    .sports-white-35232.on .cat-count, .sports-white-35232:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white-54094 {
    background-image: url(../../assets/vegas_files/white/42f48c6.png)
}

    .sports-white-54094.on, .sports-white-54094:hover {
        background-image: url(../../assets/vegas_files/white/5f802ea.png)
    }

    .sports-white-54094 .cat-count {
        color: #fff !important
    }

    .sports-white-54094.on .cat-count, .sports-white-54094:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white-35709 {
    background-image: url(../../assets/vegas_files/white/6430f14.png)
}

    .sports-white-35709.on, .sports-white-35709:hover {
        background-image: url(../../assets/vegas_files/white/adab3c4.png)
    }

    .sports-white-35709 .cat-count {
        color: #fff !important
    }

    .sports-white-35709.on .cat-count, .sports-white-35709:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white-131506 {
    background-image: url(../../assets/vegas_files/white/63967cb.png)
}

    .sports-white-131506.on, .sports-white-131506:hover {
        background-image: url(../../assets/vegas_files/white/7e4c1d6.png)
    }

    .sports-white-131506 .cat-count {
        color: #fff !important
    }

    .sports-white-131506.on .cat-count, .sports-white-131506:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white-154914 {
    background-image: url(../../assets/vegas_files/white/f56d590.png)
}

    .sports-white-154914.on, .sports-white-154914:hover {
        background-image: url(../../assets/vegas_files/white/f5d8b22.png)
    }

    .sports-white-154914 .cat-count {
        color: #fff !important
    }

    .sports-white-154914.on .cat-count, .sports-white-154914:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white-687890 {
    background-image: url(../../assets/vegas_files/white/7ebe531.png)
}

    .sports-white-687890.on, .sports-white-687890:hover {
        background-image: url(../../assets/vegas_files/white/558e53c.png)
    }

    .sports-white-687890 .cat-count {
        color: #fff !important
    }

    .sports-white-687890.on .cat-count, .sports-white-687890:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white-etc {
    background-image: url(../../assets/vegas_files/white/7e98788.png)
}

    .sports-white-etc.on, .sports-white-etc:hover {
        background-image: url(../../assets/vegas_files/white/37ae108.png)
    }

    .sports-white-etc .cat-count {
        color: #fff !important
    }

    .sports-white-etc.on .cat-count, .sports-white-etc:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1--1 {
    background-image: url(../../assets/vegas_files/white1/1d64abd.png)
}

    .sports-white1--1.on, .sports-white1--1:hover {
        background-image: url(../../assets/vegas_files/white1/febd92e.png)
    }

    .sports-white1--1 .cat-count {
        color: #fff !important
    }

    .sports-white1--1.on .cat-count, .sports-white1--1:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1-6046 {
    background-image: url(../../assets/vegas_files/white1/3949e43.png)
}

    .sports-white1-6046.on, .sports-white1-6046:hover {
        background-image: url(../../assets/vegas_files/white1/53b99df.png)
    }

    .sports-white1-6046 .cat-count {
        color: #fff !important
    }

    .sports-white1-6046.on .cat-count, .sports-white1-6046:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1-48242 {
    background-image: url(../../assets/vegas_files/white1/1376bc1.png)
}

    .sports-white1-48242.on, .sports-white1-48242:hover {
        background-image: url(../../assets/vegas_files/white1/d946bf9.png)
    }

    .sports-white1-48242 .cat-count {
        color: #fff !important
    }

    .sports-white1-48242.on .cat-count, .sports-white1-48242:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1-154830 {
    background-image: url(../../assets/vegas_files/white1/b9e198b.png)
}

    .sports-white1-154830.on, .sports-white1-154830:hover {
        background-image: url(../../assets/vegas_files/white1/370fa59.png)
    }

    .sports-white1-154830 .cat-count {
        color: #fff !important
    }

    .sports-white1-154830.on .cat-count, .sports-white1-154830:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1-35232 {
    background-image: url(../../assets/vegas_files/white1/7941f86.png)
}

    .sports-white1-35232.on, .sports-white1-35232:hover {
        background-image: url(../../assets/vegas_files/white1/270d4db.png)
    }

    .sports-white1-35232 .cat-count {
        color: #fff !important
    }

    .sports-white1-35232.on .cat-count, .sports-white1-35232:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1-54094 {
    background-image: url(../../assets/vegas_files/white1/42f48c6.png)
}

    .sports-white1-54094.on, .sports-white1-54094:hover {
        background-image: url(../../assets/vegas_files/white1/e6e1afa.png)
    }

    .sports-white1-54094 .cat-count {
        color: #fff !important
    }

    .sports-white1-54094.on .cat-count, .sports-white1-54094:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1-35709 {
    background-image: url(../../assets/vegas_files/white1/6430f14.png)
}

    .sports-white1-35709.on, .sports-white1-35709:hover {
        background-image: url(../../assets/vegas_files/white1/737dc4b.png)
    }

    .sports-white1-35709 .cat-count {
        color: #fff !important
    }

    .sports-white1-35709.on .cat-count, .sports-white1-35709:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1-131506 {
    background-image: url(../../assets/vegas_files/white1/63967cb.png)
}

    .sports-white1-131506.on, .sports-white1-131506:hover {
        background-image: url(../../assets/vegas_files/white1/b9bc722.png)
    }

    .sports-white1-131506 .cat-count {
        color: #fff !important
    }

    .sports-white1-131506.on .cat-count, .sports-white1-131506:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1-154914 {
    background-image: url(../../assets/vegas_files/white1/f56d590.png)
}

    .sports-white1-154914.on, .sports-white1-154914:hover {
        background-image: url(../../assets/vegas_files/white1/c942233.png)
    }

    .sports-white1-154914 .cat-count {
        color: #fff !important
    }

    .sports-white1-154914.on .cat-count, .sports-white1-154914:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1-687890 {
    background-image: url(../../assets/vegas_files/white1/7ebe531.png)
}

    .sports-white1-687890.on, .sports-white1-687890:hover {
        background-image: url(../../assets/vegas_files/white1/1ddc4ff.png)
    }

    .sports-white1-687890 .cat-count {
        color: #fff !important
    }

    .sports-white1-687890.on .cat-count, .sports-white1-687890:hover .cat-count {
        color: #f8d346 !important
    }

.sports-white1-etc {
    background-image: url(../../assets/vegas_files/white1/7e98788.png)
}

    .sports-white1-etc.on, .sports-white1-etc:hover {
        background-image: url(../../assets/vegas_files/white1/3ef4fe9.png)
    }

    .sports-white1-etc .cat-count {
        color: #fff !important
    }

    .sports-white1-etc.on .cat-count, .sports-white1-etc:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red--1 {
    background-image: url(../../assets/vegas_files/bddf377.png)
}

    .sports-red--1.on, .sports-red--1:hover {
        background-image: url(../../assets/vegas_files/ed97cc8.png)
    }

    .sports-red--1 .cat-count {
        color: #fff !important
    }

    .sports-red--1.on .cat-count, .sports-red--1:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red-6046 {
    background-image: url(../../assets/vegas_files/8df885e.png)
}

    .sports-red-6046.on, .sports-red-6046:hover {
        background-image: url(../../assets/vegas_files/9a559f6.png)
    }

    .sports-red-6046 .cat-count {
        color: #fff !important
    }

    .sports-red-6046.on .cat-count, .sports-red-6046:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red-48242 {
    background-image: url(../../assets/vegas_files/21638c9.png)
}

    .sports-red-48242.on, .sports-red-48242:hover {
        background-image: url(../../assets/vegas_files/43420fa.png)
    }

    .sports-red-48242 .cat-count {
        color: #fff !important
    }

    .sports-red-48242.on .cat-count, .sports-red-48242:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red-154830 {
    background-image: url(../../assets/vegas_files/07cccd9.png)
}

    .sports-red-154830.on, .sports-red-154830:hover {
        background-image: url(../../assets/vegas_files/af42688.png)
    }

    .sports-red-154830 .cat-count {
        color: #fff !important
    }

    .sports-red-154830.on .cat-count, .sports-red-154830:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red-35232 {
    background-image: url(../../assets/vegas_files/d7d81a8.png)
}

    .sports-red-35232.on, .sports-red-35232:hover {
        background-image: url(../../assets/vegas_files/2ac9016.png)
    }

    .sports-red-35232 .cat-count {
        color: #fff !important
    }

    .sports-red-35232.on .cat-count, .sports-red-35232:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red-54094 {
    background-image: url(../../assets/vegas_files/33c836a.png)
}

    .sports-red-54094.on, .sports-red-54094:hover {
        background-image: url(../../assets/vegas_files/0c50860.png)
    }

    .sports-red-54094 .cat-count {
        color: #fff !important
    }

    .sports-red-54094.on .cat-count, .sports-red-54094:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red-35709 {
    background-image: url(../../assets/vegas_files/12dfbfb.png)
}

    .sports-red-35709.on, .sports-red-35709:hover {
        background-image: url(../../assets/vegas_files/815f1ab.png)
    }

    .sports-red-35709 .cat-count {
        color: #fff !important
    }

    .sports-red-35709.on .cat-count, .sports-red-35709:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red-131506 {
    background-image: url(../../assets/vegas_files/acbd256.png)
}

    .sports-red-131506.on, .sports-red-131506:hover {
        background-image: url(../../assets/vegas_files/f77334b.png)
    }

    .sports-red-131506 .cat-count {
        color: #fff !important
    }

    .sports-red-131506.on .cat-count, .sports-red-131506:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red-154914 {
    background-image: url(../../assets/vegas_files/995fffa.png)
}

    .sports-red-154914.on, .sports-red-154914:hover {
        background-image: url(../../assets/vegas_files/874ef2c.png)
    }

    .sports-red-154914 .cat-count {
        color: #fff !important
    }

    .sports-red-154914.on .cat-count, .sports-red-154914:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red-687890 {
    background-image: url(../../assets/vegas_files/3b1a104.png)
}

    .sports-red-687890.on, .sports-red-687890:hover {
        background-image: url(../../assets/vegas_files/f5e4b4b.png)
    }

    .sports-red-687890 .cat-count {
        color: #fff !important
    }

    .sports-red-687890.on .cat-count, .sports-red-687890:hover .cat-count {
        color: #f8d346 !important
    }

.sports-red-etc {
    background-image: url(../../assets/vegas_files/d52486d.png)
}

    .sports-red-etc.on, .sports-red-etc:hover {
        background-image: url(../../assets/vegas_files/603d209.png)
    }

    .sports-red-etc .cat-count {
        color: #fff !important
    }

    .sports-red-etc.on .cat-count, .sports-red-etc:hover .cat-count {
        color: #f8d346 !important
    }

.sports-gold--1 {
    background-image: url(../../assets/vegas_files/bddf377.png)
}

    .sports-gold--1.on, .sports-gold--1:hover {
        background-image: url(../../assets/vegas_files/76937df.png)
    }

.sports-gold-6046 {
    background-image: url(../../assets/vegas_files/8df885e.png)
}

    .sports-gold-6046.on, .sports-gold-6046:hover {
        background-image: url(../../assets/vegas_files/9651865.png)
    }

.sports-gold-48242 {
    background-image: url(../../assets/vegas_files/21638c9.png)
}

    .sports-gold-48242.on, .sports-gold-48242:hover {
        background-image: url(../../assets/vegas_files/7009a38.png)
    }

.sports-gold-154830 {
    background-image: url(../../assets/vegas_files/07cccd9.png)
}

    .sports-gold-154830.on, .sports-gold-154830:hover {
        background-image: url(../../assets/vegas_files/93f76cb.png)
    }

.sports-gold-35232 {
    background-image: url(../../assets/vegas_files/d7d81a8.png)
}

    .sports-gold-35232.on, .sports-gold-35232:hover {
        background-image: url(../../assets/vegas_files/63abe18.png)
    }

.sports-gold-54094 {
    background-image: url(../../assets/vegas_files/33c836a.png)
}

    .sports-gold-54094.on, .sports-gold-54094:hover {
        background-image: url(../../assets/vegas_files/16d1829.png)
    }

.sports-gold-35709 {
    background-image: url(../../assets/vegas_files/12dfbfb.png)
}

    .sports-gold-35709.on, .sports-gold-35709:hover {
        background-image: url(../../assets/vegas_files/3dd1f58.png)
    }

.sports-gold-131506 {
    background-image: url(../../assets/vegas_files/acbd256.png)
}

    .sports-gold-131506.on, .sports-gold-131506:hover {
        background-image: url(../../assets/vegas_files/14bc168.png)
    }

.sports-gold-154914 {
    background-image: url(../../assets/vegas_files/995fffa.png)
}

    .sports-gold-154914.on, .sports-gold-154914:hover {
        background-image: url(../../assets/vegas_files/6153e9f.png)
    }

.sports-gold-687890 {
    background-image: url(../../assets/vegas_files/3b1a104.png)
}

    .sports-gold-687890.on, .sports-gold-687890:hover {
        background-image: url(../../assets/vegas_files/fc2b7d3.png)
    }

.sports-gold-etc {
    background-image: url(../../assets/vegas_files/d52486d.png)
}

    .sports-gold-etc.on, .sports-gold-etc:hover {
        background-image: url(../../assets/vegas_files/7644574.png)
    }

.slider-orange-prev {
    background-image: url(../../assets/vegas_files/e877baa.png);
    left: 16px
}

.slider-orange-next, .slider-orange-prev {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 19px
}

.slider-orange-next {
    background-image: url(../../assets/vegas_files/4b18481.png);
    right: 16px
}

    .slider-orange-next[disabled], .slider-orange-prev[disabled] {
        opacity: .5
    }

.slider-blue-prev {
    background-image: url(../../assets/vegas_files/2b8c5ef.png);
    left: 16px
}

.slider-blue-next, .slider-blue-prev {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 19px
}

.slider-blue-next {
    background-image: url(../../assets/vegas_files/781faeb.png);
    right: 16px
}

    .slider-blue-next[disabled], .slider-blue-prev[disabled] {
        opacity: .5
    }

.slider-yellow-prev {
    background-image: url(../../assets/vegas_files/5640050.png);
    left: 16px
}

.slider-yellow-next, .slider-yellow-prev {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 19px
}

.slider-yellow-next {
    background-image: url(../../assets/vegas_files/7cad4b8.png);
    right: 16px
}

    .slider-yellow-next[disabled], .slider-yellow-prev[disabled] {
        opacity: .5
    }

.slider-yellow1-prev {
    background-image: url(../../assets/vegas_files/5640050.png);
    left: 16px
}

.slider-yellow1-next, .slider-yellow1-prev {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 19px
}

.slider-yellow1-next {
    background-image: url(../../assets/vegas_files/7cad4b8.png);
    right: 16px
}

    .slider-yellow1-next[disabled], .slider-yellow1-prev[disabled] {
        opacity: .5
    }

.slider-white-prev {
    background-image: url(../../assets/vegas_files/white/5640050.png);
    left: 16px
}

.slider-white-next, .slider-white-prev {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 19px
}

.slider-white-next {
    background-image: url(../../assets/vegas_files/white/7cad4b8.png);
    right: 16px
}

    .slider-white-next[disabled], .slider-white-prev[disabled] {
        opacity: .5
    }

.slider-red-prev {
    background-image: url(../../assets/vegas_files/f3e5684.png);
    left: 16px
}

.slider-red-next, .slider-red-prev {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 19px
}

.slider-red-next {
    background-image: url(../../assets/vegas_files/f983476.png);
    right: 16px
}

    .slider-red-next[disabled], .slider-red-prev[disabled] {
        opacity: .5
    }

.slider-gold-prev {
    background-image: url(../../assets/vegas_files/3c12dfd.png);
    left: 16px
}

.slider-gold-next, .slider-gold-prev {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 19px
}

.slider-gold-next {
    background-image: url(../../assets/vegas_files/e02a022.png);
    right: 16px
}

    .slider-gold-next[disabled], .slider-gold-prev[disabled] {
        opacity: .5
    }

.level-avatar-orange-1, .level-avatar-orange-2, .level-avatar-orange-3, .level-avatar-orange-4, .level-avatar-orange-5 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-orange-1 {
    background-image: url(../images/rank1.png)
}

.level-avatar-orange-2 {
    background-image: url(../images/rank2.png)
}

.level-avatar-orange-3 {
    background-image: url(../images/rank3.png)
}

.level-avatar-orange-4 {
    background-image: url(../images/rank4.png)
}

.level-avatar-orange-5 {
    background-image: url(../images/rank5.png)
}

.level-avatar-blue-1, .level-avatar-orange-5 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-blue-1 {
    background-image: url(../../assets/vegas_files/e9ef77c.png)
}

.level-avatar-blue-2 {
    background-image: url(../../assets/vegas_files/28bef3f.png)
}

.level-avatar-blue-2, .level-avatar-blue-3 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-blue-3 {
    background-image: url(../../assets/vegas_files/0a22f24.png)
}

.level-avatar-blue-4 {
    background-image: url(../../assets/vegas_files/fb78f63.png)
}

.level-avatar-blue-4, .level-avatar-blue-5 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-blue-5 {
    background-image: url(../../assets/vegas_files/61e2438.png)
}

.level-avatar-yellow-1 {
    background-image: url(../../assets/vegas_files/ebeb13e.png)
}

.level-avatar-yellow-1, .level-avatar-yellow-2 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-yellow-2 {
    background-image: url(../../assets/vegas_files/037bf63.png)
}

.level-avatar-yellow-3 {
    background-image: url(../../assets/vegas_files/05a7d41.png)
}

.level-avatar-yellow-3, .level-avatar-yellow-4 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-yellow-4 {
    background-image: url(../../assets/vegas_files/484e06f.png)
}

.level-avatar-yellow-5 {
    background-image: url(../../assets/vegas_files/a8e18bb.png)
}

.level-avatar-yellow-5, .level-avatar-yellow-6 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-yellow-6 {
    background-image: url(../../assets/vegas_files/9abe91c.png)
}

.level-avatar-yellow-7 {
    background-image: url(../../assets/vegas_files/1dac386.png)
}

.level-avatar-yellow-7, .level-avatar-yellow-8 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-yellow-8 {
    background-image: url(../../assets/vegas_files/b5bbe1f.png)
}

.level-avatar-yellow-9 {
    background-image: url(../../assets/vegas_files/c524749.png)
}

.level-avatar-yellow-9, .level-avatar-yellow-10 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-yellow-10 {
    background-image: url(../../assets/vegas_files/0cc5a55.png)
}

.level-avatar-white-1 {
    background-image: url(../../assets/vegas_files/ebefc34.png)
}

.level-avatar-white-1, .level-avatar-white-2 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-white-2 {
    background-image: url(../../assets/vegas_files/a1df04a.png)
}

.level-avatar-white-3 {
    background-image: url(../../assets/vegas_files/60ec48a.png)
}

.level-avatar-white-3, .level-avatar-white-4 {
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-avatar-white-4 {
    background-image: url(../../assets/vegas_files/7fd5d28.png)
}

.level-avatar-white-5 {
    background-image: url(../../assets/vegas_files/3e51762.png);
    background-size: 100% 100%;
    width: 50px;
    height: 50px
}

.level-number-orange-1 {
    background-image: url(../../assets/vegas_files/e59345c.png)
}

.level-number-orange-1, .level-number-orange-2 {
    background-size: 100% 100%;
    width: 50px;
    height: 19px
}

.level-number-orange-2 {
    background-image: url(../../assets/vegas_files/2758749.png)
}

.level-number-orange-3 {
    background-image: url(../../assets/vegas_files/0ba819c.png)
}

.level-number-orange-3, .level-number-orange-4 {
    background-size: 100% 100%;
    width: 50px;
    height: 19px
}

.level-number-orange-4 {
    background-image: url(../../assets/vegas_files/17e9bcf.png)
}

.level-number-orange-5 {
    background-image: url(../../assets/vegas_files/7cdd9ad.png)
}

.level-number-blue-1, .level-number-orange-5 {
    background-size: 100% 100%;
    width: 50px;
    height: 19px
}

.level-number-blue-1 {
    background-image: url(../../assets/vegas_files/05a47e6.png)
}

.level-number-blue-2 {
    background-image: url(../../assets/vegas_files/1ef3282.png)
}

.level-number-blue-2, .level-number-blue-3 {
    background-size: 100% 100%;
    width: 50px;
    height: 19px
}

.level-number-blue-3 {
    background-image: url(../../assets/vegas_files/353e75d.png)
}

.level-number-blue-4 {
    background-image: url(../../assets/vegas_files/83ca9ea.png)
}

.level-number-blue-4, .level-number-blue-5 {
    background-size: 100% 100%;
    width: 50px;
    height: 19px
}

.level-number-blue-5 {
    background-image: url(../../assets/vegas_files/6953d02.png)
}

.sports-favorite-orange {
    margin-left: 10px;
    cursor: pointer;
    background-image: url(../../assets/vegas_files/dba85a8.png);
    background-size: 100% 100%;
    width: 18px;
    height: 17px;
    float: left
}

    .sports-favorite-orange-on, .sports-favorite-orange:hover {
        background-image: url(../../assets/vegas_files/487bcd3.png)
    }

.sports-favorite-orange-on {
    margin-left: 10px;
    cursor: pointer;
    background-size: 100% 100%;
    width: 18px;
    height: 17px;
    float: left
}

    .sports-favorite-blue, .sports-favorite-orange-on:hover {
        background-image: url(../../assets/vegas_files/dba85a8.png)
    }

.sports-favorite-blue {
    margin-left: 10px;
    cursor: pointer;
    background-size: 100% 100%;
    width: 18px;
    height: 17px;
    float: left
}

    .sports-favorite-blue-on, .sports-favorite-blue:hover {
        background-image: url(../../assets/vegas_files/cb07516.png)
    }

.sports-favorite-blue-on {
    margin-left: 10px;
    cursor: pointer;
    background-size: 100% 100%;
    width: 18px;
    height: 17px;
    float: left
}

    .sports-favorite-blue-on:hover {
        background-image: url(../../assets/vegas_files/dba85a8.png)
    }

.show-detail-odds-orange {
    color: var(--main-color) !important
}

    .show-detail-odds-orange.on, .show-detail-odds-orange:hover {
        background-color: var(--main-color) !important;
        color: black !important
    }

.show-detail-odds-blue {
    border-radius: 0 !important;
    border: 1px solid #1fb3ff;
    color: #1fb3ff !important
}

    .show-detail-odds-blue.on, .show-detail-odds-blue:hover {
        background-color: #1fb3ff !important;
        color: #fff !important
    }

.show-detail-odds-yellow {
    color: #f1c80d !important
}

    .show-detail-odds-yellow.on, .show-detail-odds-yellow:hover {
        background-color: #f1c80d !important;
        color: #0e151b !important
    }

.show-detail-odds-yellow1 {
    color: #f1c80d !important
}

    .show-detail-odds-yellow1.on, .show-detail-odds-yellow1:hover {
        background-color: #f1c80d !important;
        color: #d40511 !important
    }

.show-detail-odds-white {
    color: #eb6967 !important;
    background-color: #fff !important;
    border: 1px solid #f1c80e !important;
    font-weight: 900
}

    .show-detail-odds-white.on, .show-detail-odds-white:hover {
        background-color: #f1c80e !important;
        color: #0e151b !important;
        border: 1px solid #0e151b !important
    }

.show-detail-odds-white1 {
    color: #ff4900 !important;
    background-color: #fff !important;
    border: 1px solid #ff4900 !important;
    font-weight: 900
}

    .show-detail-odds-white1.on, .show-detail-odds-white1:hover {
        background-color: #ff4900 !important;
        color: #0e151b !important;
        border: 1px solid #0e151b !important
    }

.show-detail-odds-red {
    color: #ff2c2c !important
}

    .show-detail-odds-red.on, .show-detail-odds-red:hover {
        background-color: #ff2c2c !important;
        color: #fff !important
    }

.show-detail-odds-gold {
    color: #ffa863 !important
}

    .show-detail-odds-gold.on, .show-detail-odds-gold:hover {
        background-color: #ffa863 !important;
        color: #0e151b !important
    }

.show-detail-odds-yellow-virtual {
    border-radius: 0 !important;
    border: 1px solid #f1c80d;
    color: #f1c80d !important
}

    .show-detail-odds-yellow-virtual.on, .show-detail-odds-yellow-virtual:hover {
        background-color: #f1c80d !important;
        color: #0e151b !important
    }

.show-detail-odds-white-virtual {
    background: #ebebeb !important;
    border-radius: 0 !important;
    border: 1px solid #f1c80d;
    color: #0e151b !important
}

    .show-detail-odds-white-virtual.on, .show-detail-odds-white-virtual:hover {
        background-color: #ebebeb !important;
        color: #0e151b !important
    }

.show-detail-odds-white1-virtual {
    background: #ebebeb !important;
    border-radius: 0 !important;
    border: 1px solid #ff4900;
    color: #0e151b !important
}

    .show-detail-odds-white1-virtual.on, .show-detail-odds-white1-virtual:hover {
        background-color: #ebebeb !important;
        color: #0e151b !important
    }

.show-detail-odds-red-virtual {
    border-radius: 0 !important;
    border: 1px solid #ff2c2c;
    color: #ff2c2c !important
}

    .show-detail-odds-red-virtual.on, .show-detail-odds-red-virtual:hover {
        background-color: #ff2c2c !important;
        color: #0e151b !important
    }

.show-detail-odds-gold-virtual {
    border-radius: 0 !important;
    border: 1px solid #ffa863;
    color: #ffa863 !important
}

    .show-detail-odds-gold-virtual.on, .show-detail-odds-gold-virtual:hover {
        background-color: #ffa863 !important;
        color: #0e151b !important
    }

.show-detail-no-odds-orange {
    color: var(--main-color) !important
}

.show-detail-no-odds-blue {
    border: 1px solid #1fb3ff;
    color: #1fb3ff !important
}

.show-detail-no-odds-yellow, .show-detail-no-odds-yellow1 {
    color: #f1c80d !important
}

.show-detail-no-odds-white {
    border: 1px solid #f1c80e !important;
    background: #fff !important;
    color: #0e151b !important
}

.show-detail-no-odds-white1 {
    border: 1px solid #ff4900 !important;
    background: #fff !important;
    color: #0e151b !important
}

.show-detail-no-odds-red {
    color: #ff2c2c !important
}

.show-detail-no-odds-gold {
    color: #ffa863 !important
}

.odds-main-type-tab-orange {
    background-color: #2b343b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-bottom: 2px solid var(--main-color);
    cursor: pointer;
    flex: 1
}

    .odds-main-type-tab-orange.on {
        background-color: #111;
        border: 2px solidvar(--main-color);
        border-bottom: 0
    }

.odds-main-type-tab-blue {
    background-color: #2b343b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-bottom: 2px solid #1f8fff;
    cursor: pointer;
    flex: 1
}

    .odds-main-type-tab-blue.on {
        background-color: #111;
        border: 2px solid #1f8fff;
        border-bottom: 0
    }

.odds-main-type-tab-yellow {
    background-color: #2b343b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-bottom: 2px solid #f1c80d;
    cursor: pointer;
    flex: 1
}

    .odds-main-type-tab-yellow.on {
        background-color: #111;
        border: 2px solid #f1c80d;
        border-bottom: 0
    }

.odds-main-type-tab-yellow1 {
    background-color: #2b343b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-bottom: 2px solid #f1c80d;
    cursor: pointer;
    flex: 1
}

    .odds-main-type-tab-yellow1.on {
        background-color: #111;
        border: 2px solid #f1c80d;
        border-bottom: 0
    }

.odds-main-type-tab-white {
    background-color: #bebebd;
    color: #0e151b;
    text-align: center;
    font-weight: 700;
    border-bottom: 2px solid #f1c80d;
    cursor: pointer;
    flex: 1
}

    .odds-main-type-tab-white.on {
        background-color: #fff;
        border: 2px solid #f1c80d;
        border-bottom: 0
    }

.odds-main-type-tab-white1 {
    background-color: #bebebd;
    color: #0e151b;
    text-align: center;
    font-weight: 700;
    border-bottom: 2px solid #ff4900;
    cursor: pointer;
    flex: 1
}

    .odds-main-type-tab-white1.on {
        background-color: #fff;
        border: 2px solid #ff4900;
        border-bottom: 0
    }

.odds-main-type-tab-red {
    background-color: #2b343b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-bottom: 2px solid #ff2c2c;
    cursor: pointer;
    flex: 1
}

    .odds-main-type-tab-red.on {
        background-color: #111;
        border: 2px solid #ff2c2c;
        border-bottom: 0
    }

.odds-main-type-tab-gold {
    background-color: #2b343b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-bottom: 2px solid #ffa863;
    cursor: pointer;
    flex: 1
}

    .odds-main-type-tab-gold.on {
        background-color: #111;
        border: 2px solid #ffa863;
        border-bottom: 0
    }

.odds-main-type-tab-in {
    border-left: 2px solid #171c22;
    border-right: 2px solid #171c22;
    padding: 9px 0;
    height: 100%
}

.odds-main-type-tab-in-white {
    border-left: 2px solid #ebebeb;
    border-right: 2px solid #ebebeb;
    padding: 9px 0;
    height: 100%
}

.bet-history-tab-orange {
    border-bottom: 2px solid var(--main-color)
}

.bet-history-tab-blue, .bet-history-tab-orange {
    background-color: #2b343b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    width: 25%
}

.bet-history-tab-blue {
    border-bottom: 2px solid #1f8fff
}

.bet-history-tab-yellow {
    border-bottom: 2px solid #f1c80d
}

.bet-history-tab-yellow, .bet-history-tab-yellow1 {
    background-color: #2b343b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    width: 25%
}

.bet-history-tab-yellow1 {
    border-bottom: 2px solid #d40511
}

.bet-history-tab-white {
    border-bottom: 2px solid #f1c80d
}

.bet-history-tab-white, .bet-history-tab-white1 {
    background-color: #bebebd;
    color: #0e151b;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    width: 25%
}

.bet-history-tab-white1 {
    border-bottom: 2px solid #ff4900
}

.bet-history-tab-red {
    border-bottom: 2px solid #ff2c2c;
    width: 25%
}

.bet-history-tab-gold, .bet-history-tab-red {
    background-color: #2b343b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    cursor: pointer
}

.bet-history-tab-gold {
    border-bottom: 2px solid #ffa863;
    width: 20%
}

.bet-history-tab-orange.on {
    background-color: #171c22;
    border: 2px solid var(--main-color);
    border-bottom: 0
}

.bet-history-tab-blue.on {
    background-color: #171c22;
    border: 2px solid #1f8fff;
    border-bottom: 0
}

.bet-history-tab-yellow.on {
    background-color: #171c22;
    border: 2px solid #f1c80d;
    border-bottom: 0
}

.bet-history-tab-yellow1.on {
    background-color: #171c22;
    border: 2px solid #d40511;
    border-bottom: 0
}

.bet-history-tab-white.on {
    background-color: #fff;
    border: 2px solid #f1c80d;
    border-bottom: 0
}

.bet-history-tab-white1.on {
    background-color: #fff;
    border: 2px solid #ff4900;
    border-bottom: 0
}

.bet-history-tab-red.on {
    background-color: #171c22;
    border: 2px solid #ff2c2c;
    border-bottom: 0
}

.bet-history-tab-gold.on {
    background-color: #171c22;
    border: 2px solid #ffa863;
    border-bottom: 0
}

.bet-history-tab-in {
    border-left: 2px solid #171c22;
    border-right: 2px solid #171c22;
    padding: 13px 0;
    height: 100%
}

.bet-history-tab-in-white {
    border-left: 2px solid #ebebeb;
    border-right: 2px solid #ebebeb;
    padding: 13px 0;
    height: 100%
}

.bet-result-table .el-table__header-wrapper {
    display: none
}

.bet-result-table.el-table tr {
    background-color: #171c22
}

.bet-result-table.el-table td {
    border-bottom: 0
}

.bet-result-table.el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #171c22
}

.bet-result-table.el-table {
    border-radius: 0;
    background-color: #171c22
}

.bet-result-table.el-table--mini td, .bet-result-table.el-table--mini th {
    padding: 0 !important
}

.bet-result-table.el-table .cell {
    padding-left: 0;
    padding-right: 0
}

.bet-result-table-white .el-table__header-wrapper {
    display: none
}

.bet-result-table-white.el-table tr {
    background-color: #ebebeb
}

.bet-result-table-white.el-table td {
    border-bottom: 0
}

.bet-result-table-white.el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #fff
}

.bet-result-table-white.el-table {
    border-radius: 0;
    background-color: #fff
}

.bet-result-table-white.el-table--mini td, .bet-result-table-white.el-table--mini th {
    padding: 0 !important
}

.bet-result-table-white.el-table .cell {
    padding-left: 0;
    padding-right: 0
}

.bg-white-location {
    padding: 0 !important;
    background: #dbdbdb !important;
    border-top: 1px solid #a7a7a7 !important;
    border-bottom: 1px solid #a7a7a7 !important;
    color: #0e151b !important
}

    .bg-white-location:hover {
        background-image: linear-gradient(180deg,#f4f4f4 0,#e2e2e2 20%,#a6a6a6 50%,#e2e2e2 80%,#f4f4f4) !important
    }

.bg-white-league {
    background: #a1a1a1 !important;
    border-top: 1px solid #777 !important;
    border-bottom: 1px solid #777 !important;
    color: #0e151b !important
}

    .bg-white-league:hover {
        background-image: linear-gradient(180deg,#f4f4f4 0,#e2e2e2 20%,#a6a6a6 50%,#e2e2e2 80%,#f4f4f4) !important
    }

.sport-rule-confirm-orange {
    color: var(--main-color)
}

.sport-rule-confirm-blue {
    color: #1fb3ff
}

.sport-rule-confirm-yellow {
    color: #f1c80d
}

.sport-rule-confirm-yellow1 {
    color: #d40511
}

.sport-rule-confirm-white {
    color: #f11d1c
}

.sport-rule-confirm-white1 {
    color: #ff4900
}

.sport-rule-confirm-red {
    color: #ff2c2c
}

.sport-rule-confirm-gold {
    color: #ffa863
}

.friend-title-orange {
    color: var(--main-color);
    font-size: 18px
}

.friend-title-blue {
    color: #1fb3ff;
    font-size: 18px
}

.friend-title-yellow {
    color: #f1c80d;
    font-size: 18px
}

.friend-title-yellow1 {
    color: #d40511;
    font-size: 18px
}

.friend-title-white {
    color: #37a9d6;
    font-size: 23px
}

.friend-title-red {
    color: #ff2b29;
    font-size: 18px
}

.friend-title-gold {
    color: #ffa863;
    font-size: 18px
}

.side-money-orange {
    color: var(--main-color)
}

.side-money-blue {
    color: #1f8fff
}

.side-money-yellow {
    color: #f8d346
}

.side-money-yellow1 {
    color: #d40511
}

.side-money-white {
    color: #37a9d6
}

.side-money-white1 {
    color: #ff4900
}

.side-money-red {
    color: #c80002
}

.side-money-gold {
    color: #ffa863
}

.header-icon-orange {
    /* color:var(--main-color) */
    color: white;
}

.header-icon-blue {
    color: #1f8fff
}

.header-icon-yellow {
    color: #f8d346
}

.header-icon-yellow1 {
    color: #d40511
}

.header-icon-white {
    color: var(--main-color)
}

.header-icon-red {
    color: #c80002
}

.header-icon-white1 {
    color: #ff4900
}

.header-icon-gold {
    color: #ffa863
}

.home-notice-orange {
    color: var(--main-color)
}

.home-notice-blue {
    color: #1f8fff
}

.home-notice-yellow {
    color: #f8d346
}

.home-notice-yellow1 {
    color: #d40511
}

.home-notice-white {
    color: #ff6da1
}

.home-notice-white1 {
    color: #ff4900
}

.home-notice-red {
    color: #ff2c2c
}

.home-notice-gold {
    color: #ffa863
}

.go-sign-up-orange {
    color: var(--main-color)
}

.go-sign-up-blue {
    color: #1f8fff
}

.go-sign-up-yellow, .go-sign-up-yellow1 {
    color: #f8d346
}

.go-sign-up-white, .go-sign-up-white1 {
    color: #ff1f2c
}

.header-button-login-orange {
    color: #fff !important;
    border: 2px solid var(--main-color) !important
}

.header-button-login-blue {
    color: #fff !important;
    border: 2px solid #1fb3ff !important
}

.header-button-login-yellow {
    color: #fff !important;
    border: 2px solid #f8d346 !important
}

.header-button-login-yellow1 {
    color: #d40511 !important;
    border: 2px solid #d40511 !important
}

.header-button-login-white {
    color: #0e151b !important;
    border: 2px solid var(--main-color) !important
}

.header-button-login-white1 {
    color: #0e151b !important;
    border: 2px solid #ff4900 !important
}

.header-button-login-red {
    color: #fff !important;
    border: 2px solid #c80000 !important
}

.header-button-login-gold {
    color: #fff !important;
    border: 2px solid #ffa863 !important
}

.header-button-signup-orange {
    color: #fff !important;
    background: var(--main-color) !important;
    border: 2px solid #fff !important
}

.header-button-signup-blue {
    color: #fff !important;
    background: #1fb3ff !important;
    border: 2px solid #1fb3ff !important
}

.header-button-signup-yellow {
    color: #0e151b !important;
    background: #f8d346 !important;
    border: 2px solid #f8d346 !important
}

.header-button-signup-yellow1 {
    color: #fff !important;
    background: #d40511 !important;
    border: 2px solid #d40511 !important
}

.header-button-signup-white {
    color: #0e151b !important;
    background: var(--main-color) !important;
    border: 2px solid var(--main-color) !important
}

.header-button-signup-white1 {
    color: #0e151b !important;
    background: #ff4900 !important;
    border: 2px solid #ff4900 !important
}

.header-button-signup-red {
    color: #fff !important;
    background: #c80000 !important;
    border: 2px solid #c80000 !important
}

.header-button-signup-gold {
    color: #0e151b !important;
    background: #ffa863 !important;
    border: 2px solid #ffa863 !important
}

.side-icon-orange {
    /* color:var(--main-color) */
    color: white;
}

.side-icon-blue {
    color: #1f8fff
}

.side-icon-yellow, .side-icon-yellow1 {
    color: #f8d346
}

.payin-caution-white, .side-icon-white {
    color: red
}

.league-info-name-gold, .league-info-name-orange, .league-info-name-red, .league-info-name-yellow, .league-info-name-yellow1 {
    margin-top: 10px
}

.league-info-name-blue {
    margin-top: 7px
}

.league-info-name-white, .league-info-name-white1 {
    margin-top: 8px
}

.league-info-icon-gold, .league-info-icon-orange, .league-info-icon-red {
    margin-top: 10px
}

.league-info-icon-blue {
    font-size: 16px;
    margin-top: 7px
}

.league-info-icon-yellow, .league-info-icon-yellow1 {
    font-size: 16px;
    margin-top: 10px
}

.league-info-icon-white, .league-info-icon-white1 {
    font-size: 18px;
    margin-top: 10px
}

.league-info-game-gold, .league-info-game-orange, .league-info-game-red, .league-info-game-yellow, .league-info-game-yellow1 {
    margin-top: 9px
}

.league-info-game-blue {
    margin-top: 6px
}

.league-info-game-white, .league-info-game-white1 {
    margin-top: 7px
}

.league-info-gameicon-gold, .league-info-gameicon-orange, .league-info-gameicon-red, .league-info-gameicon-yellow, .league-info-gameicon-yellow1 {
    margin-top: 8px
}

.league-info-gameicon-blue {
    margin-top: 5px
}

.league-info-gameicon-white, .league-info-gameicon-white1 {
    margin-top: 6px
}

.token-bet-button-orange {
    background-color: var(--main-color)
}

.token-bet-button-blue, .token-bet-button-orange {
    position: absolute;
    left: calc(50% - 50px);
    top: 55%;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    color: #fff
}

.token-bet-button-blue {
    background-color: #1f8fff
}

.token-bet-button-yellow {
    position: absolute;
    left: calc(50% - 50px);
    top: 55%;
    padding: 10px 20px;
    background-color: #f8d346;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    color: #0e151b
}

.mini-header-top-button {
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    background: #141414;
    cursor: pointer
}

    .mini-header-top-button.on-orange {
        background: var(--main-color)
    }

    .mini-header-top-button.on-blue {
        background: #1fb3ff
    }

    .mini-header-top-button.on-yellow {
        background: #f8d346;
        color: #0e151b
    }

    .mini-header-top-button.on-yellow1 {
        background: #d40511;
        color: #0e151b
    }

    .mini-header-top-button.on-white, .mini-header-top-button.on-white1 {
        background: var(--main-color)
    }

    .mini-header-top-button.on-red {
        background: #ff2c2c
    }

.mini-header-bottom-button {
    background: #2c353c;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

    .mini-header-bottom-button.on-blue, .mini-header-bottom-button.on-orange, .mini-header-bottom-button.on-red, .mini-header-bottom-button.on-white, .mini-header-bottom-button.on-yellow, .mini-header-bottom-button.on-yellow1 {
        background: #1b1e23
    }

.level-setting-orange {
    background-image: url(../../assets/vegas_files/b4a0ed4.png)
}

.level-setting-blue, .level-setting-orange {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 34px;
    width: 100%;
    max-width: 91px
}

.level-setting-blue {
    background-image: url(../../assets/vegas_files/54817e4.png)
}

.level-setting-yellow {
    background-image: url(../../assets/vegas_files/2d97654.png)
}

.level-setting-yellow, .level-setting-yellow1 {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 34px;
    width: 100%;
    max-width: 91px
}

.level-setting-yellow1 {
    background-image: url(../../assets/vegas_files/2d97654.png)
}

.level-setting-white {
    background-image: url(../../assets/vegas_files/2d97654.png)
}

.level-setting-red, .level-setting-white {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 34px;
    width: 100%;
    max-width: 91px
}

.level-setting-red {
    background-image: url(../../assets/vegas_files/a7c174b.png)
}

.level-setting-gold {
    background-image: url(../../assets/vegas_files/8bb89f1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 34px;
    width: 100%;
    max-width: 91px
}

.door-background-blue, .door-background-orange {
    background-image: linear-gradient(90deg,#0d0d0d 0,#181818 50%,#0d0d0d)
}

.door-background-yellow {
    background: url(/image/login/goalin.jpg) no-repeat
}

.door-background-yellow1 {
    background: url(/image/login/dhl.png) no-repeat
}

.door-background-white {
    background: url(/image/login/now.png) no-repeat;
    background-size: 100% auto
}

.door-background-white1 {
    background: url(/image/login/worker.png) no-repeat
}

.door-background-red {
    background-image: linear-gradient(90deg,#0d0d0d 0,#181818 50%,#0d0d0d)
}

.door-background-gold {
    background: url(/image/login/gold.jpg) no-repeat;
    background-size: 100% auto
}

.main-market-orange {
    color: var(--main-color)
}

.main-market-blue, .main-market-orange {
    background: #2d353c;
    border: 2px solid #2d353c
}

.main-market-blue {
    color: #1fb3ff
}

.main-market-yellow, .main-market-yellow1 {
    background: #2d353c;
    border: 2px solid #2d353c;
    color: #f1c80d
}

.main-market-white, .main-market-white1 {
    background: #fff;
    border: 2px solid #fff;
    color: #0e151b
}

.main-market-red {
    color: #ff2c2c
}

.main-market-gold, .main-market-red {
    background: #2d353c;
    border: 2px solid #2d353c
}

.main-market-gold {
    color: #ffa863
}

.header-mob-blue, .header-mob-orange {
    height: 60px;
    background: #2c1b34 !important;
    border-bottom: 2px solid #0e151b;
    justify-content: space-between;
    padding: 0 15px !important;
    display: flex;
    margin: 0 auto;
}

.header-mob-yellow, .header-mob-yellow1 {
    height: 45px;
    background: #2e2e2e !important;
    border-bottom: 2px solid #0e151b
}

.header-mob-white, .header-mob-white1 {
    height: 43px;
    background: #efefef !important;
    border-bottom: 2px solid #a1a1a1
}

.header-mob-red {
    height: 60px
}

.header-mob-gold, .header-mob-red {
    background: #2e2e2e !important;
    border-bottom: 2px solid #0e151b
}

.header-mob-gold {
    height: 45px
}

.header-mob-left-blue, .header-mob-left-orange {
    /* padding-top:7px */
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-55%);
    cursor: pointer;
}

.header-mob-left-yellow, .header-mob-left-yellow1 {
    padding-top: 9px
}

.header-mob-left-white, .header-mob-left-white1 {
    padding-top: 7px
}

.header-mob-left-red {
    padding-top: 15px
}

.header-mob-left-gold {
    padding-top: 7px
}

.header-mob-right-blue, .header-mob-right-orange {
    padding-top: 6px
}

.header-mob-right-yellow, .header-mob-right-yellow1 {
    padding-top: 8px
}

.header-mob-right-white, .header-mob-right-white1 {
    padding-top: 6px
}

.header-mob-right-red {
    padding-top: 14px
}

.header-mob-right-gold {
    padding-top: 6px
}

.header-text-blue, .header-text-orange, .header-text-yellow {
    color: #fff !important
}

.header-text-yellow1 {
    color: #d40511 !important
}

.header-text-white, .header-text-white1 {
    color: #0e151b !important
}

.header-text-gold, .header-text-red {
    color: #fff !important
}

.favorite-back-blue, .favorite-back-orange {
    background: #2d353c !important
}

.favorite-back-yellow, .favorite-back-yellow1 {
    background-color: #111 !important
}

.favorite-back-white, .favorite-back-white1 {
    background: none !important
}

.favorite-back-gold, .favorite-back-red {
    background-color: #111 !important
}

.favorite-top-back-yellow {
    border-top: 1px solid #565656;
    border-bottom: 3px solid #0e151b;
    background-image: linear-gradient(180deg,#101010 0,#121212 20%,#181617 50%,#1c1a1b 80%,#201c1b) !important
}

.favorite-top-back-yellow1 {
    border-top: 1px solid #4a4a4a;
    border-bottom: 3px solid #111;
    background-image: linear-gradient(180deg,#282828 0,#222 20%,#1b1b1b 50%,#131313 80%,#111) !important
}

.favorite-top-back-white, .favorite-top-back-white1 {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #7d797a;
    background-image: linear-gradient(180deg,#d0d0d0 0,#d7d7d7 20%,#e7e7e7 50%,#f4f4f4 80%,#fafafa) !important;
    box-shadow: 0 0 7px rgba(0,0,0,.5)
}

.favorite-top-back-gold, .favorite-top-back-red {
    border-top: 1px solid #565656;
    border-bottom: 3px solid #0e151b;
    background-image: linear-gradient(180deg,#101010 0,#121212 20%,#181617 50%,#1c1a1b 80%,#201c1b) !important
}

.friend-box-color-orange {
    color: var(--main-color) !important
}

.friend-box-color-blue {
    color: #1fb3ff !important
}

.friend-box-color-yellow, .friend-box-color-yellow1 {
    color: #f1c80d !important
}

.friend-box-color-white {
    color: #0e151b !important
}

.friend-box-color-white1 {
    color: #ff4900 !important
}

.friend-box-color-red {
    color: #ff2c2c !important
}

.friend-box-color-gold {
    color: #ffa863 !important
}

.sport-category-color-orange {
    color: var(--main-color) !important
}

.sport-category-color-blue {
    color: #1fb3ff !important
}

.sport-category-color-yellow, .sport-category-color-yellow1 {
    color: #f1c80d !important
}

.sport-category-color-white {
    color: #0e151b !important
}

.sport-category-color-white1 {
    color: #ff4900 !important
}

.sport-category-color-red {
    color: #ff2c2c !important
}

.sport-category-color-gold {
    color: #ffa863 !important
}

.virtual-tab-orange {
    background: #67c13a !important
}

.virtual-tab-blue {
    background: #1fb3ff !important
}

.virtual-tab-yellow {
    background: #f1c80d !important
}

.virtual-tab-yellow1 {
    background: #d40511 !important
}

.virtual-tab-white {
    background: #f1c80d !important
}

.virtual-tab-white1 {
    background: #ff4900 !important
}

.virtual-tab-red {
    background: #ff2c2c !important
}

.virtual-tab-gold {
    background-image: linear-gradient(to bottom right,#ffa560 0,#ffa664 20%,#fed989 50%,#ffa664 80%,#ffa560) !important
}

.btn-betting-gold {
    background: url(/image/Sidebar/gold/bet.png) no-repeat;
    background-size: 100% 100%
}

.btn-cancel-gold {
    background: url(/image/Sidebar/gold/cancel.png) no-repeat;
    background-size: 100% 100%
}

@media screen and (max-width:768px) {
    .token-bet-button-blue, .token-bet-button-orange, .token-bet-button-yellow {
        left: 70%;
        top: 40%;
        padding: 5px 10px;
        width: 80px;
        border-radius: 10px
    }

    .mini-header-top-button {
        font-size: 13px
    }

    .door-background-yellow1 {
        background: url(/image/login/dhl-mob.png) no-repeat;
        background-size: 100% 100%
    }

    .door-background-white {
        background: url(/image/login/now-mob.png) no-repeat;
        background-size: 100% 100%
    }

    .door-background-gold {
        background: url(/image/login/gold-mob.jpg) no-repeat;
        background-size: 100% 100%
    }
}





.bg-orange2, .bg-orange-darker {
    background: var(--main-color) !important
}

.label_orange_bg {
    background: var(--main-color);
    font-family: arial
}

.label_blue_bg {
    background: #1f8fff;
    font-family: arial
}

.secondary {
    background: var(--main-color);
    padding: 6px 20px 5px 10px
}

.secondary, .tertiary {
    color: #fff;
    border: 2px solid var(--main-color);
    border-radius: 15px;
    outline: none
}

.tertiary {
    background: none;
    padding: 6px 10px 5px
}

ol {
    padding-left: 0
}

.bwizard-steps li.active {
    background: var(--main-color) !important;
    color: #fff
}

    .bwizard-steps li.active:hover {
        background: #e85c00 !important
    }

    .bwizard-steps li.active small {
        color: #151515 !important
    }

.slimScrollDiv {
    height: calc(100vh - 104px);
    overflow-y: auto;
}

.cover-bar {
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0px;
    -webkit-transition: all .5s;
    opacity: 1;
    /* 배경색을 상자색과 똑같이 맞춰준다 */
    background-color: #0e151b;
}

/* 중요한 부분 */
#sidebar-right:hover .cover-bar {
    opacity: 0;
    -webkit-transition: all .5s;
}


#leftmenu {
    display: none;
}

.popup {
    display: none;
    z-index: 2004;
}


.sports2box {
    border: 2px solid #222733;
    background: #191919;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px;
}

.sports2boxtop {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 100%;
    position: absolute;
    top: -12px;
    left: 0px;
    z-index: 5;
    text-align: left;
    color: #0e151b;
    padding: 0px;
}

.sports2boxtopin {
    border: 1px solid #222733;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #1E2428;
    text-align: center;
    color: #fff;
    padding: 0px;
}


.btnstyle1-inverse2 {
    cursor: pointer;
    height: 30px;
    border-radius: 3px;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    background-image: linear-gradient(137deg,#9875a9 0,#905ea7 5%,#1b1120 20%,#2c1b34 50%,#1b1120 80%,#5e3771 95%,#2c1b34)
}

    .btnstyle1-inverse2:hover, .btnstyle1-inverse2:focus, .btnstyle1-inverse2:active, .btnstyle1-inverse2.active, .btnstyle1-inverse2.disabled, .btnstyle1-inverse2[disabled] {
        background-image: linear-gradient(137deg,#372241 0,#905ea7 5%,#4b2b5b 20%,#7c4795 50%,#59356b 80%,#5e3771 95%,#2c1b34);
        color: white !important;
    }

    .btnstyle1-inverse2:active, .btnstyle1-inverse2.active {
        background-image: linear-gradient(137deg,#372241 0,#905ea7 5%,#4b2b5b 20%,#7c4795 50%,#59356b 80%,#5e3771 95%,#2c1b34);
    }

.mobi-ico01 {
    width: 80px;
}

.mobi-ico02 {
    width: 66px;
}

@media screen and (min-width: 1860px) {
    #sidebar {
        width: 300px;
    }

    #sidebar-hamburg-orange {
        display: none;
    }

    #leftmenu {
        display: block;
    }
}

@media screen and (max-width: 1860px) {
    #sidebar {
        width: 50px;
    }

    #sidebar-hamburg-orange {
        display: block;
    }

    #leftmenu {
        display: none;
    }
}

.content, .main-bg-logo-orange, .content > div {
    -webkit-transition: width 0.6s ease-in-out;
    -moz-transition: width 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out;
    transition: width 0.6s ease-in-out;
}

#sidebar-right {
    -webkit-transition: width 0.6s ease-in-out;
    -moz-transition: width 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out;
    transition: width 0.6s ease-in-out;
}

@media screen and (max-width: 1080px) {
    #sidebar-right {
        width: 0;
    }
}



.pc_top {
    display: block;
}

.mobi-top {
    display: none;
}

.pc-view {
    display: block;
}

.pc-view2 {
    display: inline-block;
    font-style: normal;
}

.mobi-view {
    display: none;
}

.sidebar-board-orange a {
    color: #fff;
    text-decoration: none;
}

.payLayout {
    float: left;
    width: 58.33333%;
    padding-right: 35px;
}

.panel-heading a {
    color: #fff;
    text-decoration: none;
}

.payView {
    display: none;
}

.payPop {
    display: none;
}

.payPopClose {
    cursor: pointer;
}

.btnPay {
    width: calc(14.2% - 4px) !important;
}

.payTitle {
    font-size: 22px;
    padding-left: 50px;
}

.payTitle2 {
    font-size: 22px;
}


.clockbox {
    width: 310px;
    height: 82px;
    overflow-x: hidden;
    overflow-y: hidden;
    font: 700 40px Open Sans Condensed,sans-serif;
}

.v-box1 {
    background: #242f42;
    text-align: left;
    vertical-align: top;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    clear: both;
}

.v-box2 {
    clear: both;
    width: 100%;
    padding: 2px 20px 20px 20px;
    background: #0B1423;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.list-box-g.pb-bx {
    display: table;
    height: auto;
}

.btn-cs span {
    display: inline-block;
    line-height: 27px;
    /*background: url("../../assets/vegas_files/d28b175.png") no-repeat left center;*/
}

.pb-block {
    display: block;
}

.stickybox {
    position: fixed;
    z-index: 9998;
    right: 3%;
    bottom: -100px;
    margin-left: 0;
    filter: alpha(opacity=85);
    opacity: .85;
    -moz-opacity: .85;
}

#login.popup > div {
    margin-top: 15px;
    width: 490px;
}

#register.popup > div {
    margin-top: 15px;
    width: 650px;
}

.btn-delete-bd {
    width: 20px;
}

.vs03 {
    display: none;
}

.mobi-mb {
    display: none;
}

@media screen and ( max-width: 1400px ) {
    .payLayout {
        width: 100%;
        padding-right: 0px;
    }

    .payLayout2 {
        display: none;
    }

    .payView {
        display: block;
    }
}

@media screen and ( min-width: 768px ) {
    #sidebar {
        width: 0px;
        display: none;
    }
}

@media screen and ( max-width: 768px ) {

    .mobi-mb {
        display: block;
    }

    img {
        max-width: 100%;
    }

    #sidebar {
        width: 0px;
        display: block;
    }

    #sidebar-right {
        display: none;
    }

    #ajax-content .p-l-16 {
        padding-left: 0px !important;
    }

    #ajax-content .p-r-16 {
        padding-right: 0px !important;
    }

    .vs-t {
        width: 10%;
    }

    .home-t {
        width: calc(50% - 24px);
    }

    .away-t {
        width: calc(50% - 24px);
    }

    .bet-type {
        display: none;
    }

    #sliderContainer {
        overflow-x: auto;
    }

    .mobi-wp100 {
        width: 100%;
    }

    .pc_top {
        display: none;
    }

    .mobi-top {
        display: block;
    }

    .pc-view {
        display: none;
    }

    .pc-view2 {
        display: none;
    }

    .mobi-view {
        display: block;
    }

    .content {
        margin-top: 0px;
    }

    #sidebar-hamburg-orange {
        display: none;
    }

    #sidebar {
        z-index: 2003;
    }

    .slimScrollDiv {
        height: calc(100vh - 43px);
    }

    .slimScrollDivA {
        height: calc(100vh - 43px);
        display: none;
    }

    #leftbox_sports.p-t-23 {
        padding-top: 0px !important;
    }

    #footer {
        position: relative;
        margin-top: 30px;
        padding: 22px 0 22px;
        text-align: center;
        border-top: 1px solid #363a41;
    }

    .mobi-style {
        border-top: 2px solid #222733;
        padding: 5px;
    }

    .payLayout .p-l-50 {
        padding-left: 0px !important;
    }

    .payLayout .p-r-50 {
        padding-right: 0px !important;
    }

    .payLayout {
        padding: 0px 15px !important;
    }

    .btnPay {
        width: calc(25% - 4px) !important;
    }

    .payTitle {
        font-size: 16px;
        padding-left: 0px;
        padding: 0px 15px !important;
    }

    .payTitle2 {
        font-size: 16px;
    }

    .mobi-fs12 {
        font-size: 12px !important;
    }

    .mobi-r0 {
        margin-right: 0px !important;
    }

    .btn-write-mobi {
        padding: 5px 15px !important;
        margin-left: 10px;
        text-align: center;
    }

    .mobi-board {
        padding: 0px !important;
    }

    .tbl-type01 th, .tbl-type01 td {
        font-size: 12px;
    }

    .payFs11 {
        font-size: 11px !important;
        margin-top: 0px !important;
    }

    .tbl-pc-view {
        display: none;
    }

    .el-scrollbar__wrap {
        overflow-x: hidden;
    }

    .main-select.f-s-15 {
        font-size: 12px !important;
    }

    .wallet-type.m-l-50 {
        margin-left: 5px !important;
    }

    .wallet-type.m-r-20 {
        margin-right: 5px !important;
    }

    .fs10Mobi {
        font-size: 10px !important;
    }

    .panel-form {
        padding: 0px !important;
    }

    .mobo-mini td {
        display: inline-block;
        width: 20%;
    }

    .mobi-bet {
        padding: 0px;
    }

    .mobi-mb-0 {
        margin-bottom: 0px !important;
    }

    .pb-block {
    }


    #login.popup > div {
        margin-top: 15px;
        width: 96%;
    }

    #register.popup > div {
        margin-top: 15px;
        width: 96%;
    }

    .mo-reg {
        padding: 0px 20px !important;
    }

    #register .bg-grey4 {
        background: #fff !important;
    }

    .moPass {
        width: 100% !important;
    }

    table.f-s-14 {
        font-size: 12px !important;
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 10px 5px;
    }

    .btn-delete-bd {
        width: 15px;
    }

    .mobi-bg-black {
        background: #171c22 !important;
    }

    .vs02 {
        display: none;
    }


    .mobi-ico01 {
        width: 58px;
    }

    .mobi-ico02 {
        width: 45px;
    }

    .casinotitle {
        width: 60%;
    }

        .casinotitle .f-s-20 {
            font-size: 14px !important;
            margin-top: 0px !important;
        }

    .textM {
        font-size: 11px;
    }

    .mobiSel {
        margin-right: 0px !important;
    }

    .v-box2, .v-box1 {
        display: block;
    }

    .sub-title {
        padding: 10px 0px 0px 0px !important;
    }

    .v-box2 {
        padding-bottom: 10px !important;
    }

    .el-dialog {
        width: 90% !important;
        padding: 30px 20px 20px;
    }

    #layerLogin {
        top: 50px;
    }

    .mobi-bet-button {
        padding: 0px 5px !important;
    }

        .mobi-bet-button .f-s-25 {
            margin-top: 12px;
            font-size: 20px !important;
        }

        .mobi-bet-button .width-70 {
            width: 50px !important;
        }

        .mobi-bet-button .height-70 {
            height: 50px !important;
        }

        .mobi-bet-button .col-md-6 {
            padding: 0px 5px;
        }

        .mobi-bet-button .list-box-mg {
            line-height: 30px;
        }

        .mobi-bet-button .v-box1 {
            padding: 5px;
        }

        .mobi-bet-button .v-box2 .m-t-20 {
            margin-top: 5px !important;
        }

        .mobi-bet-button .f-s-18 {
            font-size: 15px !important;
        }
}

#cart_game_list_pos {
    max-height: 394px;
    overflow-y: auto;
}

.csPosition {
    position: relative;
}

    .csPosition .csKakao {
        position: absolute;
        left: 110px;
        top: 26px;
        font-size: 18px;
        font-weight: bold;
        color: #47292b;
        font-family: Malgun Gothic;
    }

    .csPosition .csTel {
        position: absolute;
        left: 85px;
        top: 35px;
        font-size: 20px;
        color: #fff;
        font-family: malgun gothic;
    }

.bet-bunus {
    float: right;
    line-height: 40px;
    font-size: 13px;
    width: 40px;
    height: 40px;
    margin-top: 5px;
    background-color: #0c0c0c;
    border-radius: 50% !important;
}

.mb-table table {
    width: 100%;
}

.mb-table td {
    border-top: 1px solid #0e151b;
    border-left: 1px solid #0e151b;
    font-size: 13px;
    padding: 5px 10px;
}

    .mb-table td:first-child {
        border-left: none;
    }

.mb-table tr:first-child td {
    border-top: none;
}

.mb-table td:first-child {
    width: 60%;
}


.softnetSport__Tracker iframe,
.STATSCORE__Tracker iframe {
    opacity: 0 !important;
    -webkit-transition: opacity .5s ease-in-out !important;
    -moz-transition: opacity .5s ease-in-out !important;
    -ms-transition: opacity .5s ease-in-out !important;
    -o-transition: opacity .5s ease-in-out !important;
    transition: opacity .5s ease-in-out !important;
}

    .softnetSport__Tracker iframe.visible,
    .STATSCORE__Tracker iframe.visible {
        opacity: 1 !important;
    }

.STATSCORE__LMPLoader {
    width: 100% !important;
    height: 100% !important;
    min-height: 90px !important;
    background: transparent !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: block !important;
}

.STATSCORE__LMPLoaderContainer {
    border-radius: 10px !important;
    background-color: rgba(0, 0, 0, .7) !important;
    width: 266px !important;
    height: 68px !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
}

    .STATSCORE__LMPLoaderContainer > div {
        position: relative !important;
        width: 100% !important;
        height: 68px !important;
    }

    .STATSCORE__LMPLoaderContainer svg {
        width: 167px !important;
        height: 48px !important;
        margin: 12px auto !important;
    }

    .STATSCORE__LMPLoaderContainer > div img {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
    }

    .STATSCORE__LMPLoaderContainer > div:first-of-type {
        width: 198px !important;
        margin: auto !important;
        box-sizing: border-box !important;
        float: left !important;
        text-align: center !important;
    }

    .STATSCORE__LMPLoaderContainer > div:last-of-type {
        width: 67px !important;
        float: right !important;
        box-sizing: border-box !important;
        border-left: 1px solid rgba(255, 255, 255, .1) !important;
    }

.STATSCORE__LMPSpinner {
    border: 3px solid rgba(255, 255, 255, .1) !important;
    border-top: 3px solid #00aeef !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    animation: STATSCORE__LMPTrackerAnimation 2s linear infinite !important;
    margin: 15px auto !important;
}

.STATSCORE__LMPStatscoreLogo0 {
    fill: #fff !important;
}

.STATSCORE__LMPStatscoreLogo1 {
    fill: #0072bc !important;
}

.STATSCORE__LMPStatscoreLogo2 {
    fill: #008fd5 !important;
}

.STATSCORE__LMPStatscoreLogo3 {
    fill: #00aeef !important;
}

.STATSCORE__LMPStatscoreLogo4 {
    opacity: 0.6;
}

@keyframes STATSCORE__LMPTrackerAnimation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


#layerSub .v-box1, .listGame .v-box1 {
    padding: 0px;
    background: none;
}

#layerSub .v-box2-orange, .listGame .v-box2-orange {
    padding: 0px;
}

.multibetting-blue, .multibetting-blue1, .multibetting-gold, .multibetting-orange, .multibetting-orange1, .multibetting-purple, .multibetting-red, .multibetting-silver, .multibetting-yellow, .multibetting-yellow1, .multibetting-yellow2, .multibetting-yellow3 {
    border: 2px solid #222733;
    background: #191919;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px;
    margin-top: 26px;
}

.multibetting-des-blue, .multibetting-des-blue1, .multibetting-des-gold, .multibetting-des-gold1, .multibetting-des-orange, .multibetting-des-orange1, .multibetting-des-purple, .multibetting-des-red, .multibetting-des-silver, .multibetting-des-yellow, .multibetting-des-yellow1, .multibetting-des-yellow2, .multibetting-des-yellow3 {
    background-color: #222733;
    border-radius: 5px;
    padding: 3px;
}

.sport-sort-blue, .sport-sort-blue1, .sport-sort-gold, .sport-sort-grey, .sport-sort-orange, .sport-sort-orange1, .sport-sort-purple, .sport-sort-red, .sport-sort-silver, .sport-sort-yellow, .sport-sort-yellow1, .sport-sort-yellow2 {
    border: 2px solid #222733;
    background: #191919;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px;
    color: #fff;
}

.snsarea div {
    position: relative;
}

    .snsarea div .snsId {
        position: absolute;
        z-index: 99;
        font-weight: bold;
    }

    .snsarea div .telg .snsId {
        left: 85px;
        top: 35px;
        font-size: 16px;
        color: #fff;
    }

    .snsarea div .kko .snsId {
        left: 115px;
        top: 28px;
        font-size: 16px;
        color: #3b1e22;
    }

.text-multibetting-orange em {
    font-style: normal;
}

.newtitle {
    position: absolute;
    left: 17px;
    top: 15px;
}

.ok .bg-popup-orange, .ok .bg-popup-bottom-orange {
    background: var(--main-color);
}

.popup_new > div:nth-child(1) > div {
    left: 100px;
}

.popup_new > div:nth-child(2) > div {
    left: 602px;
}

.popup_new > div:nth-child(3) > div {
    left: 1104px;
}

.popup_new > div:nth-child(4) > div {
    left: 100px;
}

.popup_new > div:nth-child(5) > div {
    left: 602px;
}

.popup_new > div:nth-child(6) > div {
    left: 1104px;
}

.popup_new > div:nth-child(7) > div {
    left: 100px;
}

.popup_new > div:nth-child(8) > div {
    left: 602px;
}

.popup_new > div:nth-child(9) > div {
    left: 1104px;
}

.popup_new > div:nth-child(10) > div {
    left: 100px;
}

.popup_new > div:nth-child(11) > div {
    left: 602px;
}

.popup_new > div:nth-child(12) > div {
    left: 1104px;
}


@media only screen and (max-width:767px) {

    .new-box-g .home-t, .new-box-g .away-t {
        width: calc(50% - 20px);
    }

    .button-sort-blue, .button-sort-blue1, .button-sort-gold, .button-sort-gold1, .button-sort-orange, .button-sort-orange1, .button-sort-purple, .button-sort-red, .button-sort-silver, .button-sort-white, .button-sort-white1, .button-sort-yellow, .button-sort-yellow1, .button-sort-yellow2, .button-sort-yellow3 {
        width: 48% !important;
        margin: 0;
    }

    .sport-sort-orange > .float-left {
        float: none !important;
        overflow: hidden;
    }

    .sport-sort-orange > .float-right {
        float: none !important;
    }

    .text-multibetting-orange em {
        display: none;
    }

    .newtitle {
        left: 10px;
        top: 20px;
    }

    .panel-heading {
        padding: 10px 5px !important;
    }

    .live-tmenu-name {
        line-height: 35px;
    }

        .live-tmenu-name.p-b-16 {
            padding-bottom: 5px !important;
        }

        .live-tmenu-name.p-t-16 {
            padding-top: 5px !important;
        }

    #formLogin .el-col {
        width: 100% !important;
    }

    #formLogin .popup_close {
        width: 20px !important;
        right: 0px !important
    }

    #btnSearch {
        margin-left: 0px !important;
    }

    #rightbox.p-16 {
        padding: 0px !important;
    }

    .popup_new > div > div {
        left: 0px !important;
        top: 0px !important;
        width: 100vw !important;
    }

        .popup_new > div > div .ok {
            width: 100% !important;
        }
}

@media only screen and (max-width:376px) {
    .clockbox {
        height: 120px;
    }
}

.flex-btw {
    display: flex;
    justify-content: space-between;
}
/* 썬더뱃추가 헤더 */
.top-now {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1500px;
    max-width: 100%;
    height: 80px;
    margin: 0 auto;
    padding: 0px 180px;
}

.social-container {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-evenly;
}

.lg-btns {
    display: flex;
    align-items: center;
    gap: 4px;
}

    .lg-btns .btn-event {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 160px;
        min-width: 110px;
        max-width: 165px;
        height: 40px;
        background-color: #4d1c65;
        border-radius: 5px;
        font-size: 14px;
        color: #fff;
        gap: 5px;
        text-decoration: none;
    }

.btn-group .btn-log {
    font-size: 14px;
    color: #fff;
    background: none;
    border: none;
    font-weight: bold;
    padding: 5px 0px;
}

.all_page .gnb_sub {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    background-color: #1b1120;
    z-index: 10;
}

.menu_tit {
    opacity: 0.7;
    transition: 0.15s;
    will-change: opacity;
    cursor: pointer;
}

.nav li:hover .menu_tit, .nav li:hover .menu_tit:focus {
    opacity: 1;
}

.img-marker {
    position: absolute;
    top: -9px;
    right: -8px;
    z-index: 5;
}

.img-marker2 {
    position: absolute;
    top: -20px;
    right: -5px;
    z-index: 5;
}
/* 썬더뱃 인덱스 서브 */
.el-row > .notice {
    width: 100%;
    height: 45px;
    background-color: #2c1b34;
}

    .el-row > .notice > .notice-in {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        padding: 0 10px;
    }

.notice .notice-in .alert01 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.marquee2 {
    width: 100%;
    overflow: hidden;
    margin-right: 10px;
}

    .marquee2 span {
        display: block;
        position: relative;
        white-space: nowrap;
        /* animation: marquee2 20s linear infinite; */
        font-size: 14px;
        font-weight: 400;
        font-style: italic;
        color: #fff;
        word-break: break-all;
    }

@keyframes marquee2 {
    0% {
        left: 100%;
    }

    100% {
        left: -200%;
    }
}

.section_game {
    position: relative;
    padding: 15px 0;
    background-color: #1b1120 !important;
    z-index: 0;
}

.bg-color-2 {
    background-color: #201625 !important;
}

.section_game .inner {
    position: relative;
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
}

.section_game .sec_wrapper {
    display: flex;
    gap: 10px;
    width: 100%;
}

    .section_game .sec_wrapper .sec_item {
        width: 100%;
    }

        .section_game .sec_wrapper .sec_item .sec_head {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 10px;
        }

            .section_game .sec_wrapper .sec_item .sec_head .tit {
                flex-shrink: 0;
                font-size: 18px;
                font-weight: 700;
                color: #fff;
            }

            .section_game .sec_wrapper .sec_item .sec_head .favorite_menu {
                display: flex;
                align-items: center;
                width: 192px;
                height: 28px;
                border: 1px solid #4d1c65;
                border-radius: 12px;
                margin-left: 5px;
                padding: 1px;
            }

                .section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item.active {
                    background-color: #4d1c65;
                }

                .section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 5px;
                    width: 50%;
                    height: 100%;
                    border-radius: 10px;
                    cursor: pointer;
                    transition: background-color 0.15s;
                }

                    .section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > img.default {
                        display: block;
                    }

                    .section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > img.default {
                        display: block;
                    }

                    .section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > img {
                        width: 14px;
                    }

                    .section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > span {
                        font-size: 12px;
                        font-weight: 400;
                        color: #fff;
                    }

                    .section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > img.default {
                        display: block;
                    }

                    .section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > img.active {
                        display: none;
                    }

                    .section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > img {
                        width: 14px;
                    }

        .section_game .sec_wrapper .sec_item .sec_content {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
        }

.no-selected-data {
    text-align: center;
    white-space: nowrap;
}

.section_game .sec_wrapper .sec_item .sec_head .tit_line {
    width: 100%;
    height: 1px;
    background-color: #3b3042;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img {
    position: relative;
    width: 100%;
    aspect-ratio: auto 1/1;
    background-color: #2c1b34;
    border: 1px solid #3b3042;
    border-radius: 30px;
    overflow: hidden;
    transition: background-color 0.15s, border-color 0.15s;
}

    .section_game .sec_wrapper .sec_item .sec_content .item .img > img {
        transform: scale(1);
        transition: opacity 0.35s, transform 0.35s;
        width: 100%;
    }

    .section_game .sec_wrapper .sec_item .sec_content .item .img .figcaption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .section_game .sec_wrapper .sec_item .sec_content .item .img .figcaption > span {
            text-align: center;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            opacity: 0;
            transition: opacity 0.35s, transform 0.35s;
            display: none;
        }

.section_game .sec_wrapper .sec_item .item[data-favorite="off"] .favorite_type {
    /*background: url(../../assets/vegas_files/heart_default.png) center center no-repeat;*/
    background-size: cover;
    opacity: 0.5;
    transition: opacity 0.09s ease-in-out;
}

.section_game .sec_wrapper .sec_item .item .favorite_type {
    position: absolute;
    top: 6%;
    right: 6%;
    width: 24px;
    height: 24px;
}

.section_game .sec_wrapper .sec_item .sec_content .item .desc {
    font-size: inherit;
    text-align: center;
    margin-top: 12px;
}

    .section_game .sec_wrapper .sec_item .sec_content .item .desc > span {
        font-size: 15px;
        width: 100%;
    }

.section_game .sec_wrapper.devide_auto .sec_item .sec_content .item {
    width: calc(100% / 3);
    max-width: calc((100% / 3) - 6px);
}

.section_game .sec_wrapper .sec_item .sec_content .item {
    position: relative;
    cursor: pointer;
}

.section_game .sec_wrapper.devide_6 .item {
    width: calc((100% / 6) - 9px);
    font-size: 14px;
}

.bg-color-1 {
    background-color: #1b1120 !important;
}

.log-info {
    display: flex;
    margin-right: 55px;
    gap: 5px;
}

@media screen and (max-width: 720px) {
    .tab_header {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

        .tab_header .btn-tab {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
            width: calc((100% / 4) - 8px);
            height: 8vw;
            background-color: transparent;
            border: 1px solid #3b3042;
            border-radius: 10px;
            font-size: 11px;
            white-space: nowrap;
            font-weight: 400;
            color: #fff;
            transition: background-color 0.15s;
            position: relative;
        }

            .tab_header .btn-tab > span {
                font-size: 10px;
            }

            .tab_header .btn-tab.active {
                background-color: #4d1c65;
                color: #fff;
            }
    /* 모바일 인덱스 서브 */
    .section_mobile {
        display: block;
        padding: 20px 0;
    }

    .inner {
        position: relative;
        width: 1140px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 4.67vw !important;
        overflow: hidden;
    }

    .section_mobile .sec_wrapper .sec_item .sec_head .tit_line {
        width: 100%;
        height: 1px;
        background-color: #3b3042;
    }

    .section_mobile .sec_wrapper .sec_item .sec_head {
        display: flex;
        align-items: center;
        gap: 20px;
    }

        .section_mobile .sec_wrapper .sec_item .sec_head .tit {
            flex-shrink: 0;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
        }

    .section_mobile .sec_wrapper .sec_item .sec_content {
        position: relative;
        width: 100vw;
        left: -6.5vw;
        padding: 0 4.67vw 20px;
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        margin-top: 20px;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .section_mobile .sec_wrapper .sec_item .sec_content::-webkit-scrollbar {
            display: none;
        }

    .section_mobile .sec_wrapper .sec_item .sec_content {
        padding: 20px 20px 0;
    }

        .section_mobile .sec_wrapper .sec_item .sec_content .item, .section_mobile .splide__slide {
            position: relative;
            flex-shrink: 0;
            position: relative;
            width: 44.85vw;
            cursor: pointer;
        }

    .section_mobile.section_famous .sec_wrapper .sec_item .sec_content .item {
        width: 29.8vw !important;
    }

    .section_mobile .sec_wrapper .sec_item .sec_content .item {
        display: flex;
        flex-direction: column;
    }

        .section_mobile .sec_wrapper .sec_item .sec_content .item .img, .section_mobile .splide__slide .img {
            position: relative;
            width: 100%;
            height: 21.65vw;
            background-color: #2c1b34;
            border: 1px solid #3b3042;
            border-radius: 10px;
            box-shadow: 0 13px 20px -7px #000;
            overflow: hidden;
            transition: background-color 0.15s, border-color 0.15s;
        }

        .section_mobile .sec_wrapper .sec_item .sec_content .item .img {
            height: auto;
        }

            .section_mobile .sec_wrapper .sec_item .sec_content .item .img > img, .section_mobile .splide__slide .img > img {
                transform: scale(1);
                transition: opacity 0.35s, transform 0.35s;
            }

            .section_mobile .sec_wrapper .sec_item .sec_content .item .img .figcaption, .section_mobile .splide__slide .figcaption {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

        .section_mobile .sec_wrapper .sec_item .sec_content .item .desc, .section_mobile .splide__slide .desc {
            font-size: inherit;
            text-align: center;
            font-size: 10px;
            margin-top: 12px;
        }
}
/** Swiper custom css **/
.swiper-button-prev.swiper-custom-nav {
    background-image: url(../../assets/vegas_files/icons/arrow-circle-previous.svg);
}

.swiper-button-next.swiper-custom-nav {
    background-image: url(../../assets/vegas_files/icons/arrow-circle-next.svg);
}

.swiper-button-prev.swiper-custom-nav,
.swiper-button-next.swiper-custom-nav {
    filter: none;
    top: 77% !important;
}

    .swiper-button-prev.swiper-custom-nav:focus,
    .swiper-button-next.swiper-custom-nav:focus {
        outline: none;
    }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0 !important;
    visibility: hidden;
    display: none;
}

.swiper-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out;
}
/* 썬더벳 레프트 모바일*/
#sidebar .btn-close_side {
    width: 32px;
}

    #sidebar .btn-close_side > img {
        width: 100%;
    }

#sidebar .side-logo {
    width: 100%;
    text-align: center;
}

    #sidebar .side-logo > img {
        height: 100px;
    }

#sidebar .account-info {
    margin-top: 20px;
    background-color: #2b1a33;
    border: 1px solid #3b3042;
    border-radius: 8px;
    padding: 12px 20px;
}

    #sidebar .account-info .asl-button-row {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
    }

.btn_large {
    font-size: 14px;
    height: 42px;
    font-weight: 400;
}

#sidebar .btn-primary {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6;
    text-align: center;
    transition: background-color 0.35s, border-color 0.35s, color 0.35s;
    border-radius: 7.5vw;
    width: 66.66vw;
    background-color: #4d1c65;
    border: 1px solid #4d1c65;
    color: #fff;
    white-space: nowrap;
}

#sidebar .side-menu_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 25px;
}

    #sidebar .side-menu_list .menu.bg-color-third {
        background-color: #2c1b34;
        color: white;
    }

    #sidebar .side-menu_list .menu {
        width: 100%;
        border-radius: 12px;
        padding: 12px 20px;
    }

        #sidebar .side-menu_list .menu > span {
            position: relative;
            color: white;
        }

            #sidebar .side-menu_list .menu > span .icon-live {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: calc(100% + 12px);
                /* height: 21px; */
            }

        #sidebar .side-menu_list .menu.bg-color-primary {
            background-color: #4d1c65;
        }

.left-mb-info {
    border: 1px solid #3b3042;
    display: flex;
    border-radius: 10px;
    background: #1b1120;
    padding: 10px 10px !important;
    align-items: center;
}

.left-top-info {
    background-color: #4f3b59;
    color: white;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
}
/* 모바일하단 픽스 */
@media screen and (max-width: 720px) {
    .app-footer {
        display: flex !important;
        height: 10.23vw;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 0 4.67vw;
        background-color: #2c1b34;
        z-index: 10;
    }

        .app-footer .app-menu {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 0.6vw;
            height: 100%;
            text-align: center;
            cursor: pointer;
            line-height: unset;
        }

            .app-footer .app-menu .menu-icon {
                width: 4.5vw;
                height: 4.5vw;
                border-radius: 50%;
            }

                .app-footer .app-menu .menu-icon > img {
                    vertical-align: baseline;
                }

            .app-footer .app-menu .menu-tit {
                font-size: 2.4vw;
                font-weight: 400;
                color: #fff;
            }
}

.app-footer {
    display: none;
}

.jModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    background-color: rgb(0 0 0 / 74%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.scroll-top {
    width: 55px;
    height: 55px;
    background-color: transparent;
    background-image: linear-gradient(#ffffff, #3b1700);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 1);
    border: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 10;
    transition: 0.3s;
    overflow: hidden;
    border-radius: 10px;
    color: #ffe890;
    font-size: 38px;
}

    .scroll-top:hover {
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 2px 10px rgba(0, 0, 0, 0.75), 0 0 15px rgba(255, 255, 255, 0.4);
        text-shadow: 0 1px 2px rgba(0, 0, 0, 1), 0 0 10px rgba(255, 255, 255, 0.5);
    }

    .scroll-top i {
        position: relative;
        top: -4px;
    }

    .scroll-top:before {
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 8px;
        background-image: radial-gradient(#492f16, #291304);
        box-shadow: 0 1px 2px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.5);
        transition: 0.3s;
    }

    .scroll-top:hover:before {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .scroll-top:after {
        width: 140%;
        height: 100%;
        left: 0;
        bottom: -5%;
        transform-origin: bottom left;
        transform: rotate(-45deg);
        background-color: rgba(255, 255, 255, 0.05);
        border-radius: 30%;
    }