/* index.css - extracted from index.php; do not edit inline, edit here */
#vt-lc-container, #vt-lc-container * {
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        font-family: "Inter", system-ui, -apple-system, sans-serif !important;
        -webkit-font-smoothing: antialiased !important;
        line-height: normal !important;
        letter-spacing: normal !important;
        text-transform: none !important;
        text-decoration: none !important;
        list-style: none !important;
        float: none !important;
        white-space: normal !important;
        word-spacing: normal !important;
        text-indent: 0 !important
      }
      #vt-lc-fab {
        position: fixed !important;
        z-index: 2147483646 !important;
        width: 60px !important;
        height: 60px !important;
        border-radius: 30px !important;
        background: #01C583 !important;
        color: #fff !important;
        border: none !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 4px 16px rgba(1, 197, 131, 0.35) !important;
        transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
        animation: vtPulse 3s ease infinite !important;
        padding: 0 !important
      }
      #vt-lc-fab:hover {
        transform: scale(1.08) !important;
        box-shadow: 0 6px 24px rgba(1, 197, 131, 0.45) !important
      }
      #vt-lc-fab.open {
        animation: none !important;
        width: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .15) !important
      }
      #vt-lc-fab svg {
        width: 26px !important;
        height: 26px !important;
        transition: all .3s !important
      }
      #vt-lc-fab.open svg {
        width: 18px !important;
        height: 18px !important;
        transform: rotate(90deg) !important
      }
      #vt-lc-fab .vt-badge {
        position: absolute !important;
        top: -5px !important;
        right: -5px !important;
        min-width: 22px !important;
        height: 22px !important;
        border-radius: 11px !important;
        background: #ef4444 !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 5px !important;
        border: 2.5px solid #fff !important;
        box-shadow: 0 2px 6px rgba(239, 68, 68, .4) !important
      }
.swal2-popup.swal2-toast {
        flex-direction: row;
        align-items: center;
        width: auto;
        padding: .625em;
        overflow-y: hidden;
        background: #fff;
        box-shadow: 0 0 .625em #d9d9d9
      }
      .swal2-popup.swal2-toast .swal2-header {
        flex-direction: row;
        padding: 0
      }
      .swal2-popup.swal2-toast .swal2-title {
        flex-grow: 1;
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: 1em
      }
      .swal2-popup.swal2-toast .swal2-footer {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
      }
      .swal2-popup.swal2-toast .swal2-close {
        position: static;
        width: .8em;
        height: .8em;
        line-height: .8
      }
      .swal2-popup.swal2-toast .swal2-content {
        justify-content: flex-start;
        padding: 0;
        font-size: 1em
      }
      .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0
      }
      .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
        display: flex;
        align-items: center;
        font-size: 1.8em;
        font-weight: 700
      }
      @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
        .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
          font-size: .25em
        }
      }
      .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
      }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        top: .875em;
        width: 1.375em
      }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
        left: .3125em
      }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
        right: .3125em
      }
      .swal2-popup.swal2-toast .swal2-actions {
        flex-basis: auto !important;
        width: auto;
        height: auto;
        margin: 0 .3125em
      }
      .swal2-popup.swal2-toast .swal2-styled {
        margin: 0 .3125em;
        padding: .3125em .625em;
        font-size: 1em
      }
      .swal2-popup.swal2-toast .swal2-styled:focus {
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
      }
      .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 1.6em;
        height: 3em;
        transform: rotate(45deg);
        border-radius: 50%
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.8em;
        left: -.5em;
        transform: rotate(-45deg);
        transform-origin: 2em 2em;
        border-radius: 4em 0 0 4em
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
        top: -.25em;
        left: .9375em;
        transform-origin: 0 1.5em;
        border-radius: 0 4em 4em 0
      }
      .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
      }
      .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
        top: 0;
        left: .4375em;
        width: .4375em;
        height: 2.6875em
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
        height: .3125em
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
        top: 1.125em;
        left: .1875em;
        width: .75em
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
        top: .9375em;
        right: .1875em;
        width: 1.375em
      }
      .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
        -webkit-animation: swal2-toast-animate-success-line-tip .75s;
        animation: swal2-toast-animate-success-line-tip .75s
      }
      .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
        -webkit-animation: swal2-toast-animate-success-line-long .75s;
        animation: swal2-toast-animate-success-line-long .75s
      }
      .swal2-popup.swal2-toast.swal2-show {
        -webkit-animation: swal2-toast-show .5s;
        animation: swal2-toast-show .5s
      }
      .swal2-popup.swal2-toast.swal2-hide {
        -webkit-animation: swal2-toast-hide .1s forwards;
        animation: swal2-toast-hide .1s forwards
      }
      .swal2-container {
        display: flex;
        position: fixed;
        z-index: 1060;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: .625em;
        overflow-x: hidden;
        transition: background-color .1s;
        -webkit-overflow-scrolling: touch
      }
      .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
        background: rgba(0, 0, 0, .4)
      }
      .swal2-container.swal2-backdrop-hide {
        background: 0 0 !important
      }
      .swal2-container.swal2-top {
        align-items: flex-start
      }
      .swal2-container.swal2-top-left, .swal2-container.swal2-top-start {
        align-items: flex-start;
        justify-content: flex-start
      }
      .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
        align-items: flex-start;
        justify-content: flex-end
      }
      .swal2-container.swal2-center {
        align-items: center
      }
      .swal2-container.swal2-center-left, .swal2-container.swal2-center-start {
        align-items: center;
        justify-content: flex-start
      }
      .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
        align-items: center;
        justify-content: flex-end
      }
      .swal2-container.swal2-bottom {
        align-items: flex-end
      }
      .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start {
        align-items: flex-end;
        justify-content: flex-start
      }
      .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
        align-items: flex-end;
        justify-content: flex-end
      }
      .swal2-container.swal2-bottom-end>:first-child, .swal2-container.swal2-bottom-left>:first-child, .swal2-container.swal2-bottom-right>:first-child, .swal2-container.swal2-bottom-start>:first-child, .swal2-container.swal2-bottom>:first-child {
        margin-top: auto
      }
      .swal2-container.swal2-grow-fullscreen>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-self: stretch;
        justify-content: center
      }
      .swal2-container.swal2-grow-row>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
      }
      .swal2-container.swal2-grow-column {
        flex: 1;
        flex-direction: column
      }
      .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top {
        align-items: center
      }
      .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start {
        align-items: flex-start
      }
      .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right {
        align-items: flex-end
      }
      .swal2-container.swal2-grow-column>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
      }
      .swal2-container.swal2-no-transition {
        transition: none !important
      }
      .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
        margin: auto
      }
      @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
        .swal2-container .swal2-modal {
          margin: 0 !important
        }
      }
      .swal2-popup {
        display: none;
        position: relative;
        box-sizing: border-box;
        flex-direction: column;
        justify-content: center;
        width: 32em;
        max-width: 100%;
        padding: 1.25em;
        border: none;
        border-radius: .3125em;
        background: #fff;
        font-family: inherit;
        font-size: 1rem
      }
      .swal2-popup:focus {
        outline: 0
      }
      .swal2-popup.swal2-loading {
        overflow-y: hidden
      }
      .swal2-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 1.8em
      }
      .swal2-title {
        position: relative;
        max-width: 100%;
        margin: 0 0 .4em;
        padding: 0;
        color: #595959;
        font-size: 1.875em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word
      }
      .swal2-actions {
        display: flex;
        z-index: 1;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 1.25em auto 0
      }
      .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
        opacity: .4
      }
      .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
        background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
      }
      .swal2-actions:not(.swal2-loading) .swal2-styled:active {
        background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
      }
      .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
        box-sizing: border-box;
        width: 2.5em;
        height: 2.5em;
        margin: .46875em;
        padding: 0;
        -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        border: .25em solid transparent;
        border-radius: 100%;
        border-color: transparent;
        background-color: transparent !important;
        color: transparent !important;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
        margin-right: 30px;
        margin-left: 30px
      }
      .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-left: 5px;
        -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        border: 3px solid #999;
        border-radius: 50%;
        border-right-color: transparent;
        box-shadow: 1px 1px 1px #fff
      }
      .swal2-styled {
        margin: .3125em;
        padding: .625em 2em;
        box-shadow: none;
        font-weight: 500
      }
      .swal2-styled:not([disabled]) {
        cursor: pointer
      }
      .swal2-styled.swal2-confirm {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #3085d6;
        color: #fff;
        font-size: 1.0625em
      }
      .swal2-styled.swal2-cancel {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #aaa;
        color: #fff;
        font-size: 1.0625em
      }
      .swal2-styled:focus {
        outline: 0;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
      }
      .swal2-styled::-moz-focus-inner {
        border: 0
      }
      .swal2-footer {
        justify-content: center;
        margin: 1.25em 0 0;
        padding: 1em 0 0;
        border-top: 1px solid #eee;
        color: #545454;
        font-size: 1em
      }
      .swal2-timer-progress-bar-container {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: .25em;
        overflow: hidden;
        border-bottom-right-radius: .3125em;
        border-bottom-left-radius: .3125em
      }
      .swal2-timer-progress-bar {
        width: 100%;
        height: .25em;
        background: rgba(0, 0, 0, .2)
      }
      .swal2-image {
        max-width: 100%;
        margin: 1.25em auto
      }
      .swal2-close {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        align-items: center;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        padding: 0;
        overflow: hidden;
        transition: color .1s ease-out;
        border: none;
        border-radius: 0;
        background: 0 0;
        color: #ccc;
        font-family: serif;
        font-size: 2.5em;
        line-height: 1.2;
        cursor: pointer
      }
      .swal2-close:hover {
        transform: none;
        background: 0 0;
        color: #f27474
      }
      .swal2-close::-moz-focus-inner {
        border: 0
      }
      .swal2-content {
        z-index: 1;
        justify-content: center;
        margin: 0;
        padding: 0 1.6em;
        color: #545454;
        font-size: 1.125em;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        word-wrap: break-word
      }
      .swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea {
        margin: 1em auto
      }
      .swal2-file, .swal2-input, .swal2-textarea {
        box-sizing: border-box;
        width: 100%;
        transition: border-color .3s, box-shadow .3s;
        border: 1px solid #d9d9d9;
        border-radius: .1875em;
        background: inherit;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
        color: inherit;
        font-size: 1.125em
      }
      .swal2-file.swal2-inputerror, .swal2-input.swal2-inputerror, .swal2-textarea.swal2-inputerror {
        border-color: #f27474 !important;
        box-shadow: 0 0 2px #f27474 !important
      }
      .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {
        border: 1px solid #b4dbed;
        outline: 0;
        box-shadow: 0 0 3px #c4e6f5
      }
      .swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder {
        color: #ccc
      }
      .swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
        color: #ccc
      }
      .swal2-file::-ms-input-placeholder, .swal2-input::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder {
        color: #ccc
      }
      .swal2-file::placeholder, .swal2-input::placeholder, .swal2-textarea::placeholder {
        color: #ccc
      }
      .swal2-range {
        margin: 1em auto;
        background: #fff
      }
      .swal2-range input {
        width: 80%
      }
      .swal2-range output {
        width: 20%;
        color: inherit;
        font-weight: 600;
        text-align: center
      }
      .swal2-range input, .swal2-range output {
        height: 2.625em;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em
      }
      .swal2-input {
        height: 2.625em;
        padding: 0 .75em
      }
      .swal2-input[type=number] {
        max-width: 10em
      }
      .swal2-file {
        background: inherit;
        font-size: 1.125em
      }
      .swal2-textarea {
        height: 6.75em;
        padding: .75em
      }
      .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        background: inherit;
        color: inherit;
        font-size: 1.125em
      }
      .swal2-checkbox, .swal2-radio {
        align-items: center;
        justify-content: center;
        background: #fff;
        color: inherit
      }
      .swal2-checkbox label, .swal2-radio label {
        margin: 0 .6em;
        font-size: 1.125em
      }
      .swal2-checkbox input, .swal2-radio input {
        margin: 0 .4em
      }
      .swal2-validation-message {
        display: none;
        align-items: center;
        justify-content: center;
        padding: .625em;
        overflow: hidden;
        background: #f0f0f0;
        color: #666;
        font-size: 1em;
        font-weight: 300
      }
      .swal2-validation-message::before {
        content: "!";
        display: inline-block;
        width: 1.5em;
        min-width: 1.5em;
        height: 1.5em;
        margin: 0 .625em;
        border-radius: 50%;
        background-color: #f27474;
        color: #fff;
        font-weight: 600;
        line-height: 1.5em;
        text-align: center
      }
      .swal2-icon {
        position: relative;
        box-sizing: content-box;
        justify-content: center;
        width: 5em;
        height: 5em;
        margin: 1.25em auto 1.875em;
        border: .25em solid transparent;
        border-radius: 50%;
        font-family: inherit;
        line-height: 5em;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      .swal2-icon .swal2-icon-content {
        display: flex;
        align-items: center;
        font-size: 3.75em
      }
      .swal2-icon.swal2-error {
        border-color: #f27474;
        color: #f27474
      }
      .swal2-icon.swal2-error .swal2-x-mark {
        position: relative;
        flex-grow: 1
      }
      .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color: #f27474
      }
      .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
        left: 1.0625em;
        transform: rotate(45deg)
      }
      .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
        right: 1em;
        transform: rotate(-45deg)
      }
      .swal2-icon.swal2-error.swal2-icon-show {
        -webkit-animation: swal2-animate-error-icon .5s;
        animation: swal2-animate-error-icon .5s
      }
      .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
        -webkit-animation: swal2-animate-error-x-mark .5s;
        animation: swal2-animate-error-x-mark .5s
      }
      .swal2-icon.swal2-warning {
        border-color: #facea8;
        color: #f8bb86
      }
      .swal2-icon.swal2-info {
        border-color: #9de0f6;
        color: #3fc3ee
      }
      .swal2-icon.swal2-question {
        border-color: #c9dae1;
        color: #87adbd
      }
      .swal2-icon.swal2-success {
        border-color: #a5dc86;
        color: #a5dc86
      }
      .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 3.75em;
        height: 7.5em;
        transform: rotate(45deg);
        border-radius: 50%
      }
      .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.4375em;
        left: -2.0635em;
        transform: rotate(-45deg);
        transform-origin: 3.75em 3.75em;
        border-radius: 7.5em 0 0 7.5em
      }
      .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
        top: -.6875em;
        left: 1.875em;
        transform: rotate(-45deg);
        transform-origin: 0 3.75em;
        border-radius: 0 7.5em 7.5em 0
      }
      .swal2-icon.swal2-success .swal2-success-ring {
        position: absolute;
        z-index: 2;
        top: -.25em;
        left: -.25em;
        box-sizing: content-box;
        width: 100%;
        height: 100%;
        border: .25em solid rgba(165, 220, 134, .3);
        border-radius: 50%
      }
      .swal2-icon.swal2-success .swal2-success-fix {
        position: absolute;
        z-index: 1;
        top: .5em;
        left: 1.625em;
        width: .4375em;
        height: 5.625em;
        transform: rotate(-45deg)
      }
      .swal2-icon.swal2-success [class^=swal2-success-line] {
        display: block;
        position: absolute;
        z-index: 2;
        height: .3125em;
        border-radius: .125em;
        background-color: #a5dc86
      }
      .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
        top: 2.875em;
        left: .8125em;
        width: 1.5625em;
        transform: rotate(45deg)
      }
      .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
        top: 2.375em;
        right: .5em;
        width: 2.9375em;
        transform: rotate(-45deg)
      }
      .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
        -webkit-animation: swal2-animate-success-line-tip .75s;
        animation: swal2-animate-success-line-tip .75s
      }
      .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
        -webkit-animation: swal2-animate-success-line-long .75s;
        animation: swal2-animate-success-line-long .75s
      }
      .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
        -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
        animation: swal2-rotate-success-circular-line 4.25s ease-in
      }
      .swal2-progress-steps {
        align-items: center;
        margin: 0 0 1.25em;
        padding: 0;
        background: inherit;
        font-weight: 600
      }
      .swal2-progress-steps li {
        display: inline-block;
        position: relative
      }
      .swal2-progress-steps .swal2-progress-step {
        z-index: 20;
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #3085d6;
        color: #fff;
        line-height: 2em;
        text-align: center
      }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
        background: #3085d6
      }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
        background: #add8e6;
        color: #fff
      }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
        background: #add8e6
      }
      .swal2-progress-steps .swal2-progress-step-line {
        z-index: 10;
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #3085d6
      }
      [class^=swal2] {
        -webkit-tap-highlight-color: transparent
      }
      .swal2-show {
        -webkit-animation: swal2-show .3s;
        animation: swal2-show .3s
      }
      .swal2-hide {
        -webkit-animation: swal2-hide .15s forwards;
        animation: swal2-hide .15s forwards
      }
      .swal2-noanimation {
        transition: none
      }
      .swal2-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
      }
      .swal2-rtl .swal2-close {
        right: auto;
        left: 0
      }
      .swal2-rtl .swal2-timer-progress-bar {
        right: 0;
        left: auto
      }
      @supports (-ms-accelerator:true) {
        .swal2-range input {
          width: 100% !important
        }
        .swal2-range output {
          display: none
        }
      }
      @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
        .swal2-range input {
          width: 100% !important
        }
        .swal2-range output {
          display: none
        }
      }
      @-moz-document url-prefix() {
        .swal2-close:focus {
          outline: 2px solid rgba(50, 100, 150, .4)
        }
      }
      @-webkit-keyframes swal2-toast-show {
        0% {
          transform: translateY(-.625em) rotateZ(2deg)
        }
        33% {
          transform: translateY(0) rotateZ(-2deg)
        }
        66% {
          transform: translateY(.3125em) rotateZ(2deg)
        }
        100% {
          transform: translateY(0) rotateZ(0)
        }
      }
      @keyframes swal2-toast-show {
        0% {
          transform: translateY(-.625em) rotateZ(2deg)
        }
        33% {
          transform: translateY(0) rotateZ(-2deg)
        }
        66% {
          transform: translateY(.3125em) rotateZ(2deg)
        }
        100% {
          transform: translateY(0) rotateZ(0)
        }
      }
      @-webkit-keyframes swal2-toast-hide {
        100% {
          transform: rotateZ(1deg);
          opacity: 0
        }
      }
      @keyframes swal2-toast-hide {
        100% {
          transform: rotateZ(1deg);
          opacity: 0
        }
      }
      @-webkit-keyframes swal2-toast-animate-success-line-tip {
        0% {
          top: .5625em;
          left: .0625em;
          width: 0
        }
        54% {
          top: .125em;
          left: .125em;
          width: 0
        }
        70% {
          top: .625em;
          left: -.25em;
          width: 1.625em
        }
        84% {
          top: 1.0625em;
          left: .75em;
          width: .5em
        }
        100% {
          top: 1.125em;
          left: .1875em;
          width: .75em
        }
      }
      @keyframes swal2-toast-animate-success-line-tip {
        0% {
          top: .5625em;
          left: .0625em;
          width: 0
        }
        54% {
          top: .125em;
          left: .125em;
          width: 0
        }
        70% {
          top: .625em;
          left: -.25em;
          width: 1.625em
        }
        84% {
          top: 1.0625em;
          left: .75em;
          width: .5em
        }
        100% {
          top: 1.125em;
          left: .1875em;
          width: .75em
        }
      }
      @-webkit-keyframes swal2-toast-animate-success-line-long {
        0% {
          top: 1.625em;
          right: 1.375em;
          width: 0
        }
        65% {
          top: 1.25em;
          right: .9375em;
          width: 0
        }
        84% {
          top: .9375em;
          right: 0;
          width: 1.125em
        }
        100% {
          top: .9375em;
          right: .1875em;
          width: 1.375em
        }
      }
      @keyframes swal2-toast-animate-success-line-long {
        0% {
          top: 1.625em;
          right: 1.375em;
          width: 0
        }
        65% {
          top: 1.25em;
          right: .9375em;
          width: 0
        }
        84% {
          top: .9375em;
          right: 0;
          width: 1.125em
        }
        100% {
          top: .9375em;
          right: .1875em;
          width: 1.375em
        }
      }
      @-webkit-keyframes swal2-show {
        0% {
          transform: scale(.7)
        }
        45% {
          transform: scale(1.05)
        }
        80% {
          transform: scale(.95)
        }
        100% {
          transform: scale(1)
        }
      }
      @keyframes swal2-show {
        0% {
          transform: scale(.7)
        }
        45% {
          transform: scale(1.05)
        }
        80% {
          transform: scale(.95)
        }
        100% {
          transform: scale(1)
        }
      }
      @-webkit-keyframes swal2-hide {
        0% {
          transform: scale(1);
          opacity: 1
        }
        100% {
          transform: scale(.5);
          opacity: 0
        }
      }
      @keyframes swal2-hide {
        0% {
          transform: scale(1);
          opacity: 1
        }
        100% {
          transform: scale(.5);
          opacity: 0
        }
      }
      @-webkit-keyframes swal2-animate-success-line-tip {
        0% {
          top: 1.1875em;
          left: .0625em;
          width: 0
        }
        54% {
          top: 1.0625em;
          left: .125em;
          width: 0
        }
        70% {
          top: 2.1875em;
          left: -.375em;
          width: 3.125em
        }
        84% {
          top: 3em;
          left: 1.3125em;
          width: 1.0625em
        }
        100% {
          top: 2.8125em;
          left: .8125em;
          width: 1.5625em
        }
      }
      @keyframes swal2-animate-success-line-tip {
        0% {
          top: 1.1875em;
          left: .0625em;
          width: 0
        }
        54% {
          top: 1.0625em;
          left: .125em;
          width: 0
        }
        70% {
          top: 2.1875em;
          left: -.375em;
          width: 3.125em
        }
        84% {
          top: 3em;
          left: 1.3125em;
          width: 1.0625em
        }
        100% {
          top: 2.8125em;
          left: .8125em;
          width: 1.5625em
        }
      }
      @-webkit-keyframes swal2-animate-success-line-long {
        0% {
          top: 3.375em;
          right: 2.875em;
          width: 0
        }
        65% {
          top: 3.375em;
          right: 2.875em;
          width: 0
        }
        84% {
          top: 2.1875em;
          right: 0;
          width: 3.4375em
        }
        100% {
          top: 2.375em;
          right: .5em;
          width: 2.9375em
        }
      }
      @keyframes swal2-animate-success-line-long {
        0% {
          top: 3.375em;
          right: 2.875em;
          width: 0
        }
        65% {
          top: 3.375em;
          right: 2.875em;
          width: 0
        }
        84% {
          top: 2.1875em;
          right: 0;
          width: 3.4375em
        }
        100% {
          top: 2.375em;
          right: .5em;
          width: 2.9375em
        }
      }
      @-webkit-keyframes swal2-rotate-success-circular-line {
        0% {
          transform: rotate(-45deg)
        }
        5% {
          transform: rotate(-45deg)
        }
        12% {
          transform: rotate(-405deg)
        }
        100% {
          transform: rotate(-405deg)
        }
      }
      @keyframes swal2-rotate-success-circular-line {
        0% {
          transform: rotate(-45deg)
        }
        5% {
          transform: rotate(-45deg)
        }
        12% {
          transform: rotate(-405deg)
        }
        100% {
          transform: rotate(-405deg)
        }
      }
      @-webkit-keyframes swal2-animate-error-x-mark {
        0% {
          margin-top: 1.625em;
          transform: scale(.4);
          opacity: 0
        }
        50% {
          margin-top: 1.625em;
          transform: scale(.4);
          opacity: 0
        }
        80% {
          margin-top: -.375em;
          transform: scale(1.15)
        }
        100% {
          margin-top: 0;
          transform: scale(1);
          opacity: 1
        }
      }
      @keyframes swal2-animate-error-x-mark {
        0% {
          margin-top: 1.625em;
          transform: scale(.4);
          opacity: 0
        }
        50% {
          margin-top: 1.625em;
          transform: scale(.4);
          opacity: 0
        }
        80% {
          margin-top: -.375em;
          transform: scale(1.15)
        }
        100% {
          margin-top: 0;
          transform: scale(1);
          opacity: 1
        }
      }
      @-webkit-keyframes swal2-animate-error-icon {
        0% {
          transform: rotateX(100deg);
          opacity: 0
        }
        100% {
          transform: rotateX(0);
          opacity: 1
        }
      }
      @keyframes swal2-animate-error-icon {
        0% {
          transform: rotateX(100deg);
          opacity: 0
        }
        100% {
          transform: rotateX(0);
          opacity: 1
        }
      }
      @-webkit-keyframes swal2-rotate-loading {
        0% {
          transform: rotate(0)
        }
        100% {
          transform: rotate(360deg)
        }
      }
      @keyframes swal2-rotate-loading {
        0% {
          transform: rotate(0)
        }
        100% {
          transform: rotate(360deg)
        }
      }
      body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow: hidden
      }
      body.swal2-height-auto {
        height: auto !important
      }
      body.swal2-no-backdrop .swal2-container {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        max-width: calc(100% - .625em * 2);
        background-color: transparent !important
      }
      body.swal2-no-backdrop .swal2-container>.swal2-modal {
        box-shadow: 0 0 10px rgba(0, 0, 0, .4)
      }
      body.swal2-no-backdrop .swal2-container.swal2-top {
        top: 0;
        left: 50%;
        transform: translateX(-50%)
      }
      body.swal2-no-backdrop .swal2-container.swal2-top-left, body.swal2-no-backdrop .swal2-container.swal2-top-start {
        top: 0;
        left: 0
      }
      body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
        top: 0;
        right: 0
      }
      body.swal2-no-backdrop .swal2-container.swal2-center {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
      }
      body.swal2-no-backdrop .swal2-container.swal2-center-left, body.swal2-no-backdrop .swal2-container.swal2-center-start {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
      }
      body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        transform: translateY(-50%)
      }
      body.swal2-no-backdrop .swal2-container.swal2-bottom {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
      }
      body.swal2-no-backdrop .swal2-container.swal2-bottom-left, body.swal2-no-backdrop .swal2-container.swal2-bottom-start {
        bottom: 0;
        left: 0
      }
      body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
        right: 0;
        bottom: 0
      }
      @media print {
        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
          overflow-y: scroll !important
        }
        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
          display: none
        }
        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
          position: static !important
        }
      }
      body.swal2-toast-shown .swal2-container {
        background-color: transparent
      }
      body.swal2-toast-shown .swal2-container.swal2-top {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%)
      }
      body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto
      }
      body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0
      }
      body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        transform: translateY(-50%)
      }
      body.swal2-toast-shown .swal2-container.swal2-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, -50%)
      }
      body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translateY(-50%)
      }
      body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0
      }
      body.swal2-toast-shown .swal2-container.swal2-bottom {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
      }
      body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
      }
      body.swal2-toast-column .swal2-toast {
        flex-direction: column;
        align-items: stretch
      }
      body.swal2-toast-column .swal2-toast .swal2-actions {
        flex: 1;
        align-self: stretch;
        height: 2.2em;
        margin-top: .3125em
      }
      body.swal2-toast-column .swal2-toast .swal2-loading {
        justify-content: center
      }
      body.swal2-toast-column .swal2-toast .swal2-input {
        height: 2em;
        margin: .3125em auto;
        font-size: 1em
      }
      body.swal2-toast-column .swal2-toast .swal2-validation-message {
        font-size: 1em
      }
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
      :root {
        --blue: #007bff;
        --indigo: #6610f2;
        --purple: #6f42c1;
        --pink: #e83e8c;
        --red: #dc3545;
        --orange: #fd7e14;
        --yellow: #ffc107;
        --green: #28a745;
        --teal: #20c997;
        --cyan: #17a2b8;
        --white: #fff;
        --gray: #6c757d;
        --gray-dark: #343a40;
        --primary: #007bff;
        --secondary: #6c757d;
        --success: #28a745;
        --info: #17a2b8;
        --warning: #ffc107;
        --danger: #dc3545;
        --light: #f8f9fa;
        --dark: #343a40;
        --breakpoint-xs: 0;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 992px;
        --breakpoint-xl: 1200px;
        --font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
      }
      *, :after, :before {
        box-sizing: border-box
      }
      html {
        font-family: sans-serif;
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent
      }
      article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
        display: block
      }
      body {
        margin: 0;
        font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        text-align: left;
        background-color: #fff
      }
      [tabindex="-1"]:focus:not(:focus-visible) {
        outline: 0 !important
      }
      hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
      }
      h1, h2, h3, h4, h5, h6 {
        margin-top: 0;
        margin-bottom: .5rem
      }
      p {
        margin-top: 0;
        margin-bottom: 1rem
      }
      abbr[data-original-title], abbr[title] {
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        cursor: help;
        border-bottom: 0;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
      }
      address {
        font-style: normal;
        line-height: inherit
      }
      address, dl, ol, ul {
        margin-bottom: 1rem
      }
      dl, ol, ul {
        margin-top: 0
      }
      ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
      }
      dt {
        font-weight: 700
      }
      dd {
        margin-bottom: .5rem;
        margin-left: 0
      }
      blockquote {
        margin: 0 0 1rem
      }
      b, strong {
        font-weight: bolder
      }
      small {
        font-size: 80%
      }
      sub, sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline
      }
      sub {
        bottom: -.25em
      }
      sup {
        top: -.5em
      }
      a {
        color: #007bff;
        text-decoration: none;
        background-color: transparent
      }
      a:hover {
        color: #0056b3;
        text-decoration: underline
      }
      a:not([href]), a:not([href]):hover {
        color: inherit;
        text-decoration: none
      }
      code, kbd, pre, samp {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
        font-size: 1em
      }
      pre {
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto
      }
      figure {
        margin: 0 0 1rem
      }
      img {
        border-style: none
      }
      img, svg {
        vertical-align: middle
      }
      svg {
        overflow: hidden
      }
      table {
        border-collapse: collapse
      }
      caption {
        padding-top: .75rem;
        padding-bottom: .75rem;
        color: #6c757d;
        text-align: left;
        caption-side: bottom
      }
      th {
        text-align: inherit
      }
      label {
        display: inline-block;
        margin-bottom: .5rem
      }
      button {
        border-radius: 0
      }
      button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
      }
      button, input, optgroup, select, textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
      }
      button, input {
        overflow: visible
      }
      button, select {
        text-transform: none
      }
      select {
        word-wrap: normal
      }
      [type=button], [type=reset], [type=submit], button {
        -webkit-appearance: button
      }
      [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer
      }
      [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        padding: 0;
        border-style: none
      }
      input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
      }
      input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
        -webkit-appearance: listbox
      }
      textarea {
        overflow: auto;
        resize: vertical
      }
      fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0
      }
      legend {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: .5rem;
        font-size: 1.5rem;
        line-height: inherit;
        color: inherit;
        white-space: normal
      }
      progress {
        vertical-align: baseline
      }
      [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
        height: auto
      }
      [type=search] {
        outline-offset: -2px;
        -webkit-appearance: none
      }
      [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
      }
      ::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button
      }
      output {
        display: inline-block
      }
      summary {
        display: list-item;
        cursor: pointer
      }
      template {
        display: none
      }
      [hidden] {
        display: none !important
      }
      .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin-bottom: .5rem;
        font-weight: 500;
        line-height: 1.2
      }
      .h1, h1 {
        font-size: 2.5rem
      }
      .h2, h2 {
        font-size: 2rem
      }
      .h3, h3 {
        font-size: 1.75rem
      }
      .h4, h4 {
        font-size: 1.5rem
      }
      .h5, h5 {
        font-size: 1.25rem
      }
      .h6, h6 {
        font-size: 1rem
      }
      .lead {
        font-size: 1.25rem;
        font-weight: 300
      }
      .display-1 {
        font-size: 6rem
      }
      .display-1, .display-2 {
        font-weight: 300;
        line-height: 1.2
      }
      .display-2 {
        font-size: 5.5rem
      }
      .display-3 {
        font-size: 4.5rem
      }
      .display-3, .display-4 {
        font-weight: 300;
        line-height: 1.2
      }
      .display-4 {
        font-size: 3.5rem
      }
      hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .1)
      }
      .small, small {
        font-size: 80%;
        font-weight: 400
      }
      .mark, mark {
        padding: .2em;
        background-color: #fcf8e3
      }
      .list-inline, .list-unstyled {
        padding-left: 0;
        list-style: none
      }
      .list-inline-item {
        display: inline-block
      }
      .list-inline-item:not(:last-child) {
        margin-right: .5rem
      }
      .initialism {
        font-size: 90%;
        text-transform: uppercase
      }
      .blockquote {
        margin-bottom: 1rem;
        font-size: 1.25rem
      }
      .blockquote-footer {
        display: block;
        font-size: 80%;
        color: #6c757d
      }
      .blockquote-footer:before {
        content: "\2014\00A0"
      }
      .img-fluid, .img-thumbnail {
        max-width: 100%;
        height: auto
      }
      .img-thumbnail {
        padding: .25rem;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: .25rem
      }
      .figure {
        display: inline-block
      }
      .figure-img {
        margin-bottom: .5rem;
        line-height: 1
      }
      .figure-caption {
        font-size: 90%;
        color: #6c757d
      }
      code {
        font-size: 87.5%;
        color: #e83e8c;
        word-wrap: break-word
      }
      a>code {
        color: inherit
      }
      kbd {
        padding: .2rem .4rem;
        font-size: 87.5%;
        color: #fff;
        background-color: #212529;
        border-radius: .2rem
      }
      kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
      }
      pre {
        display: block;
        font-size: 87.5%;
        color: #212529
      }
      pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
      }
      .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll
      }
      .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
      }
      @media (min-width:576px) {
        .container {
          max-width: 540px
        }
      }
      @media (min-width:768px) {
        .container {
          max-width: 720px
        }
      }
      @media (min-width:992px) {
        .container {
          max-width: 960px
        }
      }
      @media (min-width:1200px) {
        .container {
          max-width: 1140px
        }
      }
      .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
      }
      @media (min-width:576px) {
        .container, .container-sm {
          max-width: 540px
        }
      }
      @media (min-width:768px) {
        .container, .container-md, .container-sm {
          max-width: 720px
        }
      }
      @media (min-width:992px) {
        .container, .container-lg, .container-md, .container-sm {
          max-width: 960px
        }
      }
      @media (min-width:1200px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl {
          max-width: 1140px
        }
      }
      .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
      }
      .no-gutters {
        margin-right: 0;
        margin-left: 0
      }
      .no-gutters>.col, .no-gutters>[class*=col-] {
        padding-right: 0;
        padding-left: 0
      }
      .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .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-lg-auto, .col-md, .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-md-auto, .col-sm, .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-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
      }
      .col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
      }
      .row-cols-1>* {
        flex: 0 0 100%;
        max-width: 100%
      }
      .row-cols-2>* {
        flex: 0 0 50%;
        max-width: 50%
      }
      .row-cols-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
      }
      .row-cols-4>* {
        flex: 0 0 25%;
        max-width: 25%
      }
      .row-cols-5>* {
        flex: 0 0 20%;
        max-width: 20%
      }
      .row-cols-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
      }
      .col-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
      }
      .col-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
      }
      .col-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
      }
      .col-3 {
        flex: 0 0 25%;
        max-width: 25%
      }
      .col-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
      }
      .col-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
      }
      .col-6 {
        flex: 0 0 50%;
        max-width: 50%
      }
      .col-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
      }
      .col-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
      }
      .col-9 {
        flex: 0 0 75%;
        max-width: 75%
      }
      .col-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
      }
      .col-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
      }
      .col-12 {
        flex: 0 0 100%;
        max-width: 100%
      }
      .order-first {
        order: -1
      }
      .order-last {
        order: 13
      }
      .order-0 {
        order: 0
      }
      .order-1 {
        order: 1
      }
      .order-2 {
        order: 2
      }
      .order-3 {
        order: 3
      }
      .order-4 {
        order: 4
      }
      .order-5 {
        order: 5
      }
      .order-6 {
        order: 6
      }
      .order-7 {
        order: 7
      }
      .order-8 {
        order: 8
      }
      .order-9 {
        order: 9
      }
      .order-10 {
        order: 10
      }
      .order-11 {
        order: 11
      }
      .order-12 {
        order: 12
      }
      .offset-1 {
        margin-left: 8.333333%
      }
      .offset-2 {
        margin-left: 16.666667%
      }
      .offset-3 {
        margin-left: 25%
      }
      .offset-4 {
        margin-left: 33.333333%
      }
      .offset-5 {
        margin-left: 41.666667%
      }
      .offset-6 {
        margin-left: 50%
      }
      .offset-7 {
        margin-left: 58.333333%
      }
      .offset-8 {
        margin-left: 66.666667%
      }
      .offset-9 {
        margin-left: 75%
      }
      .offset-10 {
        margin-left: 83.333333%
      }
      .offset-11 {
        margin-left: 91.666667%
      }
      @media (min-width:576px) {
        .col-sm {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%
        }
        .row-cols-sm-1>* {
          flex: 0 0 100%;
          max-width: 100%
        }
        .row-cols-sm-2>* {
          flex: 0 0 50%;
          max-width: 50%
        }
        .row-cols-sm-3>* {
          flex: 0 0 33.333333%;
          max-width: 33.333333%
        }
        .row-cols-sm-4>* {
          flex: 0 0 25%;
          max-width: 25%
        }
        .row-cols-sm-5>* {
          flex: 0 0 20%;
          max-width: 20%
        }
        .row-cols-sm-6>* {
          flex: 0 0 16.666667%;
          max-width: 16.666667%
        }
        .col-sm-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: 100%
        }
        .col-sm-1 {
          flex: 0 0 8.333333%;
          max-width: 8.333333%
        }
        .col-sm-2 {
          flex: 0 0 16.666667%;
          max-width: 16.666667%
        }
        .col-sm-3 {
          flex: 0 0 25%;
          max-width: 25%
        }
        .col-sm-4 {
          flex: 0 0 33.333333%;
          max-width: 33.333333%
        }
        .col-sm-5 {
          flex: 0 0 41.666667%;
          max-width: 41.666667%
        }
        .col-sm-6 {
          flex: 0 0 50%;
          max-width: 50%
        }
        .col-sm-7 {
          flex: 0 0 58.333333%;
          max-width: 58.333333%
        }
        .col-sm-8 {
          flex: 0 0 66.666667%;
          max-width: 66.666667%
        }
        .col-sm-9 {
          flex: 0 0 75%;
          max-width: 75%
        }
        .col-sm-10 {
          flex: 0 0 83.333333%;
          max-width: 83.333333%
        }
        .col-sm-11 {
          flex: 0 0 91.666667%;
          max-width: 91.666667%
        }
        .col-sm-12 {
          flex: 0 0 100%;
          max-width: 100%
        }
        .order-sm-first {
          order: -1
        }
        .order-sm-last {
          order: 13
        }
        .order-sm-0 {
          order: 0
        }
        .order-sm-1 {
          order: 1
        }
        .order-sm-2 {
          order: 2
        }
        .order-sm-3 {
          order: 3
        }
        .order-sm-4 {
          order: 4
        }
        .order-sm-5 {
          order: 5
        }
        .order-sm-6 {
          order: 6
        }
        .order-sm-7 {
          order: 7
        }
        .order-sm-8 {
          order: 8
        }
        .order-sm-9 {
          order: 9
        }
        .order-sm-10 {
          order: 10
        }
        .order-sm-11 {
          order: 11
        }
        .order-sm-12 {
          order: 12
        }
        .offset-sm-0 {
          margin-left: 0
        }
        .offset-sm-1 {
          margin-left: 8.333333%
        }
        .offset-sm-2 {
          margin-left: 16.666667%
        }
        .offset-sm-3 {
          margin-left: 25%
        }
        .offset-sm-4 {
          margin-left: 33.333333%
        }
        .offset-sm-5 {
          margin-left: 41.666667%
        }
        .offset-sm-6 {
          margin-left: 50%
        }
        .offset-sm-7 {
          margin-left: 58.333333%
        }
        .offset-sm-8 {
          margin-left: 66.666667%
        }
        .offset-sm-9 {
          margin-left: 75%
        }
        .offset-sm-10 {
          margin-left: 83.333333%
        }
        .offset-sm-11 {
          margin-left: 91.666667%
        }
      }
      @media (min-width:768px) {
        .col-md {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%
        }
        .row-cols-md-1>* {
          flex: 0 0 100%;
          max-width: 100%
        }
        .row-cols-md-2>* {
          flex: 0 0 50%;
          max-width: 50%
        }
        .row-cols-md-3>* {
          flex: 0 0 33.333333%;
          max-width: 33.333333%
        }
        .row-cols-md-4>* {
          flex: 0 0 25%;
          max-width: 25%
        }
        .row-cols-md-5>* {
          flex: 0 0 20%;
          max-width: 20%
        }
        .row-cols-md-6>* {
          flex: 0 0 16.666667%;
          max-width: 16.666667%
        }
        .col-md-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: 100%
        }
        .col-md-1 {
          flex: 0 0 8.333333%;
          max-width: 8.333333%
        }
        .col-md-2 {
          flex: 0 0 16.666667%;
          max-width: 16.666667%
        }
        .col-md-3 {
          flex: 0 0 25%;
          max-width: 25%
        }
        .col-md-4 {
          flex: 0 0 33.333333%;
          max-width: 33.333333%
        }
        .col-md-5 {
          flex: 0 0 41.666667%;
          max-width: 41.666667%
        }
        .col-md-6 {
          flex: 0 0 50%;
          max-width: 50%
        }
        .col-md-7 {
          flex: 0 0 58.333333%;
          max-width: 58.333333%
        }
        .col-md-8 {
          flex: 0 0 66.666667%;
          max-width: 66.666667%
        }
        .col-md-9 {
          flex: 0 0 75%;
          max-width: 75%
        }
        .col-md-10 {
          flex: 0 0 83.333333%;
          max-width: 83.333333%
        }
        .col-md-11 {
          flex: 0 0 91.666667%;
          max-width: 91.666667%
        }
        .col-md-12 {
          flex: 0 0 100%;
          max-width: 100%
        }
        .order-md-first {
          order: -1
        }
        .order-md-last {
          order: 13
        }
        .order-md-0 {
          order: 0
        }
        .order-md-1 {
          order: 1
        }
        .order-md-2 {
          order: 2
        }
        .order-md-3 {
          order: 3
        }
        .order-md-4 {
          order: 4
        }
        .order-md-5 {
          order: 5
        }
        .order-md-6 {
          order: 6
        }
        .order-md-7 {
          order: 7
        }
        .order-md-8 {
          order: 8
        }
        .order-md-9 {
          order: 9
        }
        .order-md-10 {
          order: 10
        }
        .order-md-11 {
          order: 11
        }
        .order-md-12 {
          order: 12
        }
        .offset-md-0 {
          margin-left: 0
        }
        .offset-md-1 {
          margin-left: 8.333333%
        }
        .offset-md-2 {
          margin-left: 16.666667%
        }
        .offset-md-3 {
          margin-left: 25%
        }
        .offset-md-4 {
          margin-left: 33.333333%
        }
        .offset-md-5 {
          margin-left: 41.666667%
        }
        .offset-md-6 {
          margin-left: 50%
        }
        .offset-md-7 {
          margin-left: 58.333333%
        }
        .offset-md-8 {
          margin-left: 66.666667%
        }
        .offset-md-9 {
          margin-left: 75%
        }
        .offset-md-10 {
          margin-left: 83.333333%
        }
        .offset-md-11 {
          margin-left: 91.666667%
        }
      }
      @media (min-width:992px) {
        .col-lg {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%
        }
        .row-cols-lg-1>* {
          flex: 0 0 100%;
          max-width: 100%
        }
        .row-cols-lg-2>* {
          flex: 0 0 50%;
          max-width: 50%
        }
        .row-cols-lg-3>* {
          flex: 0 0 33.333333%;
          max-width: 33.333333%
        }
        .row-cols-lg-4>* {
          flex: 0 0 25%;
          max-width: 25%
        }
        .row-cols-lg-5>* {
          flex: 0 0 20%;
          max-width: 20%
        }
        .row-cols-lg-6>* {
          flex: 0 0 16.666667%;
          max-width: 16.666667%
        }
        .col-lg-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: 100%
        }
        .col-lg-1 {
          flex: 0 0 8.333333%;
          max-width: 8.333333%
        }
        .col-lg-2 {
          flex: 0 0 16.666667%;
          max-width: 16.666667%
        }
        .col-lg-3 {
          flex: 0 0 25%;
          max-width: 25%
        }
        .col-lg-4 {
          flex: 0 0 33.333333%;
          max-width: 33.333333%
        }
        .col-lg-5 {
          flex: 0 0 41.666667%;
          max-width: 41.666667%
        }
        .col-lg-6 {
          flex: 0 0 50%;
          max-width: 50%
        }
        .col-lg-7 {
          flex: 0 0 58.333333%;
          max-width: 58.333333%
        }
        .col-lg-8 {
          flex: 0 0 66.666667%;
          max-width: 66.666667%
        }
        .col-lg-9 {
          flex: 0 0 75%;
          max-width: 75%
        }
        .col-lg-10 {
          flex: 0 0 83.333333%;
          max-width: 83.333333%
        }
        .col-lg-11 {
          flex: 0 0 91.666667%;
          max-width: 91.666667%
        }
        .col-lg-12 {
          flex: 0 0 100%;
          max-width: 100%
        }
        .order-lg-first {
          order: -1
        }
        .order-lg-last {
          order: 13
        }
        .order-lg-0 {
          order: 0
        }
        .order-lg-1 {
          order: 1
        }
        .order-lg-2 {
          order: 2
        }
        .order-lg-3 {
          order: 3
        }
        .order-lg-4 {
          order: 4
        }
        .order-lg-5 {
          order: 5
        }
        .order-lg-6 {
          order: 6
        }
        .order-lg-7 {
          order: 7
        }
        .order-lg-8 {
          order: 8
        }
        .order-lg-9 {
          order: 9
        }
        .order-lg-10 {
          order: 10
        }
        .order-lg-11 {
          order: 11
        }
        .order-lg-12 {
          order: 12
        }
        .offset-lg-0 {
          margin-left: 0
        }
        .offset-lg-1 {
          margin-left: 8.333333%
        }
        .offset-lg-2 {
          margin-left: 16.666667%
        }
        .offset-lg-3 {
          margin-left: 25%
        }
        .offset-lg-4 {
          margin-left: 33.333333%
        }
        .offset-lg-5 {
          margin-left: 41.666667%
        }
        .offset-lg-6 {
          margin-left: 50%
        }
        .offset-lg-7 {
          margin-left: 58.333333%
        }
        .offset-lg-8 {
          margin-left: 66.666667%
        }
        .offset-lg-9 {
          margin-left: 75%
        }
        .offset-lg-10 {
          margin-left: 83.333333%
        }
        .offset-lg-11 {
          margin-left: 91.666667%
        }
      }
      @media (min-width:1200px) {
        .col-xl {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%
        }
        .row-cols-xl-1>* {
          flex: 0 0 100%;
          max-width: 100%
        }
        .row-cols-xl-2>* {
          flex: 0 0 50%;
          max-width: 50%
        }
        .row-cols-xl-3>* {
          flex: 0 0 33.333333%;
          max-width: 33.333333%
        }
        .row-cols-xl-4>* {
          flex: 0 0 25%;
          max-width: 25%
        }
        .row-cols-xl-5>* {
          flex: 0 0 20%;
          max-width: 20%
        }
        .row-cols-xl-6>* {
          flex: 0 0 16.666667%;
          max-width: 16.666667%
        }
        .col-xl-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: 100%
        }
        .col-xl-1 {
          flex: 0 0 8.333333%;
          max-width: 8.333333%
        }
        .col-xl-2 {
          flex: 0 0 16.666667%;
          max-width: 16.666667%
        }
        .col-xl-3 {
          flex: 0 0 25%;
          max-width: 25%
        }
        .col-xl-4 {
          flex: 0 0 33.333333%;
          max-width: 33.333333%
        }
        .col-xl-5 {
          flex: 0 0 41.666667%;
          max-width: 41.666667%
        }
        .col-xl-6 {
          flex: 0 0 50%;
          max-width: 50%
        }
        .col-xl-7 {
          flex: 0 0 58.333333%;
          max-width: 58.333333%
        }
        .col-xl-8 {
          flex: 0 0 66.666667%;
          max-width: 66.666667%
        }
        .col-xl-9 {
          flex: 0 0 75%;
          max-width: 75%
        }
        .col-xl-10 {
          flex: 0 0 83.333333%;
          max-width: 83.333333%
        }
        .col-xl-11 {
          flex: 0 0 91.666667%;
          max-width: 91.666667%
        }
        .col-xl-12 {
          flex: 0 0 100%;
          max-width: 100%
        }
        .order-xl-first {
          order: -1
        }
        .order-xl-last {
          order: 13
        }
        .order-xl-0 {
          order: 0
        }
        .order-xl-1 {
          order: 1
        }
        .order-xl-2 {
          order: 2
        }
        .order-xl-3 {
          order: 3
        }
        .order-xl-4 {
          order: 4
        }
        .order-xl-5 {
          order: 5
        }
        .order-xl-6 {
          order: 6
        }
        .order-xl-7 {
          order: 7
        }
        .order-xl-8 {
          order: 8
        }
        .order-xl-9 {
          order: 9
        }
        .order-xl-10 {
          order: 10
        }
        .order-xl-11 {
          order: 11
        }
        .order-xl-12 {
          order: 12
        }
        .offset-xl-0 {
          margin-left: 0
        }
        .offset-xl-1 {
          margin-left: 8.333333%
        }
        .offset-xl-2 {
          margin-left: 16.666667%
        }
        .offset-xl-3 {
          margin-left: 25%
        }
        .offset-xl-4 {
          margin-left: 33.333333%
        }
        .offset-xl-5 {
          margin-left: 41.666667%
        }
        .offset-xl-6 {
          margin-left: 50%
        }
        .offset-xl-7 {
          margin-left: 58.333333%
        }
        .offset-xl-8 {
          margin-left: 66.666667%
        }
        .offset-xl-9 {
          margin-left: 75%
        }
        .offset-xl-10 {
          margin-left: 83.333333%
        }
        .offset-xl-11 {
          margin-left: 91.666667%
        }
      }
      .table {
        width: 100%;
        margin-bottom: 1rem;
        color: #212529
      }
      .table td, .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
      }
      .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
      }
      .table tbody+tbody {
        border-top: 2px solid #dee2e6
      }
      .table-sm td, .table-sm th {
        padding: .3rem
      }
      .table-bordered, .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6
      }
      .table-bordered thead td, .table-bordered thead th {
        border-bottom-width: 2px
      }
      .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
        border: 0
      }
      .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, .05)
      }
      .table-hover tbody tr:hover {
        color: #212529;
        background-color: rgba(0, 0, 0, .075)
      }
      .table-primary, .table-primary>td, .table-primary>th {
        background-color: #b8daff
      }
      .table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
        border-color: #7abaff
      }
      .table-hover .table-primary:hover, .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
        background-color: #9fcdff
      }
      .table-secondary, .table-secondary>td, .table-secondary>th {
        background-color: #d6d8db
      }
      .table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
        border-color: #b3b7bb
      }
      .table-hover .table-secondary:hover, .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
        background-color: #c8cbcf
      }
      .table-success, .table-success>td, .table-success>th {
        background-color: #c3e6cb
      }
      .table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
        border-color: #8fd19e
      }
      .table-hover .table-success:hover, .table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
        background-color: #b1dfbb
      }
      .table-info, .table-info>td, .table-info>th {
        background-color: #bee5eb
      }
      .table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
        border-color: #86cfda
      }
      .table-hover .table-info:hover, .table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
        background-color: #abdde5
      }
      .table-warning, .table-warning>td, .table-warning>th {
        background-color: #ffeeba
      }
      .table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th {
        border-color: #ffdf7e
      }
      .table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
        background-color: #ffe8a1
      }
      .table-danger, .table-danger>td, .table-danger>th {
        background-color: #f5c6cb
      }
      .table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th {
        border-color: #ed969e
      }
      .table-hover .table-danger:hover, .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
        background-color: #f1b0b7
      }
      .table-light, .table-light>td, .table-light>th {
        background-color: #fdfdfe
      }
      .table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
        border-color: #fbfcfc
      }
      .table-hover .table-light:hover, .table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
        background-color: #ececf6
      }
      .table-dark, .table-dark>td, .table-dark>th {
        background-color: #c6c8ca
      }
      .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #95999c
      }
      .table-hover .table-dark:hover, .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
        background-color: #b9bbbe
      }
      .table-active, .table-active>td, .table-active>th, .table-hover .table-active:hover, .table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
        background-color: rgba(0, 0, 0, .075)
      }
      .table .thead-dark th {
        color: #fff;
        background-color: #343a40;
        border-color: #454d55
      }
      .table .thead-light th {
        color: #495057;
        background-color: #e9ecef;
        border-color: #dee2e6
      }
      .table-dark {
        color: #fff;
        background-color: #343a40
      }
      .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #454d55
      }
      .table-dark.table-bordered {
        border: 0
      }
      .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: hsla(0, 0%, 100%, .05)
      }
      .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: hsla(0, 0%, 100%, .075)
      }
      @media (max-width:575.98px) {
        .table-responsive-sm {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
        }
        .table-responsive-sm>.table-bordered {
          border: 0
        }
      }
      @media (max-width:767.98px) {
        .table-responsive-md {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
        }
        .table-responsive-md>.table-bordered {
          border: 0
        }
      }
      @media (max-width:991.98px) {
        .table-responsive-lg {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
        }
        .table-responsive-lg>.table-bordered {
          border: 0
        }
      }
      @media (max-width:1199.98px) {
        .table-responsive-xl {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
        }
        .table-responsive-xl>.table-bordered {
          border: 0
        }
      }
      .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
      }
      .table-responsive>.table-bordered {
        border: 0
      }
      .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
      }
      @media (prefers-reduced-motion:reduce) {
        .form-control {
          transition: none
        }
      }
      .form-control::-ms-expand {
        background-color: transparent;
        border: 0
      }
      .form-control:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057
      }
      .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
      }
      .form-control:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1
      }
      .form-control::placeholder {
        color: #6c757d;
        opacity: 1
      }
      .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1
      }
      select.form-control:focus::-ms-value {
        color: #495057;
        background-color: #fff
      }
      .form-control-file, .form-control-range {
        display: block;
        width: 100%
      }
      .col-form-label {
        padding-top: calc(.375rem + 1px);
        padding-bottom: calc(.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5
      }
      .col-form-label-lg {
        padding-top: calc(.5rem + 1px);
        padding-bottom: calc(.5rem + 1px);
        font-size: 1.25rem;
        line-height: 1.5
      }
      .col-form-label-sm {
        padding-top: calc(.25rem + 1px);
        padding-bottom: calc(.25rem + 1px);
        font-size: .875rem;
        line-height: 1.5
      }
      .form-control-plaintext {
        display: block;
        width: 100%;
        padding: .375rem 0;
        margin-bottom: 0;
        font-size: 1rem;
        line-height: 1.5;
        color: #212529;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0
      }
      .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0
      }
      .form-control-sm {
        height: calc(1.5em + .5rem + 2px);
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem
      }
      .form-control-lg {
        height: calc(1.5em + 1rem + 2px);
        padding: .5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: .3rem
      }
      select.form-control[multiple], select.form-control[size], textarea.form-control {
        height: auto
      }
      .form-group {
        margin-bottom: 1rem
      }
      .form-text {
        display: block;
        margin-top: .25rem
      }
      .form-row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px
      }
      .form-row>.col, .form-row>[class*=col-] {
        padding-right: 5px;
        padding-left: 5px
      }
      .form-check {
        position: relative;
        display: block;
        padding-left: 1.25rem
      }
      .form-check-input {
        position: absolute;
        margin-top: .3rem;
        margin-left: -1.25rem
      }
      .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
        color: #6c757d
      }
      .form-check-label {
        margin-bottom: 0
      }
      .form-check-inline {
        display: inline-flex;
        align-items: center;
        padding-left: 0;
        margin-right: .75rem
      }
      .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
      }
      .valid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: 80%;
        color: #28a745
      }
      .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .875rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(40, 167, 69, .9);
        border-radius: .25rem
      }
      .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip {
        display: block
      }
      .form-control.is-valid, .was-validated .form-control:valid {
        border-color: #28a745;
        padding-right: calc(1.5em + .75rem);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right calc(.375em + .1875rem) center;
        background-size: calc(.75em + .375rem) calc(.75em + .375rem)
      }
      .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
      }
      .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
        padding-right: calc(1.5em + .75rem);
        background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
      }
      .custom-select.is-valid, .was-validated .custom-select:valid {
        border-color: #28a745;
        padding-right: calc(.75em + 2.3125rem);
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
      }
      .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
      }
      .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
        color: #28a745
      }
      .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip {
        display: block
      }
      .custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {
        color: #28a745
      }
      .custom-control-input.is-valid~.custom-control-label:before, .was-validated .custom-control-input:valid~.custom-control-label:before {
        border-color: #28a745
      }
      .custom-control-input.is-valid:checked~.custom-control-label:before, .was-validated .custom-control-input:valid:checked~.custom-control-label:before {
        border-color: #34ce57;
        background-color: #34ce57
      }
      .custom-control-input.is-valid:focus~.custom-control-label:before, .was-validated .custom-control-input:valid:focus~.custom-control-label:before {
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
      }
      .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before, .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before, .was-validated .custom-file-input:valid~.custom-file-label {
        border-color: #28a745
      }
      .custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
      }
      .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: 80%;
        color: #dc3545
      }
      .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .875rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(220, 53, 69, .9);
        border-radius: .25rem
      }
      .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip {
        display: block
      }
      .form-control.is-invalid, .was-validated .form-control:invalid {
        border-color: #dc3545;
        padding-right: calc(1.5em + .75rem);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right calc(.375em + .1875rem) center;
        background-size: calc(.75em + .375rem) calc(.75em + .375rem)
      }
      .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
      }
      .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
        padding-right: calc(1.5em + .75rem);
        background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
      }
      .custom-select.is-invalid, .was-validated .custom-select:invalid {
        border-color: #dc3545;
        padding-right: calc(.75em + 2.3125rem);
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
      }
      .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
      }
      .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
        color: #dc3545
      }
      .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip {
        display: block
      }
      .custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label {
        color: #dc3545
      }
      .custom-control-input.is-invalid~.custom-control-label:before, .was-validated .custom-control-input:invalid~.custom-control-label:before {
        border-color: #dc3545
      }
      .custom-control-input.is-invalid:checked~.custom-control-label:before, .was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
        border-color: #e4606d;
        background-color: #e4606d
      }
      .custom-control-input.is-invalid:focus~.custom-control-label:before, .was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
      }
      .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before, .custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before, .was-validated .custom-file-input:invalid~.custom-file-label {
        border-color: #dc3545
      }
      .custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
      }
      .form-inline {
        display: flex;
        flex-flow: row wrap;
        align-items: center
      }
      .form-inline .form-check {
        width: 100%
      }
      @media (min-width:576px) {
        .form-inline label {
          justify-content: center
        }
        .form-inline .form-group, .form-inline label {
          display: flex;
          align-items: center;
          margin-bottom: 0
        }
        .form-inline .form-group {
          flex: 0 0 auto;
          flex-flow: row wrap
        }
        .form-inline .form-control {
          display: inline-block;
          width: auto;
          vertical-align: middle
        }
        .form-inline .form-control-plaintext {
          display: inline-block
        }
        .form-inline .custom-select, .form-inline .input-group {
          width: auto
        }
        .form-inline .form-check {
          display: flex;
          align-items: center;
          justify-content: center;
          width: auto;
          padding-left: 0
        }
        .form-inline .form-check-input {
          position: relative;
          flex-shrink: 0;
          margin-top: 0;
          margin-right: .25rem;
          margin-left: 0
        }
        .form-inline .custom-control {
          align-items: center;
          justify-content: center
        }
        .form-inline .custom-control-label {
          margin-bottom: 0
        }
      }
      .btn {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
      }
      @media (prefers-reduced-motion:reduce) {
        .btn {
          transition: none
        }
      }
      .btn:hover {
        color: #212529;
        text-decoration: none
      }
      .btn.disabled, .btn:disabled {
        opacity: .65
      }
      a.btn.disabled, fieldset:disabled a.btn {
        pointer-events: none
      }
      .btn-primary {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
      }
      .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
      }
      .btn-primary.focus, .btn-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
      }
      .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
      }
      .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf
      }
      .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
      }
      .btn-secondary {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
      }
      .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
      }
      .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
      }
      .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
      }
      .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
      }
      .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
      }
      .btn-success {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
      }
      .btn-success.focus, .btn-success:focus, .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
      }
      .btn-success.focus, .btn-success:focus {
        box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
      }
      .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
      }
      .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
      }
      .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
      }
      .btn-info {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
      }
      .btn-info.focus, .btn-info:focus, .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
      }
      .btn-info.focus, .btn-info:focus {
        box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
      }
      .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
      }
      .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
      }
      .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
      }
      .btn-warning {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
      }
      .btn-warning.focus, .btn-warning:focus, .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
      }
      .btn-warning.focus, .btn-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
      }
      .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
      }
      .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
      }
      .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
      }
      .btn-danger {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
      }
      .btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
      }
      .btn-danger.focus, .btn-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
      }
      .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
      }
      .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
      }
      .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
      }
      .btn-light {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
      }
      .btn-light.focus, .btn-light:focus, .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
      }
      .btn-light.focus, .btn-light:focus {
        box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
      }
      .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
      }
      .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
      }
      .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
      }
      .btn-dark {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
      }
      .btn-dark.focus, .btn-dark:focus, .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
      }
      .btn-dark.focus, .btn-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
      }
      .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
      }
      .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
      }
      .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
      }
      .btn-outline-primary {
        color: #007bff;
        border-color: #007bff
      }
      .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
      }
      .btn-outline-primary.focus, .btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
      }
      .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
      }
      .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
      }
      .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
      }
      .btn-outline-secondary {
        color: #6c757d;
        border-color: #6c757d
      }
      .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
      }
      .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
      }
      .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
      }
      .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
      }
      .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
      }
      .btn-outline-success {
        color: #28a745;
        border-color: #28a745
      }
      .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
      }
      .btn-outline-success.focus, .btn-outline-success:focus {
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
      }
      .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
      }
      .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
      }
      .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
      }
      .btn-outline-info {
        color: #17a2b8;
        border-color: #17a2b8
      }
      .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
      }
      .btn-outline-info.focus, .btn-outline-info:focus {
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
      }
      .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
      }
      .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
      }
      .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
      }
      .btn-outline-warning {
        color: #ffc107;
        border-color: #ffc107
      }
      .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
      }
      .btn-outline-warning.focus, .btn-outline-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
      }
      .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
      }
      .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
      }
      .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
      }
      .btn-outline-danger {
        color: #dc3545;
        border-color: #dc3545
      }
      .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
      }
      .btn-outline-danger.focus, .btn-outline-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
      }
      .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
      }
      .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
      }
      .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
      }
      .btn-outline-light {
        color: #f8f9fa;
        border-color: #f8f9fa
      }
      .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
      }
      .btn-outline-light.focus, .btn-outline-light:focus {
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
      }
      .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
      }
      .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
      }
      .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
      }
      .btn-outline-dark {
        color: #343a40;
        border-color: #343a40
      }
      .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
      }
      .btn-outline-dark.focus, .btn-outline-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
      }
      .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
      }
      .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
      }
      .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
      }
      .btn-link {
        font-weight: 400;
        color: #007bff;
        text-decoration: none
      }
      .btn-link:hover {
        color: #0056b3;
        text-decoration: underline
      }
      .btn-link.focus, .btn-link:focus {
        text-decoration: underline;
        box-shadow: none
      }
      .btn-link.disabled, .btn-link:disabled {
        color: #6c757d;
        pointer-events: none
      }
      .btn-group-lg>.btn, .btn-lg {
        padding: .5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: .3rem
      }
      .btn-group-sm>.btn, .btn-sm {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem
      }
      .btn-block {
        display: block;
        width: 100%
      }
      .btn-block+.btn-block {
        margin-top: .5rem
      }
      input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
        width: 100%
      }
      .fade {
        transition: opacity .15s linear
      }
      @media (prefers-reduced-motion:reduce) {
        .fade {
          transition: none
        }
      }
      .fade:not(.show) {
        opacity: 0
      }
      .collapse:not(.show) {
        display: none
      }
      .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        transition: height .35s ease
      }
      @media (prefers-reduced-motion:reduce) {
        .collapsing {
          transition: none
        }
      }
      .dropdown, .dropleft, .dropright, .dropup {
        position: relative
      }
      .dropdown-toggle {
        white-space: nowrap
      }
      .dropdown-toggle:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
      }
      .dropdown-toggle:empty:after {
        margin-left: 0
      }
      .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: .5rem 0;
        margin: .125rem 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: .25rem
      }
      .dropdown-menu-left {
        right: auto;
        left: 0
      }
      .dropdown-menu-right {
        right: 0;
        left: auto
      }
      @media (min-width:576px) {
        .dropdown-menu-sm-left {
          right: auto;
          left: 0
        }
        .dropdown-menu-sm-right {
          right: 0;
          left: auto
        }
      }
      @media (min-width:768px) {
        .dropdown-menu-md-left {
          right: auto;
          left: 0
        }
        .dropdown-menu-md-right {
          right: 0;
          left: auto
        }
      }
      @media (min-width:992px) {
        .dropdown-menu-lg-left {
          right: auto;
          left: 0
        }
        .dropdown-menu-lg-right {
          right: 0;
          left: auto
        }
      }
      @media (min-width:1200px) {
        .dropdown-menu-xl-left {
          right: auto;
          left: 0
        }
        .dropdown-menu-xl-right {
          right: 0;
          left: auto
        }
      }
      .dropup .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: .125rem
      }
      .dropup .dropdown-toggle:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: 0;
        border-right: .3em solid transparent;
        border-bottom: .3em solid;
        border-left: .3em solid transparent
      }
      .dropup .dropdown-toggle:empty:after {
        margin-left: 0
      }
      .dropright .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: .125rem
      }
      .dropright .dropdown-toggle:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid
      }
      .dropright .dropdown-toggle:empty:after {
        margin-left: 0
      }
      .dropright .dropdown-toggle:after {
        vertical-align: 0
      }
      .dropleft .dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: .125rem
      }
      .dropleft .dropdown-toggle:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        display: none
      }
      .dropleft .dropdown-toggle:before {
        display: inline-block;
        margin-right: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid transparent;
        border-right: .3em solid;
        border-bottom: .3em solid transparent
      }
      .dropleft .dropdown-toggle:empty:after {
        margin-left: 0
      }
      .dropleft .dropdown-toggle:before {
        vertical-align: 0
      }
      .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
        right: auto;
        bottom: auto
      }
      .dropdown-divider {
        height: 0;
        margin: .5rem 0;
        overflow: hidden;
        border-top: 1px solid #e9ecef
      }
      .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0
      }
      .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
      }
      .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff
      }
      .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent
      }
      .dropdown-menu.show {
        display: block
      }
      .dropdown-header {
        display: block;
        padding: .5rem 1.5rem;
        margin-bottom: 0;
        font-size: .875rem;
        color: #6c757d;
        white-space: nowrap
      }
      .dropdown-item-text {
        display: block;
        padding: .25rem 1.5rem;
        color: #212529
      }
      .btn-group, .btn-group-vertical {
        position: relative;
        display: inline-flex;
        vertical-align: middle
      }
      .btn-group-vertical>.btn, .btn-group>.btn {
        position: relative;
        flex: 1 1 auto
      }
      .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: 1
      }
      .btn-toolbar {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
      }
      .btn-toolbar .input-group {
        width: auto
      }
      .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
        margin-left: -1px
      }
      .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }
      .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }
      .dropdown-toggle-split {
        padding-right: .5625rem;
        padding-left: .5625rem
      }
      .dropdown-toggle-split:after, .dropright .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after {
        margin-left: 0
      }
      .dropleft .dropdown-toggle-split:before {
        margin-right: 0
      }
      .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split {
        padding-right: .375rem;
        padding-left: .375rem
      }
      .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split {
        padding-right: .75rem;
        padding-left: .75rem
      }
      .btn-group-vertical {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
      }
      .btn-group-vertical>.btn, .btn-group-vertical>.btn-group {
        width: 100%
      }
      .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) {
        margin-top: -1px
      }
      .btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
      }
      .btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0
      }
      .btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn {
        margin-bottom: 0
      }
      .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio], .btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
      }
      .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%
      }
      .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
        position: relative;
        flex: 1 1 0%;
        min-width: 0;
        margin-bottom: 0
      }
      .input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control, .input-group>.form-control-plaintext+.custom-file, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.form-control {
        margin-left: -1px
      }
      .input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus {
        z-index: 3
      }
      .input-group>.custom-file .custom-file-input:focus {
        z-index: 4
      }
      .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }
      .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }
      .input-group>.custom-file {
        display: flex;
        align-items: center
      }
      .input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label:after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }
      .input-group>.custom-file:not(:first-child) .custom-file-label {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }
      .input-group-append, .input-group-prepend {
        display: flex
      }
      .input-group-append .btn, .input-group-prepend .btn {
        position: relative;
        z-index: 2
      }
      .input-group-append .btn:focus, .input-group-prepend .btn:focus {
        z-index: 3
      }
      .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text {
        margin-left: -1px
      }
      .input-group-prepend {
        margin-right: -1px
      }
      .input-group-append {
        margin-left: -1px
      }
      .input-group-text {
        display: flex;
        align-items: center;
        padding: .375rem .75rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        text-align: center;
        white-space: nowrap;
        background-color: #e9ecef;
        border: 1px solid #ced4da;
        border-radius: .25rem
      }
      .input-group-text input[type=checkbox], .input-group-text input[type=radio] {
        margin-top: 0
      }
      .input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea) {
        height: calc(1.5em + 1rem + 2px)
      }
      .input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
        padding: .5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: .3rem
      }
      .input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea) {
        height: calc(1.5em + .5rem + 2px)
      }
      .input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem
      }
      .input-group-lg>.custom-select, .input-group-sm>.custom-select {
        padding-right: 1.75rem
      }
      .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }
      .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }
      .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem
      }
      .custom-control-inline {
        display: inline-flex;
        margin-right: 1rem
      }
      .custom-control-input {
        position: absolute;
        left: 0;
        z-index: -1;
        width: 1rem;
        height: 1.25rem;
        opacity: 0
      }
      .custom-control-input:checked~.custom-control-label:before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff
      }
      .custom-control-input:focus~.custom-control-label:before {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
      }
      .custom-control-input:focus:not(:checked)~.custom-control-label:before {
        border-color: #80bdff
      }
      .custom-control-input:not(:disabled):active~.custom-control-label:before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff
      }
      .custom-control-input:disabled~.custom-control-label, .custom-control-input[disabled]~.custom-control-label {
        color: #6c757d
      }
      .custom-control-input:disabled~.custom-control-label:before, .custom-control-input[disabled]~.custom-control-label:before {
        background-color: #e9ecef
      }
      .custom-control-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top
      }
      .custom-control-label:before {
        pointer-events: none;
        background-color: #fff;
        border: 1px solid #adb5bd
      }
      .custom-control-label:after, .custom-control-label:before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: ""
      }
      .custom-control-label:after {
        background: no-repeat 50%/50% 50%
      }
      .custom-checkbox .custom-control-label:before {
        border-radius: .25rem
      }
      .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
      }
      .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
        border-color: #007bff;
        background-color: #007bff
      }
      .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
      }
      .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
        background-color: rgba(0, 123, 255, .5)
      }
      .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
        background-color: rgba(0, 123, 255, .5)
      }
      .custom-radio .custom-control-label:before {
        border-radius: 50%
      }
      .custom-radio .custom-control-input:checked~.custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
      }
      .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
        background-color: rgba(0, 123, 255, .5)
      }
      .custom-switch {
        padding-left: 2.25rem
      }
      .custom-switch .custom-control-label:before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem
      }
      .custom-switch .custom-control-label:after {
        top: calc(.25rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: .5rem;
        transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
      }
      @media (prefers-reduced-motion:reduce) {
        .custom-switch .custom-control-label:after {
          transition: none
        }
      }
      .custom-switch .custom-control-input:checked~.custom-control-label:after {
        background-color: #fff;
        transform: translateX(.75rem)
      }
      .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
        background-color: rgba(0, 123, 255, .5)
      }
      .custom-select {
        display: inline-block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem 1.75rem .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        vertical-align: middle;
        background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        -webkit-appearance: none;
        appearance: none
      }
      .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
      }
      .custom-select:focus::-ms-value {
        color: #495057;
        background-color: #fff
      }
      .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
      }
      .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
      }
      .custom-select::-ms-expand {
        display: none
      }
      .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057
      }
      .custom-select-sm {
        height: calc(1.5em + .5rem + 2px);
        padding-top: .25rem;
        padding-bottom: .25rem;
        padding-left: .5rem;
        font-size: .875rem
      }
      .custom-select-lg {
        height: calc(1.5em + 1rem + 2px);
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 1rem;
        font-size: 1.25rem
      }
      .custom-file {
        display: inline-block;
        margin-bottom: 0
      }
      .custom-file, .custom-file-input {
        position: relative;
        width: 100%;
        height: calc(1.5em + .75rem + 2px)
      }
      .custom-file-input {
        z-index: 2;
        margin: 0;
        opacity: 0
      }
      .custom-file-input:focus~.custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
      }
      .custom-file-input:disabled~.custom-file-label, .custom-file-input[disabled]~.custom-file-label {
        background-color: #e9ecef
      }
      .custom-file-input:lang(en)~.custom-file-label:after {
        content: "Browse"
      }
      .custom-file-input~.custom-file-label[data-browse]:after {
        content: attr(data-browse)
      }
      .custom-file-label {
        left: 0;
        z-index: 1;
        height: calc(1.5em + .75rem + 2px);
        font-weight: 400;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: .25rem
      }
      .custom-file-label, .custom-file-label:after {
        position: absolute;
        top: 0;
        right: 0;
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057
      }
      .custom-file-label:after {
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + .75rem);
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 .25rem .25rem 0
      }
      .custom-range {
        width: 100%;
        height: 1.4rem;
        padding: 0;
        background-color: transparent;
        -webkit-appearance: none;
        appearance: none
      }
      .custom-range:focus {
        outline: 0
      }
      .custom-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
      }
      .custom-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
      }
      .custom-range:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
      }
      .custom-range::-moz-focus-outer {
        border: 0
      }
      .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        appearance: none
      }
      @media (prefers-reduced-motion:reduce) {
        .custom-range::-webkit-slider-thumb {
          -webkit-transition: none;
          transition: none
        }
      }
      .custom-range::-webkit-slider-thumb:active {
        background-color: #b3d7ff
      }
      .custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #dee2e6;
        border-color: transparent;
        border-radius: 1rem
      }
      .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        appearance: none
      }
      @media (prefers-reduced-motion:reduce) {
        .custom-range::-moz-range-thumb {
          -moz-transition: none;
          transition: none
        }
      }
      .custom-range::-moz-range-thumb:active {
        background-color: #b3d7ff
      }
      .custom-range::-moz-range-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #dee2e6;
        border-color: transparent;
        border-radius: 1rem
      }
      .custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: .2rem;
        margin-left: .2rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        appearance: none
      }
      @media (prefers-reduced-motion:reduce) {
        .custom-range::-ms-thumb {
          -ms-transition: none;
          transition: none
        }
      }
      .custom-range::-ms-thumb:active {
        background-color: #b3d7ff
      }
      .custom-range::-ms-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: .5rem
      }
      .custom-range::-ms-fill-lower, .custom-range::-ms-fill-upper {
        background-color: #dee2e6;
        border-radius: 1rem
      }
      .custom-range::-ms-fill-upper {
        margin-right: 15px
      }
      .custom-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd
      }
      .custom-range:disabled::-webkit-slider-runnable-track {
        cursor: default
      }
      .custom-range:disabled::-moz-range-thumb {
        background-color: #adb5bd
      }
      .custom-range:disabled::-moz-range-track {
        cursor: default
      }
      .custom-range:disabled::-ms-thumb {
        background-color: #adb5bd
      }
      .custom-control-label:before, .custom-file-label, .custom-select {
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
      }
      @media (prefers-reduced-motion:reduce) {
        .custom-control-label:before, .custom-file-label, .custom-select {
          transition: none
        }
      }
      .nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
      }
      .nav-link {
        display: block;
        padding: .5rem 1rem
      }
      .nav-link:focus, .nav-link:hover {
        text-decoration: none
      }
      .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default
      }
      .nav-tabs {
        border-bottom: 1px solid #dee2e6
      }
      .nav-tabs .nav-item {
        margin-bottom: -1px
      }
      .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
      }
      .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: #e9ecef #e9ecef #dee2e6
      }
      .nav-tabs .nav-link.disabled {
        color: #6c757d;
        background-color: transparent;
        border-color: transparent
      }
      .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #495057;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff
      }
      .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
      }
      .nav-pills .nav-link {
        border-radius: .25rem
      }
      .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        color: #fff;
        background-color: #007bff
      }
      .nav-fill .nav-item {
        flex: 1 1 auto;
        text-align: center
      }
      .nav-justified .nav-item {
        flex-basis: 0;
        flex-grow: 1;
        text-align: center
      }
      .tab-content>.tab-pane {
        display: none
      }
      .tab-content>.active {
        display: block
      }
      .navbar {
        position: relative;
        padding: .5rem 1rem
      }
      .navbar, .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
      }
      .navbar-brand {
        display: inline-block;
        padding-top: .3125rem;
        padding-bottom: .3125rem;
        margin-right: 1rem;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap
      }
      .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
      }
      .navbar-nav {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
      }
      .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
      }
      .navbar-nav .dropdown-menu {
        position: static;
        float: none
      }
      .navbar-text {
        display: inline-block;
        padding-top: .5rem;
        padding-bottom: .5rem
      }
      .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center
      }
      .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .25rem
      }
      .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none
      }
      .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background: no-repeat 50%;
        background-size: 100% 100%
      }
      @media (max-width:575.98px) {
        .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl {
          padding-right: 0;
          padding-left: 0
        }
      }
      @media (min-width:576px) {
        .navbar-expand-sm {
          flex-flow: row nowrap;
          justify-content: flex-start
        }
        .navbar-expand-sm .navbar-nav {
          flex-direction: row
        }
        .navbar-expand-sm .navbar-nav .dropdown-menu {
          position: absolute
        }
        .navbar-expand-sm .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
        }
        .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl {
          flex-wrap: nowrap
        }
        .navbar-expand-sm .navbar-collapse {
          display: flex !important;
          flex-basis: auto
        }
        .navbar-expand-sm .navbar-toggler {
          display: none
        }
      }
      @media (max-width:767.98px) {
        .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl {
          padding-right: 0;
          padding-left: 0
        }
      }
      @media (min-width:768px) {
        .navbar-expand-md {
          flex-flow: row nowrap;
          justify-content: flex-start
        }
        .navbar-expand-md .navbar-nav {
          flex-direction: row
        }
        .navbar-expand-md .navbar-nav .dropdown-menu {
          position: absolute
        }
        .navbar-expand-md .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
        }
        .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl {
          flex-wrap: nowrap
        }
        .navbar-expand-md .navbar-collapse {
          display: flex !important;
          flex-basis: auto
        }
        .navbar-expand-md .navbar-toggler {
          display: none
        }
      }
      @media (max-width:991.98px) {
        .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl {
          padding-right: 0;
          padding-left: 0
        }
      }
      @media (min-width:992px) {
        .navbar-expand-lg {
          flex-flow: row nowrap;
          justify-content: flex-start
        }
        .navbar-expand-lg .navbar-nav {
          flex-direction: row
        }
        .navbar-expand-lg .navbar-nav .dropdown-menu {
          position: absolute
        }
        .navbar-expand-lg .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
        }
        .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl {
          flex-wrap: nowrap
        }
        .navbar-expand-lg .navbar-collapse {
          display: flex !important;
          flex-basis: auto
        }
        .navbar-expand-lg .navbar-toggler {
          display: none
        }
      }
      @media (max-width:1199.98px) {
        .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl {
          padding-right: 0;
          padding-left: 0
        }
      }
      @media (min-width:1200px) {
        .navbar-expand-xl {
          flex-flow: row nowrap;
          justify-content: flex-start
        }
        .navbar-expand-xl .navbar-nav {
          flex-direction: row
        }
        .navbar-expand-xl .navbar-nav .dropdown-menu {
          position: absolute
        }
        .navbar-expand-xl .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
        }
        .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl {
          flex-wrap: nowrap
        }
        .navbar-expand-xl .navbar-collapse {
          display: flex !important;
          flex-basis: auto
        }
        .navbar-expand-xl .navbar-toggler {
          display: none
        }
      }
      .navbar-expand {
        flex-flow: row nowrap;
        justify-content: flex-start
      }
      .navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl {
        padding-right: 0;
        padding-left: 0
      }
      .navbar-expand .navbar-nav {
        flex-direction: row
      }
      .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute
      }
      .navbar-expand .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
      }
      .navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl {
        flex-wrap: nowrap
      }
      .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
      }
      .navbar-expand .navbar-toggler {
        display: none
      }
      .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, .9)
      }
      .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, .5)
      }
      .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, .7)
      }
      .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, .3)
      }
      .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
        color: rgba(0, 0, 0, .9)
      }
      .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1)
      }
      .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
      }
      .navbar-light .navbar-text {
        color: rgba(0, 0, 0, .5)
      }
      .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
        color: rgba(0, 0, 0, .9)
      }
      .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
        color: #fff
      }
      .navbar-dark .navbar-nav .nav-link {
        color: hsla(0, 0%, 100%, .5)
      }
      .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: hsla(0, 0%, 100%, .75)
      }
      .navbar-dark .navbar-nav .nav-link.disabled {
        color: hsla(0, 0%, 100%, .25)
      }
      .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
        color: #fff
      }
      .navbar-dark .navbar-toggler {
        color: hsla(0, 0%, 100%, .5);
        border-color: hsla(0, 0%, 100%, .1)
      }
      .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
      }
      .navbar-dark .navbar-text {
        color: hsla(0, 0%, 100%, .5)
      }
      .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
        color: #fff
      }
      .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, .125);
        border-radius: .25rem
      }
      .card>hr {
        margin-right: 0;
        margin-left: 0
      }
      .card>.list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
      }
      .card>.list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
      }
      .card-body {
        flex: 1 1 auto;
        min-height: 1px;
        padding: 1.25rem
      }
      .card-title {
        margin-bottom: .75rem
      }
      .card-subtitle {
        margin-top: -.375rem
      }
      .card-subtitle, .card-text:last-child {
        margin-bottom: 0
      }
      .card-link:hover {
        text-decoration: none
      }
      .card-link+.card-link {
        margin-left: 1.25rem
      }
      .card-header {
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, .03);
        border-bottom: 1px solid rgba(0, 0, 0, .125)
      }
      .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
      }
      .card-header+.list-group .list-group-item:first-child {
        border-top: 0
      }
      .card-footer {
        padding: .75rem 1.25rem;
        background-color: rgba(0, 0, 0, .03);
        border-top: 1px solid rgba(0, 0, 0, .125)
      }
      .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
      }
      .card-header-tabs {
        margin-bottom: -.75rem;
        border-bottom: 0
      }
      .card-header-pills, .card-header-tabs {
        margin-right: -.625rem;
        margin-left: -.625rem
      }
      .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem
      }
      .card-img, .card-img-bottom, .card-img-top {
        flex-shrink: 0;
        width: 100%
      }
      .card-img, .card-img-top {
        border-top-left-radius: calc(.25rem - 1px);
        border-top-right-radius: calc(.25rem - 1px)
      }
      .card-img, .card-img-bottom {
        border-bottom-right-radius: calc(.25rem - 1px);
        border-bottom-left-radius: calc(.25rem - 1px)
      }
      .card-deck .card {
        margin-bottom: 15px
      }
      @media (min-width:576px) {
        .card-deck {
          display: flex;
          flex-flow: row wrap;
          margin-right: -15px;
          margin-left: -15px
        }
        .card-deck .card {
          flex: 1 0 0%;
          margin-right: 15px;
          margin-bottom: 0;
          margin-left: 15px
        }
      }
      .card-group>.card {
        margin-bottom: 15px
      }
      @media (min-width:576px) {
        .card-group {
          display: flex;
          flex-flow: row wrap
        }
        .card-group>.card {
          flex: 1 0 0%;
          margin-bottom: 0
        }
        .card-group>.card+.card {
          margin-left: 0;
          border-left: 0
        }
        .card-group>.card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0
        }
        .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top {
          border-top-right-radius: 0
        }
        .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom {
          border-bottom-right-radius: 0
        }
        .card-group>.card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0
        }
        .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top {
          border-top-left-radius: 0
        }
        .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom {
          border-bottom-left-radius: 0
        }
      }
      .card-columns .card {
        margin-bottom: .75rem
      }
      @media (min-width:576px) {
        .card-columns {
          column-count: 3;
          column-gap: 1.25rem;
          orphans: 1;
          widows: 1
        }
        .card-columns .card {
          display: inline-block;
          width: 100%
        }
      }
      .accordion>.card {
        overflow: hidden
      }
      .accordion>.card:not(:last-of-type) {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
      }
      .accordion>.card:not(:first-of-type) {
        border-top-left-radius: 0;
        border-top-right-radius: 0
      }
      .accordion>.card>.card-header {
        border-radius: 0;
        margin-bottom: -1px
      }
      .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        padding: .75rem 1rem;
        margin-bottom: 1rem;
        list-style: none;
        background-color: #e9ecef;
        border-radius: .25rem
      }
      .breadcrumb-item+.breadcrumb-item {
        padding-left: .5rem
      }
      .breadcrumb-item+.breadcrumb-item:before {
        display: inline-block;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"
      }
      .breadcrumb-item+.breadcrumb-item:hover:before {
        text-decoration: underline;
        text-decoration: none
      }
      .breadcrumb-item.active {
        color: #6c757d
      }
      .pagination {
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: .25rem
      }
      .page-link {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6
      }
      .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
      }
      .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
      }
      .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
      }
      .page-item:last-child .page-link {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
      }
      .page-item.active .page-link {
        z-index: 3;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
      }
      .page-item.disabled .page-link {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6
      }
      .pagination-lg .page-link {
        padding: .75rem 1.5rem;
        font-size: 1.25rem;
        line-height: 1.5
      }
      .pagination-lg .page-item:first-child .page-link {
        border-top-left-radius: .3rem;
        border-bottom-left-radius: .3rem
      }
      .pagination-lg .page-item:last-child .page-link {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem
      }
      .pagination-sm .page-link {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5
      }
      .pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: .2rem;
        border-bottom-left-radius: .2rem
      }
      .pagination-sm .page-item:last-child .page-link {
        border-top-right-radius: .2rem;
        border-bottom-right-radius: .2rem
      }
      .badge {
        display: inline-block;
        padding: .25em .4em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
      }
      @media (prefers-reduced-motion:reduce) {
        .badge {
          transition: none
        }
      }
      a.badge:focus, a.badge:hover {
        text-decoration: none
      }
      .badge:empty {
        display: none
      }
      .btn .badge {
        position: relative;
        top: -1px
      }
      .badge-pill {
        padding-right: .6em;
        padding-left: .6em;
        border-radius: 10rem
      }
      .badge-primary {
        color: #fff;
        background-color: #007bff
      }
      a.badge-primary:focus, a.badge-primary:hover {
        color: #fff;
        background-color: #0062cc
      }
      a.badge-primary.focus, a.badge-primary:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
      }
      .badge-secondary {
        color: #fff;
        background-color: #6c757d
      }
      a.badge-secondary:focus, a.badge-secondary:hover {
        color: #fff;
        background-color: #545b62
      }
      a.badge-secondary.focus, a.badge-secondary:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
      }
      .badge-success {
        color: #fff;
        background-color: #28a745
      }
      a.badge-success:focus, a.badge-success:hover {
        color: #fff;
        background-color: #1e7e34
      }
      a.badge-success.focus, a.badge-success:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
      }
      .badge-info {
        color: #fff;
        background-color: #17a2b8
      }
      a.badge-info:focus, a.badge-info:hover {
        color: #fff;
        background-color: #117a8b
      }
      a.badge-info.focus, a.badge-info:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
      }
      .badge-warning {
        color: #212529;
        background-color: #ffc107
      }
      a.badge-warning:focus, a.badge-warning:hover {
        color: #212529;
        background-color: #d39e00
      }
      a.badge-warning.focus, a.badge-warning:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
      }
      .badge-danger {
        color: #fff;
        background-color: #dc3545
      }
      a.badge-danger:focus, a.badge-danger:hover {
        color: #fff;
        background-color: #bd2130
      }
      a.badge-danger.focus, a.badge-danger:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
      }
      .badge-light {
        color: #212529;
        background-color: #f8f9fa
      }
      a.badge-light:focus, a.badge-light:hover {
        color: #212529;
        background-color: #dae0e5
      }
      a.badge-light.focus, a.badge-light:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
      }
      .badge-dark {
        color: #fff;
        background-color: #343a40
      }
      a.badge-dark:focus, a.badge-dark:hover {
        color: #fff;
        background-color: #1d2124
      }
      a.badge-dark.focus, a.badge-dark:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
      }
      .jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: #e9ecef;
        border-radius: .3rem
      }
      @media (min-width:576px) {
        .jumbotron {
          padding: 4rem 2rem
        }
      }
      .jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
        border-radius: 0
      }
      .alert {
        position: relative;
        padding: .75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: .25rem
      }
      .alert-heading {
        color: inherit
      }
      .alert-link {
        font-weight: 700
      }
      .alert-dismissible {
        padding-right: 4rem
      }
      .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
      }
      .alert-primary {
        color: #004085;
        background-color: #cce5ff;
        border-color: #b8daff
      }
      .alert-primary hr {
        border-top-color: #9fcdff
      }
      .alert-primary .alert-link {
        color: #002752
      }
      .alert-secondary {
        color: #383d41;
        background-color: #e2e3e5;
        border-color: #d6d8db
      }
      .alert-secondary hr {
        border-top-color: #c8cbcf
      }
      .alert-secondary .alert-link {
        color: #202326
      }
      .alert-success {
        color: #155724;
        background-color: #d4edda;
        border-color: #c3e6cb
      }
      .alert-success hr {
        border-top-color: #b1dfbb
      }
      .alert-success .alert-link {
        color: #0b2e13
      }
      .alert-info {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb
      }
      .alert-info hr {
        border-top-color: #abdde5
      }
      .alert-info .alert-link {
        color: #062c33
      }
      .alert-warning {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba
      }
      .alert-warning hr {
        border-top-color: #ffe8a1
      }
      .alert-warning .alert-link {
        color: #533f03
      }
      .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb
      }
      .alert-danger hr {
        border-top-color: #f1b0b7
      }
      .alert-danger .alert-link {
        color: #491217
      }
      .alert-light {
        color: #818182;
        background-color: #fefefe;
        border-color: #fdfdfe
      }
      .alert-light hr {
        border-top-color: #ececf6
      }
      .alert-light .alert-link {
        color: #686868
      }
      .alert-dark {
        color: #1b1e21;
        background-color: #d6d8d9;
        border-color: #c6c8ca
      }
      .alert-dark hr {
        border-top-color: #b9bbbe
      }
      .alert-dark .alert-link {
        color: #040505
      }
      @keyframes progress-bar-stripes {
        0% {
          background-position: 1rem 0
        }
        to {
          background-position: 0 0
        }
      }
      .progress {
        height: 1rem;
        font-size: .75rem;
        background-color: #e9ecef;
        border-radius: .25rem
      }
      .progress, .progress-bar {
        display: flex;
        overflow: hidden
      }
      .progress-bar {
        flex-direction: column;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #007bff;
        transition: width .6s ease
      }
      @media (prefers-reduced-motion:reduce) {
        .progress-bar {
          transition: none
        }
      }
      .progress-bar-striped {
        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: 1rem 1rem
      }
      .progress-bar-animated {
        animation: progress-bar-stripes 1s linear infinite
      }
      @media (prefers-reduced-motion:reduce) {
        .progress-bar-animated {
          animation: none
        }
      }
      .media {
        display: flex;
        align-items: flex-start
      }
      .media-body {
        flex: 1
      }
      .list-group {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0
      }
      .list-group-item-action {
        width: 100%;
        color: #495057;
        text-align: inherit
      }
      .list-group-item-action:focus, .list-group-item-action:hover {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
      }
      .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef
      }
      .list-group-item {
        position: relative;
        display: block;
        padding: .75rem 1.25rem;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .125)
      }
      .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
      }
      .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
      }
      .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff
      }
      .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
      }
      .list-group-item+.list-group-item {
        border-top-width: 0
      }
      .list-group-item+.list-group-item.active {
        margin-top: -1px;
        border-top-width: 1px
      }
      .list-group-horizontal {
        flex-direction: row
      }
      .list-group-horizontal .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
      }
      .list-group-horizontal .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
      }
      .list-group-horizontal .list-group-item.active {
        margin-top: 0
      }
      .list-group-horizontal .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
      }
      .list-group-horizontal .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
      }
      @media (min-width:576px) {
        .list-group-horizontal-sm {
          flex-direction: row
        }
        .list-group-horizontal-sm .list-group-item:first-child {
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
        }
        .list-group-horizontal-sm .list-group-item:last-child {
          border-top-right-radius: .25rem;
          border-bottom-left-radius: 0
        }
        .list-group-horizontal-sm .list-group-item.active {
          margin-top: 0
        }
        .list-group-horizontal-sm .list-group-item+.list-group-item {
          border-top-width: 1px;
          border-left-width: 0
        }
        .list-group-horizontal-sm .list-group-item+.list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px
        }
      }
      @media (min-width:768px) {
        .list-group-horizontal-md {
          flex-direction: row
        }
        .list-group-horizontal-md .list-group-item:first-child {
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
        }
        .list-group-horizontal-md .list-group-item:last-child {
          border-top-right-radius: .25rem;
          border-bottom-left-radius: 0
        }
        .list-group-horizontal-md .list-group-item.active {
          margin-top: 0
        }
        .list-group-horizontal-md .list-group-item+.list-group-item {
          border-top-width: 1px;
          border-left-width: 0
        }
        .list-group-horizontal-md .list-group-item+.list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px
        }
      }
      @media (min-width:992px) {
        .list-group-horizontal-lg {
          flex-direction: row
        }
        .list-group-horizontal-lg .list-group-item:first-child {
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
        }
        .list-group-horizontal-lg .list-group-item:last-child {
          border-top-right-radius: .25rem;
          border-bottom-left-radius: 0
        }
        .list-group-horizontal-lg .list-group-item.active {
          margin-top: 0
        }
        .list-group-horizontal-lg .list-group-item+.list-group-item {
          border-top-width: 1px;
          border-left-width: 0
        }
        .list-group-horizontal-lg .list-group-item+.list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px
        }
      }
      @media (min-width:1200px) {
        .list-group-horizontal-xl {
          flex-direction: row
        }
        .list-group-horizontal-xl .list-group-item:first-child {
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
        }
        .list-group-horizontal-xl .list-group-item:last-child {
          border-top-right-radius: .25rem;
          border-bottom-left-radius: 0
        }
        .list-group-horizontal-xl .list-group-item.active {
          margin-top: 0
        }
        .list-group-horizontal-xl .list-group-item+.list-group-item {
          border-top-width: 1px;
          border-left-width: 0
        }
        .list-group-horizontal-xl .list-group-item+.list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px
        }
      }
      .list-group-flush .list-group-item {
        border-right-width: 0;
        border-left-width: 0;
        border-radius: 0
      }
      .list-group-flush .list-group-item:first-child {
        border-top-width: 0
      }
      .list-group-flush:last-child .list-group-item:last-child {
        border-bottom-width: 0
      }
      .list-group-item-primary {
        color: #004085;
        background-color: #b8daff
      }
      .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #004085;
        background-color: #9fcdff
      }
      .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085
      }
      .list-group-item-secondary {
        color: #383d41;
        background-color: #d6d8db
      }
      .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf
      }
      .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
      }
      .list-group-item-success {
        color: #155724;
        background-color: #c3e6cb
      }
      .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
        color: #155724;
        background-color: #b1dfbb
      }
      .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
      }
      .list-group-item-info {
        color: #0c5460;
        background-color: #bee5eb
      }
      .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
        color: #0c5460;
        background-color: #abdde5
      }
      .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
      }
      .list-group-item-warning {
        color: #856404;
        background-color: #ffeeba
      }
      .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
        color: #856404;
        background-color: #ffe8a1
      }
      .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
      }
      .list-group-item-danger {
        color: #721c24;
        background-color: #f5c6cb
      }
      .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
        color: #721c24;
        background-color: #f1b0b7
      }
      .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
      }
      .list-group-item-light {
        color: #818182;
        background-color: #fdfdfe
      }
      .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
        color: #818182;
        background-color: #ececf6
      }
      .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
      }
      .list-group-item-dark {
        color: #1b1e21;
        background-color: #c6c8ca
      }
      .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe
      }
      .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
      }
      .close {
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5
      }
      .close:hover {
        color: #000;
        text-decoration: none
      }
      .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
        opacity: .75
      }
      button.close {
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none;
        appearance: none
      }
      a.close.disabled {
        pointer-events: none
      }
      .toast {
        max-width: 350px;
        overflow: hidden;
        font-size: .875rem;
        background-color: hsla(0, 0%, 100%, .85);
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .1);
        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 0;
        border-radius: .25rem
      }
      .toast:not(:last-child) {
        margin-bottom: .75rem
      }
      .toast.showing {
        opacity: 1
      }
      .toast.show {
        display: block;
        opacity: 1
      }
      .toast.hide {
        display: none
      }
      .toast-header {
        display: flex;
        align-items: center;
        padding: .25rem .75rem;
        color: #6c757d;
        background-color: hsla(0, 0%, 100%, .85);
        background-clip: padding-box;
        border-bottom: 1px solid rgba(0, 0, 0, .05)
      }
      .toast-body {
        padding: .75rem
      }
      .modal-open {
        overflow: hidden
      }
      .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
      }
      .modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0
      }
      .modal-dialog {
        position: relative;
        width: auto;
        margin: .5rem;
        pointer-events: none
      }
      .modal.fade .modal-dialog {
        transition: transform .3s ease-out;
        transform: translateY(-50px)
      }
      @media (prefers-reduced-motion:reduce) {
        .modal.fade .modal-dialog {
          transition: none
        }
      }
      .modal.show .modal-dialog {
        transform: none
      }
      .modal.modal-static .modal-dialog {
        transform: scale(1.02)
      }
      .modal-dialog-scrollable {
        display: flex;
        max-height: calc(100% - 1rem)
      }
      .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
      }
      .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
        flex-shrink: 0
      }
      .modal-dialog-scrollable .modal-body {
        overflow-y: auto
      }
      .modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - 1rem)
      }
      .modal-dialog-centered:before {
        display: block;
        height: calc(100vh - 1rem);
        content: ""
      }
      .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
      }
      .modal-dialog-centered.modal-dialog-scrollable .modal-content {
        max-height: none
      }
      .modal-dialog-centered.modal-dialog-scrollable:before {
        content: none
      }
      .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem;
        outline: 0
      }
      .modal-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000
      }
      .modal-backdrop.fade {
        opacity: 0
      }
      .modal-backdrop.show {
        opacity: .5
      }
      .modal-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid #dee2e6;
        border-top-left-radius: calc(.3rem - 1px);
        border-top-right-radius: calc(.3rem - 1px)
      }
      .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto
      }
      .modal-title {
        margin-bottom: 0;
        line-height: 1.5
      }
      .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 1rem
      }
      .modal-footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        padding: .75rem;
        border-top: 1px solid #dee2e6;
        border-bottom-right-radius: calc(.3rem - 1px);
        border-bottom-left-radius: calc(.3rem - 1px)
      }
      .modal-footer>* {
        margin: .25rem
      }
      .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
      }
      @media (min-width:576px) {
        .modal-dialog {
          max-width: 500px;
          margin: 1.75rem auto
        }
        .modal-dialog-scrollable {
          max-height: calc(100% - 3.5rem)
        }
        .modal-dialog-scrollable .modal-content {
          max-height: calc(100vh - 3.5rem)
        }
        .modal-dialog-centered {
          min-height: calc(100% - 3.5rem)
        }
        .modal-dialog-centered:before {
          height: calc(100vh - 3.5rem)
        }
        .modal-sm {
          max-width: 300px
        }
      }
      @media (min-width:992px) {
        .modal-lg, .modal-xl {
          max-width: 800px
        }
      }
      @media (min-width:1200px) {
        .modal-xl {
          max-width: 1140px
        }
      }
      .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: .875rem;
        word-wrap: break-word;
        opacity: 0
      }
      .tooltip.show {
        opacity: .9
      }
      .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
      }
      .tooltip .arrow:before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid
      }
      .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
        padding: .4rem 0
      }
      .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
        bottom: 0
      }
      .bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before {
        top: 0;
        border-width: .4rem .4rem 0;
        border-top-color: #000
      }
      .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
        padding: 0 .4rem
      }
      .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
      }
      .bs-tooltip-auto[x-placement^=right] .arrow:before, .bs-tooltip-right .arrow:before {
        right: 0;
        border-width: .4rem .4rem .4rem 0;
        border-right-color: #000
      }
      .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
        padding: .4rem 0
      }
      .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
        top: 0
      }
      .bs-tooltip-auto[x-placement^=bottom] .arrow:before, .bs-tooltip-bottom .arrow:before {
        bottom: 0;
        border-width: 0 .4rem .4rem;
        border-bottom-color: #000
      }
      .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
        padding: 0 .4rem
      }
      .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
      }
      .bs-tooltip-auto[x-placement^=left] .arrow:before, .bs-tooltip-left .arrow:before {
        left: 0;
        border-width: .4rem 0 .4rem .4rem;
        border-left-color: #000
      }
      .tooltip-inner {
        max-width: 200px;
        padding: .25rem .5rem;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: .25rem
      }
      .popover {
        top: 0;
        left: 0;
        z-index: 1060;
        max-width: 276px;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: .875rem;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem
      }
      .popover, .popover .arrow {
        position: absolute;
        display: block
      }
      .popover .arrow {
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
      }
      .popover .arrow:after, .popover .arrow:before {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid
      }
      .bs-popover-auto[x-placement^=top], .bs-popover-top {
        margin-bottom: .5rem
      }
      .bs-popover-auto[x-placement^=top]>.arrow, .bs-popover-top>.arrow {
        bottom: calc(-.5rem - 1px)
      }
      .bs-popover-auto[x-placement^=top]>.arrow:before, .bs-popover-top>.arrow:before {
        bottom: 0;
        border-width: .5rem .5rem 0;
        border-top-color: rgba(0, 0, 0, .25)
      }
      .bs-popover-auto[x-placement^=top]>.arrow:after, .bs-popover-top>.arrow:after {
        bottom: 1px;
        border-width: .5rem .5rem 0;
        border-top-color: #fff
      }
      .bs-popover-auto[x-placement^=right], .bs-popover-right {
        margin-left: .5rem
      }
      .bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow {
        left: calc(-.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
      }
      .bs-popover-auto[x-placement^=right]>.arrow:before, .bs-popover-right>.arrow:before {
        left: 0;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: rgba(0, 0, 0, .25)
      }
      .bs-popover-auto[x-placement^=right]>.arrow:after, .bs-popover-right>.arrow:after {
        left: 1px;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: #fff
      }
      .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
        margin-top: .5rem
      }
      .bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow {
        top: calc(-.5rem - 1px)
      }
      .bs-popover-auto[x-placement^=bottom]>.arrow:before, .bs-popover-bottom>.arrow:before {
        top: 0;
        border-width: 0 .5rem .5rem;
        border-bottom-color: rgba(0, 0, 0, .25)
      }
      .bs-popover-auto[x-placement^=bottom]>.arrow:after, .bs-popover-bottom>.arrow:after {
        top: 1px;
        border-width: 0 .5rem .5rem;
        border-bottom-color: #fff
      }
      .bs-popover-auto[x-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
      }
      .bs-popover-auto[x-placement^=left], .bs-popover-left {
        margin-right: .5rem
      }
      .bs-popover-auto[x-placement^=left]>.arrow, .bs-popover-left>.arrow {
        right: calc(-.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
      }
      .bs-popover-auto[x-placement^=left]>.arrow:before, .bs-popover-left>.arrow:before {
        right: 0;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: rgba(0, 0, 0, .25)
      }
      .bs-popover-auto[x-placement^=left]>.arrow:after, .bs-popover-left>.arrow:after {
        right: 1px;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: #fff
      }
      .popover-header {
        padding: .5rem .75rem;
        margin-bottom: 0;
        font-size: 1rem;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-top-left-radius: calc(.3rem - 1px);
        border-top-right-radius: calc(.3rem - 1px)
      }
      .popover-header:empty {
        display: none
      }
      .popover-body {
        padding: .5rem .75rem;
        color: #212529
      }
      .carousel {
        position: relative
      }
      .carousel.pointer-event {
        touch-action: pan-y
      }
      .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
      }
      .carousel-inner:after {
        display: block;
        clear: both;
        content: ""
      }
      .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: transform .6s ease-in-out
      }
      @media (prefers-reduced-motion:reduce) {
        .carousel-item {
          transition: none
        }
      }
      .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        display: block
      }
      .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
        transform: translateX(100%)
      }
      .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
        transform: translateX(-100%)
      }
      .carousel-fade .carousel-item {
        opacity: 0;
        transition-property: opacity;
        transform: none
      }
      .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
      }
      .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s .6s
      }
      @media (prefers-reduced-motion:reduce) {
        .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
          transition: none
        }
      }
      .carousel-control-next, .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        color: #fff;
        text-align: center;
        opacity: .5;
        transition: opacity .15s ease
      }
      @media (prefers-reduced-motion:reduce) {
        .carousel-control-next, .carousel-control-prev {
          transition: none
        }
      }
      .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
      }
      .carousel-control-prev {
        left: 0
      }
      .carousel-control-next {
        right: 0
      }
      .carousel-control-next-icon, .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat 50%/100% 100%
      }
      .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
      }
      .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
      }
      .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: flex;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none
      }
      .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
      }
      @media (prefers-reduced-motion:reduce) {
        .carousel-indicators li {
          transition: none
        }
      }
      .carousel-indicators .active {
        opacity: 1
      }
      .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center
      }
      @keyframes spinner-border {
        to {
          transform: rotate(1turn)
        }
      }
      .spinner-border {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        border: .25em solid;
        border-right: .25em solid transparent;
        border-radius: 50%;
        animation: spinner-border .75s linear infinite
      }
      .spinner-border-sm {
        width: 1rem;
        height: 1rem;
        border-width: .2em
      }
      @keyframes spinner-grow {
        0% {
          transform: scale(0)
        }
        50% {
          opacity: 1
        }
      }
      .spinner-grow {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        background-color: currentColor;
        border-radius: 50%;
        opacity: 0;
        animation: spinner-grow .75s linear infinite
      }
      .spinner-grow-sm {
        width: 1rem;
        height: 1rem
      }
      .align-baseline {
        vertical-align: baseline !important
      }
      .align-top {
        vertical-align: top !important
      }
      .align-middle {
        vertical-align: middle !important
      }
      .align-bottom {
        vertical-align: bottom !important
      }
      .align-text-bottom {
        vertical-align: text-bottom !important
      }
      .align-text-top {
        vertical-align: text-top !important
      }
      .bg-primary {
        background-color: #007bff !important
      }
      a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
        background-color: #0062cc !important
      }
      .bg-secondary {
        background-color: #6c757d !important
      }
      a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
        background-color: #545b62 !important
      }
      .bg-success {
        background-color: #28a745 !important
      }
      a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
        background-color: #1e7e34 !important
      }
      .bg-info {
        background-color: #17a2b8 !important
      }
      a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
        background-color: #117a8b !important
      }
      .bg-warning {
        background-color: #ffc107 !important
      }
      a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
        background-color: #d39e00 !important
      }
      .bg-danger {
        background-color: #dc3545 !important
      }
      a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
        background-color: #bd2130 !important
      }
      .bg-light {
        background-color: #f8f9fa !important
      }
      a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
        background-color: #dae0e5 !important
      }
      .bg-dark {
        background-color: #343a40 !important
      }
      a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
        background-color: #1d2124 !important
      }
      .bg-white {
        background-color: #fff !important
      }
      .bg-transparent {
        background-color: transparent !important
      }
      .border {
        border: 1px solid #dee2e6 !important
      }
      .border-top {
        border-top: 1px solid #dee2e6 !important
      }
      .border-right {
        border-right: 1px solid #dee2e6 !important
      }
      .border-bottom {
        border-bottom: 1px solid #dee2e6 !important
      }
      .border-left {
        border-left: 1px solid #dee2e6 !important
      }
      .border-0 {
        border: 0 !important
      }
      .border-top-0 {
        border-top: 0 !important
      }
      .border-right-0 {
        border-right: 0 !important
      }
      .border-bottom-0 {
        border-bottom: 0 !important
      }
      .border-left-0 {
        border-left: 0 !important
      }
      .border-primary {
        border-color: #007bff !important
      }
      .border-secondary {
        border-color: #6c757d !important
      }
      .border-success {
        border-color: #28a745 !important
      }
      .border-info {
        border-color: #17a2b8 !important
      }
      .border-warning {
        border-color: #ffc107 !important
      }
      .border-danger {
        border-color: #dc3545 !important
      }
      .border-light {
        border-color: #f8f9fa !important
      }
      .border-dark {
        border-color: #343a40 !important
      }
      .border-white {
        border-color: #fff !important
      }
      .rounded-sm {
        border-radius: .2rem !important
      }
      .rounded {
        border-radius: .25rem !important
      }
      .rounded-top {
        border-top-left-radius: .25rem !important
      }
      .rounded-right, .rounded-top {
        border-top-right-radius: .25rem !important
      }
      .rounded-bottom, .rounded-right {
        border-bottom-right-radius: .25rem !important
      }
      .rounded-bottom, .rounded-left {
        border-bottom-left-radius: .25rem !important
      }
      .rounded-left {
        border-top-left-radius: .25rem !important
      }
      .rounded-lg {
        border-radius: .3rem !important
      }
      .rounded-circle {
        border-radius: 50% !important
      }
      .rounded-pill {
        border-radius: 50rem !important
      }
      .rounded-0 {
        border-radius: 0 !important
      }
      .clearfix:after {
        display: block;
        clear: both;
        content: ""
      }
      .d-none {
        display: none !important
      }
      .d-inline {
        display: inline !important
      }
      .d-inline-block {
        display: inline-block !important
      }
      .d-block {
        display: block !important
      }
      .d-table {
        display: table !important
      }
      .d-table-row {
        display: table-row !important
      }
      .d-table-cell {
        display: table-cell !important
      }
      .d-flex {
        display: flex !important
      }
      .d-inline-flex {
        display: inline-flex !important
      }
      @media (min-width:576px) {
        .d-sm-none {
          display: none !important
        }
        .d-sm-inline {
          display: inline !important
        }
        .d-sm-inline-block {
          display: inline-block !important
        }
        .d-sm-block {
          display: block !important
        }
        .d-sm-table {
          display: table !important
        }
        .d-sm-table-row {
          display: table-row !important
        }
        .d-sm-table-cell {
          display: table-cell !important
        }
        .d-sm-flex {
          display: flex !important
        }
        .d-sm-inline-flex {
          display: inline-flex !important
        }
      }
      @media (min-width:768px) {
        .d-md-none {
          display: none !important
        }
        .d-md-inline {
          display: inline !important
        }
        .d-md-inline-block {
          display: inline-block !important
        }
        .d-md-block {
          display: block !important
        }
        .d-md-table {
          display: table !important
        }
        .d-md-table-row {
          display: table-row !important
        }
        .d-md-table-cell {
          display: table-cell !important
        }
        .d-md-flex {
          display: flex !important
        }
        .d-md-inline-flex {
          display: inline-flex !important
        }
      }
      @media (min-width:992px) {
        .d-lg-none {
          display: none !important
        }
        .d-lg-inline {
          display: inline !important
        }
        .d-lg-inline-block {
          display: inline-block !important
        }
        .d-lg-block {
          display: block !important
        }
        .d-lg-table {
          display: table !important
        }
        .d-lg-table-row {
          display: table-row !important
        }
        .d-lg-table-cell {
          display: table-cell !important
        }
        .d-lg-flex {
          display: flex !important
        }
        .d-lg-inline-flex {
          display: inline-flex !important
        }
      }
      @media (min-width:1200px) {
        .d-xl-none {
          display: none !important
        }
        .d-xl-inline {
          display: inline !important
        }
        .d-xl-inline-block {
          display: inline-block !important
        }
        .d-xl-block {
          display: block !important
        }
        .d-xl-table {
          display: table !important
        }
        .d-xl-table-row {
          display: table-row !important
        }
        .d-xl-table-cell {
          display: table-cell !important
        }
        .d-xl-flex {
          display: flex !important
        }
        .d-xl-inline-flex {
          display: inline-flex !important
        }
      }
      @media print {
        .d-print-none {
          display: none !important
        }
        .d-print-inline {
          display: inline !important
        }
        .d-print-inline-block {
          display: inline-block !important
        }
        .d-print-block {
          display: block !important
        }
        .d-print-table {
          display: table !important
        }
        .d-print-table-row {
          display: table-row !important
        }
        .d-print-table-cell {
          display: table-cell !important
        }
        .d-print-flex {
          display: flex !important
        }
        .d-print-inline-flex {
          display: inline-flex !important
        }
      }
      .embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden
      }
      .embed-responsive:before {
        display: block;
        content: ""
      }
      .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-21by9:before {
        padding-top: 42.857143%
      }
      .embed-responsive-16by9:before {
        padding-top: 56.25%
      }
      .embed-responsive-4by3:before {
        padding-top: 75%
      }
      .embed-responsive-1by1:before {
        padding-top: 100%
      }
      .flex-row {
        flex-direction: row !important
      }
      .flex-column {
        flex-direction: column !important
      }
      .flex-row-reverse {
        flex-direction: row-reverse !important
      }
      .flex-column-reverse {
        flex-direction: column-reverse !important
      }
      .flex-wrap {
        flex-wrap: wrap !important
      }
      .flex-nowrap {
        flex-wrap: nowrap !important
      }
      .flex-wrap-reverse {
        flex-wrap: wrap-reverse !important
      }
      .flex-fill {
        flex: 1 1 auto !important
      }
      .flex-grow-0 {
        flex-grow: 0 !important
      }
      .flex-grow-1 {
        flex-grow: 1 !important
      }
      .flex-shrink-0 {
        flex-shrink: 0 !important
      }
      .flex-shrink-1 {
        flex-shrink: 1 !important
      }
      .justify-content-start {
        justify-content: flex-start !important
      }
      .justify-content-end {
        justify-content: flex-end !important
      }
      .justify-content-center {
        justify-content: center !important
      }
      .justify-content-between {
        justify-content: space-between !important
      }
      .justify-content-around {
        justify-content: space-around !important
      }
      .align-items-start {
        align-items: flex-start !important
      }
      .align-items-end {
        align-items: flex-end !important
      }
      .align-items-center {
        align-items: center !important
      }
      .align-items-baseline {
        align-items: baseline !important
      }
      .align-items-stretch {
        align-items: stretch !important
      }
      .align-content-start {
        align-content: flex-start !important
      }
      .align-content-end {
        align-content: flex-end !important
      }
      .align-content-center {
        align-content: center !important
      }
      .align-content-between {
        align-content: space-between !important
      }
      .align-content-around {
        align-content: space-around !important
      }
      .align-content-stretch {
        align-content: stretch !important
      }
      .align-self-auto {
        align-self: auto !important
      }
      .align-self-start {
        align-self: flex-start !important
      }
      .align-self-end {
        align-self: flex-end !important
      }
      .align-self-center {
        align-self: center !important
      }
      .align-self-baseline {
        align-self: baseline !important
      }
      .align-self-stretch {
        align-self: stretch !important
      }
      @media (min-width:576px) {
        .flex-sm-row {
          flex-direction: row !important
        }
        .flex-sm-column {
          flex-direction: column !important
        }
        .flex-sm-row-reverse {
          flex-direction: row-reverse !important
        }
        .flex-sm-column-reverse {
          flex-direction: column-reverse !important
        }
        .flex-sm-wrap {
          flex-wrap: wrap !important
        }
        .flex-sm-nowrap {
          flex-wrap: nowrap !important
        }
        .flex-sm-wrap-reverse {
          flex-wrap: wrap-reverse !important
        }
        .flex-sm-fill {
          flex: 1 1 auto !important
        }
        .flex-sm-grow-0 {
          flex-grow: 0 !important
        }
        .flex-sm-grow-1 {
          flex-grow: 1 !important
        }
        .flex-sm-shrink-0 {
          flex-shrink: 0 !important
        }
        .flex-sm-shrink-1 {
          flex-shrink: 1 !important
        }
        .justify-content-sm-start {
          justify-content: flex-start !important
        }
        .justify-content-sm-end {
          justify-content: flex-end !important
        }
        .justify-content-sm-center {
          justify-content: center !important
        }
        .justify-content-sm-between {
          justify-content: space-between !important
        }
        .justify-content-sm-around {
          justify-content: space-around !important
        }
        .align-items-sm-start {
          align-items: flex-start !important
        }
        .align-items-sm-end {
          align-items: flex-end !important
        }
        .align-items-sm-center {
          align-items: center !important
        }
        .align-items-sm-baseline {
          align-items: baseline !important
        }
        .align-items-sm-stretch {
          align-items: stretch !important
        }
        .align-content-sm-start {
          align-content: flex-start !important
        }
        .align-content-sm-end {
          align-content: flex-end !important
        }
        .align-content-sm-center {
          align-content: center !important
        }
        .align-content-sm-between {
          align-content: space-between !important
        }
        .align-content-sm-around {
          align-content: space-around !important
        }
        .align-content-sm-stretch {
          align-content: stretch !important
        }
        .align-self-sm-auto {
          align-self: auto !important
        }
        .align-self-sm-start {
          align-self: flex-start !important
        }
        .align-self-sm-end {
          align-self: flex-end !important
        }
        .align-self-sm-center {
          align-self: center !important
        }
        .align-self-sm-baseline {
          align-self: baseline !important
        }
        .align-self-sm-stretch {
          align-self: stretch !important
        }
      }
      @media (min-width:768px) {
        .flex-md-row {
          flex-direction: row !important
        }
        .flex-md-column {
          flex-direction: column !important
        }
        .flex-md-row-reverse {
          flex-direction: row-reverse !important
        }
        .flex-md-column-reverse {
          flex-direction: column-reverse !important
        }
        .flex-md-wrap {
          flex-wrap: wrap !important
        }
        .flex-md-nowrap {
          flex-wrap: nowrap !important
        }
        .flex-md-wrap-reverse {
          flex-wrap: wrap-reverse !important
        }
        .flex-md-fill {
          flex: 1 1 auto !important
        }
        .flex-md-grow-0 {
          flex-grow: 0 !important
        }
        .flex-md-grow-1 {
          flex-grow: 1 !important
        }
        .flex-md-shrink-0 {
          flex-shrink: 0 !important
        }
        .flex-md-shrink-1 {
          flex-shrink: 1 !important
        }
        .justify-content-md-start {
          justify-content: flex-start !important
        }
        .justify-content-md-end {
          justify-content: flex-end !important
        }
        .justify-content-md-center {
          justify-content: center !important
        }
        .justify-content-md-between {
          justify-content: space-between !important
        }
        .justify-content-md-around {
          justify-content: space-around !important
        }
        .align-items-md-start {
          align-items: flex-start !important
        }
        .align-items-md-end {
          align-items: flex-end !important
        }
        .align-items-md-center {
          align-items: center !important
        }
        .align-items-md-baseline {
          align-items: baseline !important
        }
        .align-items-md-stretch {
          align-items: stretch !important
        }
        .align-content-md-start {
          align-content: flex-start !important
        }
        .align-content-md-end {
          align-content: flex-end !important
        }
        .align-content-md-center {
          align-content: center !important
        }
        .align-content-md-between {
          align-content: space-between !important
        }
        .align-content-md-around {
          align-content: space-around !important
        }
        .align-content-md-stretch {
          align-content: stretch !important
        }
        .align-self-md-auto {
          align-self: auto !important
        }
        .align-self-md-start {
          align-self: flex-start !important
        }
        .align-self-md-end {
          align-self: flex-end !important
        }
        .align-self-md-center {
          align-self: center !important
        }
        .align-self-md-baseline {
          align-self: baseline !important
        }
        .align-self-md-stretch {
          align-self: stretch !important
        }
      }
      @media (min-width:992px) {
        .flex-lg-row {
          flex-direction: row !important
        }
        .flex-lg-column {
          flex-direction: column !important
        }
        .flex-lg-row-reverse {
          flex-direction: row-reverse !important
        }
        .flex-lg-column-reverse {
          flex-direction: column-reverse !important
        }
        .flex-lg-wrap {
          flex-wrap: wrap !important
        }
        .flex-lg-nowrap {
          flex-wrap: nowrap !important
        }
        .flex-lg-wrap-reverse {
          flex-wrap: wrap-reverse !important
        }
        .flex-lg-fill {
          flex: 1 1 auto !important
        }
        .flex-lg-grow-0 {
          flex-grow: 0 !important
        }
        .flex-lg-grow-1 {
          flex-grow: 1 !important
        }
        .flex-lg-shrink-0 {
          flex-shrink: 0 !important
        }
        .flex-lg-shrink-1 {
          flex-shrink: 1 !important
        }
        .justify-content-lg-start {
          justify-content: flex-start !important
        }
        .justify-content-lg-end {
          justify-content: flex-end !important
        }
        .justify-content-lg-center {
          justify-content: center !important
        }
        .justify-content-lg-between {
          justify-content: space-between !important
        }
        .justify-content-lg-around {
          justify-content: space-around !important
        }
        .align-items-lg-start {
          align-items: flex-start !important
        }
        .align-items-lg-end {
          align-items: flex-end !important
        }
        .align-items-lg-center {
          align-items: center !important
        }
        .align-items-lg-baseline {
          align-items: baseline !important
        }
        .align-items-lg-stretch {
          align-items: stretch !important
        }
        .align-content-lg-start {
          align-content: flex-start !important
        }
        .align-content-lg-end {
          align-content: flex-end !important
        }
        .align-content-lg-center {
          align-content: center !important
        }
        .align-content-lg-between {
          align-content: space-between !important
        }
        .align-content-lg-around {
          align-content: space-around !important
        }
        .align-content-lg-stretch {
          align-content: stretch !important
        }
        .align-self-lg-auto {
          align-self: auto !important
        }
        .align-self-lg-start {
          align-self: flex-start !important
        }
        .align-self-lg-end {
          align-self: flex-end !important
        }
        .align-self-lg-center {
          align-self: center !important
        }
        .align-self-lg-baseline {
          align-self: baseline !important
        }
        .align-self-lg-stretch {
          align-self: stretch !important
        }
      }
      @media (min-width:1200px) {
        .flex-xl-row {
          flex-direction: row !important
        }
        .flex-xl-column {
          flex-direction: column !important
        }
        .flex-xl-row-reverse {
          flex-direction: row-reverse !important
        }
        .flex-xl-column-reverse {
          flex-direction: column-reverse !important
        }
        .flex-xl-wrap {
          flex-wrap: wrap !important
        }
        .flex-xl-nowrap {
          flex-wrap: nowrap !important
        }
        .flex-xl-wrap-reverse {
          flex-wrap: wrap-reverse !important
        }
        .flex-xl-fill {
          flex: 1 1 auto !important
        }
        .flex-xl-grow-0 {
          flex-grow: 0 !important
        }
        .flex-xl-grow-1 {
          flex-grow: 1 !important
        }
        .flex-xl-shrink-0 {
          flex-shrink: 0 !important
        }
        .flex-xl-shrink-1 {
          flex-shrink: 1 !important
        }
        .justify-content-xl-start {
          justify-content: flex-start !important
        }
        .justify-content-xl-end {
          justify-content: flex-end !important
        }
        .justify-content-xl-center {
          justify-content: center !important
        }
        .justify-content-xl-between {
          justify-content: space-between !important
        }
        .justify-content-xl-around {
          justify-content: space-around !important
        }
        .align-items-xl-start {
          align-items: flex-start !important
        }
        .align-items-xl-end {
          align-items: flex-end !important
        }
        .align-items-xl-center {
          align-items: center !important
        }
        .align-items-xl-baseline {
          align-items: baseline !important
        }
        .align-items-xl-stretch {
          align-items: stretch !important
        }
        .align-content-xl-start {
          align-content: flex-start !important
        }
        .align-content-xl-end {
          align-content: flex-end !important
        }
        .align-content-xl-center {
          align-content: center !important
        }
        .align-content-xl-between {
          align-content: space-between !important
        }
        .align-content-xl-around {
          align-content: space-around !important
        }
        .align-content-xl-stretch {
          align-content: stretch !important
        }
        .align-self-xl-auto {
          align-self: auto !important
        }
        .align-self-xl-start {
          align-self: flex-start !important
        }
        .align-self-xl-end {
          align-self: flex-end !important
        }
        .align-self-xl-center {
          align-self: center !important
        }
        .align-self-xl-baseline {
          align-self: baseline !important
        }
        .align-self-xl-stretch {
          align-self: stretch !important
        }
      }
      .float-left {
        float: left !important
      }
      .float-right {
        float: right !important
      }
      .float-none {
        float: none !important
      }
      @media (min-width:576px) {
        .float-sm-left {
          float: left !important
        }
        .float-sm-right {
          float: right !important
        }
        .float-sm-none {
          float: none !important
        }
      }
      @media (min-width:768px) {
        .float-md-left {
          float: left !important
        }
        .float-md-right {
          float: right !important
        }
        .float-md-none {
          float: none !important
        }
      }
      @media (min-width:992px) {
        .float-lg-left {
          float: left !important
        }
        .float-lg-right {
          float: right !important
        }
        .float-lg-none {
          float: none !important
        }
      }
      @media (min-width:1200px) {
        .float-xl-left {
          float: left !important
        }
        .float-xl-right {
          float: right !important
        }
        .float-xl-none {
          float: none !important
        }
      }
      .overflow-auto {
        overflow: auto !important
      }
      .overflow-hidden {
        overflow: hidden !important
      }
      .position-static {
        position: static !important
      }
      .position-relative {
        position: relative !important
      }
      .position-absolute {
        position: absolute !important
      }
      .position-fixed {
        position: fixed !important
      }
      .position-sticky {
        position: -webkit-sticky !important;
        position: sticky !important
      }
      .fixed-top {
        top: 0
      }
      .fixed-bottom, .fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030
      }
      .fixed-bottom {
        bottom: 0
      }
      @supports ((position:-webkit-sticky) or (position:sticky)) {
        .sticky-top {
          position: -webkit-sticky;
          position: sticky;
          top: 0;
          z-index: 1020
        }
      }
      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0
      }
      .sr-only-focusable:active, .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal
      }
      .shadow-sm {
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
      }
      .shadow {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
      }
      .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
      }
      .shadow-none {
        box-shadow: none !important
      }
      .w-25 {
        width: 25% !important
      }
      .w-50 {
        width: 50% !important
      }
      .w-75 {
        width: 75% !important
      }
      .w-100 {
        width: 100% !important
      }
      .w-auto {
        width: auto !important
      }
      .h-25 {
        height: 25% !important
      }
      .h-50 {
        height: 50% !important
      }
      .h-75 {
        height: 75% !important
      }
      .h-100 {
        height: 100% !important
      }
      .h-auto {
        height: auto !important
      }
      .mw-100 {
        max-width: 100% !important
      }
      .mh-100 {
        max-height: 100% !important
      }
      .min-vw-100 {
        min-width: 100vw !important
      }
      .min-vh-100 {
        min-height: 100vh !important
      }
      .vw-100 {
        width: 100vw !important
      }
      .vh-100 {
        height: 100vh !important
      }
      .stretched-link:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
        background-color: transparent
      }
      .m-0 {
        margin: 0 !important
      }
      .mt-0, .my-0 {
        margin-top: 0 !important
      }
      .mr-0, .mx-0 {
        margin-right: 0 !important
      }
      .mb-0, .my-0 {
        margin-bottom: 0 !important
      }
      .ml-0, .mx-0 {
        margin-left: 0 !important
      }
      .m-1 {
        margin: .25rem !important
      }
      .mt-1, .my-1 {
        margin-top: .25rem !important
      }
      .mr-1, .mx-1 {
        margin-right: .25rem !important
      }
      .mb-1, .my-1 {
        margin-bottom: .25rem !important
      }
      .ml-1, .mx-1 {
        margin-left: .25rem !important
      }
      .m-2 {
        margin: .5rem !important
      }
      .mt-2, .my-2 {
        margin-top: .5rem !important
      }
      .mr-2, .mx-2 {
        margin-right: .5rem !important
      }
      .mb-2, .my-2 {
        margin-bottom: .5rem !important
      }
      .ml-2, .mx-2 {
        margin-left: .5rem !important
      }
      .m-3 {
        margin: 1rem !important
      }
      .mt-3, .my-3 {
        margin-top: 1rem !important
      }
      .mr-3, .mx-3 {
        margin-right: 1rem !important
      }
      .mb-3, .my-3 {
        margin-bottom: 1rem !important
      }
      .ml-3, .mx-3 {
        margin-left: 1rem !important
      }
      .m-4 {
        margin: 1.5rem !important
      }
      .mt-4, .my-4 {
        margin-top: 1.5rem !important
      }
      .mr-4, .mx-4 {
        margin-right: 1.5rem !important
      }
      .mb-4, .my-4 {
        margin-bottom: 1.5rem !important
      }
      .ml-4, .mx-4 {
        margin-left: 1.5rem !important
      }
      .m-5 {
        margin: 3rem !important
      }
      .mt-5, .my-5 {
        margin-top: 3rem !important
      }
      .mr-5, .mx-5 {
        margin-right: 3rem !important
      }
      .mb-5, .my-5 {
        margin-bottom: 3rem !important
      }
      .ml-5, .mx-5 {
        margin-left: 3rem !important
      }
      .p-0 {
        padding: 0 !important
      }
      .pt-0, .py-0 {
        padding-top: 0 !important
      }
      .pr-0, .px-0 {
        padding-right: 0 !important
      }
      .pb-0, .py-0 {
        padding-bottom: 0 !important
      }
      .pl-0, .px-0 {
        padding-left: 0 !important
      }
      .p-1 {
        padding: .25rem !important
      }
      .pt-1, .py-1 {
        padding-top: .25rem !important
      }
      .pr-1, .px-1 {
        padding-right: .25rem !important
      }
      .pb-1, .py-1 {
        padding-bottom: .25rem !important
      }
      .pl-1, .px-1 {
        padding-left: .25rem !important
      }
      .p-2 {
        padding: .5rem !important
      }
      .pt-2, .py-2 {
        padding-top: .5rem !important
      }
      .pr-2, .px-2 {
        padding-right: .5rem !important
      }
      .pb-2, .py-2 {
        padding-bottom: .5rem !important
      }
      .pl-2, .px-2 {
        padding-left: .5rem !important
      }
      .p-3 {
        padding: 1rem !important
      }
      .pt-3, .py-3 {
        padding-top: 1rem !important
      }
      .pr-3, .px-3 {
        padding-right: 1rem !important
      }
      .pb-3, .py-3 {
        padding-bottom: 1rem !important
      }
      .pl-3, .px-3 {
        padding-left: 1rem !important
      }
      .p-4 {
        padding: 1.5rem !important
      }
      .pt-4, .py-4 {
        padding-top: 1.5rem !important
      }
      .pr-4, .px-4 {
        padding-right: 1.5rem !important
      }
      .pb-4, .py-4 {
        padding-bottom: 1.5rem !important
      }
      .pl-4, .px-4 {
        padding-left: 1.5rem !important
      }
      .p-5 {
        padding: 3rem !important
      }
      .pt-5, .py-5 {
        padding-top: 3rem !important
      }
      .pr-5, .px-5 {
        padding-right: 3rem !important
      }
      .pb-5, .py-5 {
        padding-bottom: 3rem !important
      }
      .pl-5, .px-5 {
        padding-left: 3rem !important
      }
      .m-n1 {
        margin: -.25rem !important
      }
      .mt-n1, .my-n1 {
        margin-top: -.25rem !important
      }
      .mr-n1, .mx-n1 {
        margin-right: -.25rem !important
      }
      .mb-n1, .my-n1 {
        margin-bottom: -.25rem !important
      }
      .ml-n1, .mx-n1 {
        margin-left: -.25rem !important
      }
      .m-n2 {
        margin: -.5rem !important
      }
      .mt-n2, .my-n2 {
        margin-top: -.5rem !important
      }
      .mr-n2, .mx-n2 {
        margin-right: -.5rem !important
      }
      .mb-n2, .my-n2 {
        margin-bottom: -.5rem !important
      }
      .ml-n2, .mx-n2 {
        margin-left: -.5rem !important
      }
      .m-n3 {
        margin: -1rem !important
      }
      .mt-n3, .my-n3 {
        margin-top: -1rem !important
      }
      .mr-n3, .mx-n3 {
        margin-right: -1rem !important
      }
      .mb-n3, .my-n3 {
        margin-bottom: -1rem !important
      }
      .ml-n3, .mx-n3 {
        margin-left: -1rem !important
      }
      .m-n4 {
        margin: -1.5rem !important
      }
      .mt-n4, .my-n4 {
        margin-top: -1.5rem !important
      }
      .mr-n4, .mx-n4 {
        margin-right: -1.5rem !important
      }
      .mb-n4, .my-n4 {
        margin-bottom: -1.5rem !important
      }
      .ml-n4, .mx-n4 {
        margin-left: -1.5rem !important
      }
      .m-n5 {
        margin: -3rem !important
      }
      .mt-n5, .my-n5 {
        margin-top: -3rem !important
      }
      .mr-n5, .mx-n5 {
        margin-right: -3rem !important
      }
      .mb-n5, .my-n5 {
        margin-bottom: -3rem !important
      }
      .ml-n5, .mx-n5 {
        margin-left: -3rem !important
      }
      .m-auto {
        margin: auto !important
      }
      .mt-auto, .my-auto {
        margin-top: auto !important
      }
      .mr-auto, .mx-auto {
        margin-right: auto !important
      }
      .mb-auto, .my-auto {
        margin-bottom: auto !important
      }
      .ml-auto, .mx-auto {
        margin-left: auto !important
      }
      @media (min-width:576px) {
        .m-sm-0 {
          margin: 0 !important
        }
        .mt-sm-0, .my-sm-0 {
          margin-top: 0 !important
        }
        .mr-sm-0, .mx-sm-0 {
          margin-right: 0 !important
        }
        .mb-sm-0, .my-sm-0 {
          margin-bottom: 0 !important
        }
        .ml-sm-0, .mx-sm-0 {
          margin-left: 0 !important
        }
        .m-sm-1 {
          margin: .25rem !important
        }
        .mt-sm-1, .my-sm-1 {
          margin-top: .25rem !important
        }
        .mr-sm-1, .mx-sm-1 {
          margin-right: .25rem !important
        }
        .mb-sm-1, .my-sm-1 {
          margin-bottom: .25rem !important
        }
        .ml-sm-1, .mx-sm-1 {
          margin-left: .25rem !important
        }
        .m-sm-2 {
          margin: .5rem !important
        }
        .mt-sm-2, .my-sm-2 {
          margin-top: .5rem !important
        }
        .mr-sm-2, .mx-sm-2 {
          margin-right: .5rem !important
        }
        .mb-sm-2, .my-sm-2 {
          margin-bottom: .5rem !important
        }
        .ml-sm-2, .mx-sm-2 {
          margin-left: .5rem !important
        }
        .m-sm-3 {
          margin: 1rem !important
        }
        .mt-sm-3, .my-sm-3 {
          margin-top: 1rem !important
        }
        .mr-sm-3, .mx-sm-3 {
          margin-right: 1rem !important
        }
        .mb-sm-3, .my-sm-3 {
          margin-bottom: 1rem !important
        }
        .ml-sm-3, .mx-sm-3 {
          margin-left: 1rem !important
        }
        .m-sm-4 {
          margin: 1.5rem !important
        }
        .mt-sm-4, .my-sm-4 {
          margin-top: 1.5rem !important
        }
        .mr-sm-4, .mx-sm-4 {
          margin-right: 1.5rem !important
        }
        .mb-sm-4, .my-sm-4 {
          margin-bottom: 1.5rem !important
        }
        .ml-sm-4, .mx-sm-4 {
          margin-left: 1.5rem !important
        }
        .m-sm-5 {
          margin: 3rem !important
        }
        .mt-sm-5, .my-sm-5 {
          margin-top: 3rem !important
        }
        .mr-sm-5, .mx-sm-5 {
          margin-right: 3rem !important
        }
        .mb-sm-5, .my-sm-5 {
          margin-bottom: 3rem !important
        }
        .ml-sm-5, .mx-sm-5 {
          margin-left: 3rem !important
        }
        .p-sm-0 {
          padding: 0 !important
        }
        .pt-sm-0, .py-sm-0 {
          padding-top: 0 !important
        }
        .pr-sm-0, .px-sm-0 {
          padding-right: 0 !important
        }
        .pb-sm-0, .py-sm-0 {
          padding-bottom: 0 !important
        }
        .pl-sm-0, .px-sm-0 {
          padding-left: 0 !important
        }
        .p-sm-1 {
          padding: .25rem !important
        }
        .pt-sm-1, .py-sm-1 {
          padding-top: .25rem !important
        }
        .pr-sm-1, .px-sm-1 {
          padding-right: .25rem !important
        }
        .pb-sm-1, .py-sm-1 {
          padding-bottom: .25rem !important
        }
        .pl-sm-1, .px-sm-1 {
          padding-left: .25rem !important
        }
        .p-sm-2 {
          padding: .5rem !important
        }
        .pt-sm-2, .py-sm-2 {
          padding-top: .5rem !important
        }
        .pr-sm-2, .px-sm-2 {
          padding-right: .5rem !important
        }
        .pb-sm-2, .py-sm-2 {
          padding-bottom: .5rem !important
        }
        .pl-sm-2, .px-sm-2 {
          padding-left: .5rem !important
        }
        .p-sm-3 {
          padding: 1rem !important
        }
        .pt-sm-3, .py-sm-3 {
          padding-top: 1rem !important
        }
        .pr-sm-3, .px-sm-3 {
          padding-right: 1rem !important
        }
        .pb-sm-3, .py-sm-3 {
          padding-bottom: 1rem !important
        }
        .pl-sm-3, .px-sm-3 {
          padding-left: 1rem !important
        }
        .p-sm-4 {
          padding: 1.5rem !important
        }
        .pt-sm-4, .py-sm-4 {
          padding-top: 1.5rem !important
        }
        .pr-sm-4, .px-sm-4 {
          padding-right: 1.5rem !important
        }
        .pb-sm-4, .py-sm-4 {
          padding-bottom: 1.5rem !important
        }
        .pl-sm-4, .px-sm-4 {
          padding-left: 1.5rem !important
        }
        .p-sm-5 {
          padding: 3rem !important
        }
        .pt-sm-5, .py-sm-5 {
          padding-top: 3rem !important
        }
        .pr-sm-5, .px-sm-5 {
          padding-right: 3rem !important
        }
        .pb-sm-5, .py-sm-5 {
          padding-bottom: 3rem !important
        }
        .pl-sm-5, .px-sm-5 {
          padding-left: 3rem !important
        }
        .m-sm-n1 {
          margin: -.25rem !important
        }
        .mt-sm-n1, .my-sm-n1 {
          margin-top: -.25rem !important
        }
        .mr-sm-n1, .mx-sm-n1 {
          margin-right: -.25rem !important
        }
        .mb-sm-n1, .my-sm-n1 {
          margin-bottom: -.25rem !important
        }
        .ml-sm-n1, .mx-sm-n1 {
          margin-left: -.25rem !important
        }
        .m-sm-n2 {
          margin: -.5rem !important
        }
        .mt-sm-n2, .my-sm-n2 {
          margin-top: -.5rem !important
        }
        .mr-sm-n2, .mx-sm-n2 {
          margin-right: -.5rem !important
        }
        .mb-sm-n2, .my-sm-n2 {
          margin-bottom: -.5rem !important
        }
        .ml-sm-n2, .mx-sm-n2 {
          margin-left: -.5rem !important
        }
        .m-sm-n3 {
          margin: -1rem !important
        }
        .mt-sm-n3, .my-sm-n3 {
          margin-top: -1rem !important
        }
        .mr-sm-n3, .mx-sm-n3 {
          margin-right: -1rem !important
        }
        .mb-sm-n3, .my-sm-n3 {
          margin-bottom: -1rem !important
        }
        .ml-sm-n3, .mx-sm-n3 {
          margin-left: -1rem !important
        }
        .m-sm-n4 {
          margin: -1.5rem !important
        }
        .mt-sm-n4, .my-sm-n4 {
          margin-top: -1.5rem !important
        }
        .mr-sm-n4, .mx-sm-n4 {
          margin-right: -1.5rem !important
        }
        .mb-sm-n4, .my-sm-n4 {
          margin-bottom: -1.5rem !important
        }
        .ml-sm-n4, .mx-sm-n4 {
          margin-left: -1.5rem !important
        }
        .m-sm-n5 {
          margin: -3rem !important
        }
        .mt-sm-n5, .my-sm-n5 {
          margin-top: -3rem !important
        }
        .mr-sm-n5, .mx-sm-n5 {
          margin-right: -3rem !important
        }
        .mb-sm-n5, .my-sm-n5 {
          margin-bottom: -3rem !important
        }
        .ml-sm-n5, .mx-sm-n5 {
          margin-left: -3rem !important
        }
        .m-sm-auto {
          margin: auto !important
        }
        .mt-sm-auto, .my-sm-auto {
          margin-top: auto !important
        }
        .mr-sm-auto, .mx-sm-auto {
          margin-right: auto !important
        }
        .mb-sm-auto, .my-sm-auto {
          margin-bottom: auto !important
        }
        .ml-sm-auto, .mx-sm-auto {
          margin-left: auto !important
        }
      }
      @media (min-width:768px) {
        .m-md-0 {
          margin: 0 !important
        }
        .mt-md-0, .my-md-0 {
          margin-top: 0 !important
        }
        .mr-md-0, .mx-md-0 {
          margin-right: 0 !important
        }
        .mb-md-0, .my-md-0 {
          margin-bottom: 0 !important
        }
        .ml-md-0, .mx-md-0 {
          margin-left: 0 !important
        }
        .m-md-1 {
          margin: .25rem !important
        }
        .mt-md-1, .my-md-1 {
          margin-top: .25rem !important
        }
        .mr-md-1, .mx-md-1 {
          margin-right: .25rem !important
        }
        .mb-md-1, .my-md-1 {
          margin-bottom: .25rem !important
        }
        .ml-md-1, .mx-md-1 {
          margin-left: .25rem !important
        }
        .m-md-2 {
          margin: .5rem !important
        }
        .mt-md-2, .my-md-2 {
          margin-top: .5rem !important
        }
        .mr-md-2, .mx-md-2 {
          margin-right: .5rem !important
        }
        .mb-md-2, .my-md-2 {
          margin-bottom: .5rem !important
        }
        .ml-md-2, .mx-md-2 {
          margin-left: .5rem !important
        }
        .m-md-3 {
          margin: 1rem !important
        }
        .mt-md-3, .my-md-3 {
          margin-top: 1rem !important
        }
        .mr-md-3, .mx-md-3 {
          margin-right: 1rem !important
        }
        .mb-md-3, .my-md-3 {
          margin-bottom: 1rem !important
        }
        .ml-md-3, .mx-md-3 {
          margin-left: 1rem !important
        }
        .m-md-4 {
          margin: 1.5rem !important
        }
        .mt-md-4, .my-md-4 {
          margin-top: 1.5rem !important
        }
        .mr-md-4, .mx-md-4 {
          margin-right: 1.5rem !important
        }
        .mb-md-4, .my-md-4 {
          margin-bottom: 1.5rem !important
        }
        .ml-md-4, .mx-md-4 {
          margin-left: 1.5rem !important
        }
        .m-md-5 {
          margin: 3rem !important
        }
        .mt-md-5, .my-md-5 {
          margin-top: 3rem !important
        }
        .mr-md-5, .mx-md-5 {
          margin-right: 3rem !important
        }
        .mb-md-5, .my-md-5 {
          margin-bottom: 3rem !important
        }
        .ml-md-5, .mx-md-5 {
          margin-left: 3rem !important
        }
        .p-md-0 {
          padding: 0 !important
        }
        .pt-md-0, .py-md-0 {
          padding-top: 0 !important
        }
        .pr-md-0, .px-md-0 {
          padding-right: 0 !important
        }
        .pb-md-0, .py-md-0 {
          padding-bottom: 0 !important
        }
        .pl-md-0, .px-md-0 {
          padding-left: 0 !important
        }
        .p-md-1 {
          padding: .25rem !important
        }
        .pt-md-1, .py-md-1 {
          padding-top: .25rem !important
        }
        .pr-md-1, .px-md-1 {
          padding-right: .25rem !important
        }
        .pb-md-1, .py-md-1 {
          padding-bottom: .25rem !important
        }
        .pl-md-1, .px-md-1 {
          padding-left: .25rem !important
        }
        .p-md-2 {
          padding: .5rem !important
        }
        .pt-md-2, .py-md-2 {
          padding-top: .5rem !important
        }
        .pr-md-2, .px-md-2 {
          padding-right: .5rem !important
        }
        .pb-md-2, .py-md-2 {
          padding-bottom: .5rem !important
        }
        .pl-md-2, .px-md-2 {
          padding-left: .5rem !important
        }
        .p-md-3 {
          padding: 1rem !important
        }
        .pt-md-3, .py-md-3 {
          padding-top: 1rem !important
        }
        .pr-md-3, .px-md-3 {
          padding-right: 1rem !important
        }
        .pb-md-3, .py-md-3 {
          padding-bottom: 1rem !important
        }
        .pl-md-3, .px-md-3 {
          padding-left: 1rem !important
        }
        .p-md-4 {
          padding: 1.5rem !important
        }
        .pt-md-4, .py-md-4 {
          padding-top: 1.5rem !important
        }
        .pr-md-4, .px-md-4 {
          padding-right: 1.5rem !important
        }
        .pb-md-4, .py-md-4 {
          padding-bottom: 1.5rem !important
        }
        .pl-md-4, .px-md-4 {
          padding-left: 1.5rem !important
        }
        .p-md-5 {
          padding: 3rem !important
        }
        .pt-md-5, .py-md-5 {
          padding-top: 3rem !important
        }
        .pr-md-5, .px-md-5 {
          padding-right: 3rem !important
        }
        .pb-md-5, .py-md-5 {
          padding-bottom: 3rem !important
        }
        .pl-md-5, .px-md-5 {
          padding-left: 3rem !important
        }
        .m-md-n1 {
          margin: -.25rem !important
        }
        .mt-md-n1, .my-md-n1 {
          margin-top: -.25rem !important
        }
        .mr-md-n1, .mx-md-n1 {
          margin-right: -.25rem !important
        }
        .mb-md-n1, .my-md-n1 {
          margin-bottom: -.25rem !important
        }
        .ml-md-n1, .mx-md-n1 {
          margin-left: -.25rem !important
        }
        .m-md-n2 {
          margin: -.5rem !important
        }
        .mt-md-n2, .my-md-n2 {
          margin-top: -.5rem !important
        }
        .mr-md-n2, .mx-md-n2 {
          margin-right: -.5rem !important
        }
        .mb-md-n2, .my-md-n2 {
          margin-bottom: -.5rem !important
        }
        .ml-md-n2, .mx-md-n2 {
          margin-left: -.5rem !important
        }
        .m-md-n3 {
          margin: -1rem !important
        }
        .mt-md-n3, .my-md-n3 {
          margin-top: -1rem !important
        }
        .mr-md-n3, .mx-md-n3 {
          margin-right: -1rem !important
        }
        .mb-md-n3, .my-md-n3 {
          margin-bottom: -1rem !important
        }
        .ml-md-n3, .mx-md-n3 {
          margin-left: -1rem !important
        }
        .m-md-n4 {
          margin: -1.5rem !important
        }
        .mt-md-n4, .my-md-n4 {
          margin-top: -1.5rem !important
        }
        .mr-md-n4, .mx-md-n4 {
          margin-right: -1.5rem !important
        }
        .mb-md-n4, .my-md-n4 {
          margin-bottom: -1.5rem !important
        }
        .ml-md-n4, .mx-md-n4 {
          margin-left: -1.5rem !important
        }
        .m-md-n5 {
          margin: -3rem !important
        }
        .mt-md-n5, .my-md-n5 {
          margin-top: -3rem !important
        }
        .mr-md-n5, .mx-md-n5 {
          margin-right: -3rem !important
        }
        .mb-md-n5, .my-md-n5 {
          margin-bottom: -3rem !important
        }
        .ml-md-n5, .mx-md-n5 {
          margin-left: -3rem !important
        }
        .m-md-auto {
          margin: auto !important
        }
        .mt-md-auto, .my-md-auto {
          margin-top: auto !important
        }
        .mr-md-auto, .mx-md-auto {
          margin-right: auto !important
        }
        .mb-md-auto, .my-md-auto {
          margin-bottom: auto !important
        }
        .ml-md-auto, .mx-md-auto {
          margin-left: auto !important
        }
      }
      @media (min-width:992px) {
        .m-lg-0 {
          margin: 0 !important
        }
        .mt-lg-0, .my-lg-0 {
          margin-top: 0 !important
        }
        .mr-lg-0, .mx-lg-0 {
          margin-right: 0 !important
        }
        .mb-lg-0, .my-lg-0 {
          margin-bottom: 0 !important
        }
        .ml-lg-0, .mx-lg-0 {
          margin-left: 0 !important
        }
        .m-lg-1 {
          margin: .25rem !important
        }
        .mt-lg-1, .my-lg-1 {
          margin-top: .25rem !important
        }
        .mr-lg-1, .mx-lg-1 {
          margin-right: .25rem !important
        }
        .mb-lg-1, .my-lg-1 {
          margin-bottom: .25rem !important
        }
        .ml-lg-1, .mx-lg-1 {
          margin-left: .25rem !important
        }
        .m-lg-2 {
          margin: .5rem !important
        }
        .mt-lg-2, .my-lg-2 {
          margin-top: .5rem !important
        }
        .mr-lg-2, .mx-lg-2 {
          margin-right: .5rem !important
        }
        .mb-lg-2, .my-lg-2 {
          margin-bottom: .5rem !important
        }
        .ml-lg-2, .mx-lg-2 {
          margin-left: .5rem !important
        }
        .m-lg-3 {
          margin: 1rem !important
        }
        .mt-lg-3, .my-lg-3 {
          margin-top: 1rem !important
        }
        .mr-lg-3, .mx-lg-3 {
          margin-right: 1rem !important
        }
        .mb-lg-3, .my-lg-3 {
          margin-bottom: 1rem !important
        }
        .ml-lg-3, .mx-lg-3 {
          margin-left: 1rem !important
        }
        .m-lg-4 {
          margin: 1.5rem !important
        }
        .mt-lg-4, .my-lg-4 {
          margin-top: 1.5rem !important
        }
        .mr-lg-4, .mx-lg-4 {
          margin-right: 1.5rem !important
        }
        .mb-lg-4, .my-lg-4 {
          margin-bottom: 1.5rem !important
        }
        .ml-lg-4, .mx-lg-4 {
          margin-left: 1.5rem !important
        }
        .m-lg-5 {
          margin: 3rem !important
        }
        .mt-lg-5, .my-lg-5 {
          margin-top: 3rem !important
        }
        .mr-lg-5, .mx-lg-5 {
          margin-right: 3rem !important
        }
        .mb-lg-5, .my-lg-5 {
          margin-bottom: 3rem !important
        }
        .ml-lg-5, .mx-lg-5 {
          margin-left: 3rem !important
        }
        .p-lg-0 {
          padding: 0 !important
        }
        .pt-lg-0, .py-lg-0 {
          padding-top: 0 !important
        }
        .pr-lg-0, .px-lg-0 {
          padding-right: 0 !important
        }
        .pb-lg-0, .py-lg-0 {
          padding-bottom: 0 !important
        }
        .pl-lg-0, .px-lg-0 {
          padding-left: 0 !important
        }
        .p-lg-1 {
          padding: .25rem !important
        }
        .pt-lg-1, .py-lg-1 {
          padding-top: .25rem !important
        }
        .pr-lg-1, .px-lg-1 {
          padding-right: .25rem !important
        }
        .pb-lg-1, .py-lg-1 {
          padding-bottom: .25rem !important
        }
        .pl-lg-1, .px-lg-1 {
          padding-left: .25rem !important
        }
        .p-lg-2 {
          padding: .5rem !important
        }
        .pt-lg-2, .py-lg-2 {
          padding-top: .5rem !important
        }
        .pr-lg-2, .px-lg-2 {
          padding-right: .5rem !important
        }
        .pb-lg-2, .py-lg-2 {
          padding-bottom: .5rem !important
        }
        .pl-lg-2, .px-lg-2 {
          padding-left: .5rem !important
        }
        .p-lg-3 {
          padding: 1rem !important
        }
        .pt-lg-3, .py-lg-3 {
          padding-top: 1rem !important
        }
        .pr-lg-3, .px-lg-3 {
          padding-right: 1rem !important
        }
        .pb-lg-3, .py-lg-3 {
          padding-bottom: 1rem !important
        }
        .pl-lg-3, .px-lg-3 {
          padding-left: 1rem !important
        }
        .p-lg-4 {
          padding: 1.5rem !important
        }
        .pt-lg-4, .py-lg-4 {
          padding-top: 1.5rem !important
        }
        .pr-lg-4, .px-lg-4 {
          padding-right: 1.5rem !important
        }
        .pb-lg-4, .py-lg-4 {
          padding-bottom: 1.5rem !important
        }
        .pl-lg-4, .px-lg-4 {
          padding-left: 1.5rem !important
        }
        .p-lg-5 {
          padding: 3rem !important
        }
        .pt-lg-5, .py-lg-5 {
          padding-top: 3rem !important
        }
        .pr-lg-5, .px-lg-5 {
          padding-right: 3rem !important
        }
        .pb-lg-5, .py-lg-5 {
          padding-bottom: 3rem !important
        }
        .pl-lg-5, .px-lg-5 {
          padding-left: 3rem !important
        }
        .m-lg-n1 {
          margin: -.25rem !important
        }
        .mt-lg-n1, .my-lg-n1 {
          margin-top: -.25rem !important
        }
        .mr-lg-n1, .mx-lg-n1 {
          margin-right: -.25rem !important
        }
        .mb-lg-n1, .my-lg-n1 {
          margin-bottom: -.25rem !important
        }
        .ml-lg-n1, .mx-lg-n1 {
          margin-left: -.25rem !important
        }
        .m-lg-n2 {
          margin: -.5rem !important
        }
        .mt-lg-n2, .my-lg-n2 {
          margin-top: -.5rem !important
        }
        .mr-lg-n2, .mx-lg-n2 {
          margin-right: -.5rem !important
        }
        .mb-lg-n2, .my-lg-n2 {
          margin-bottom: -.5rem !important
        }
        .ml-lg-n2, .mx-lg-n2 {
          margin-left: -.5rem !important
        }
        .m-lg-n3 {
          margin: -1rem !important
        }
        .mt-lg-n3, .my-lg-n3 {
          margin-top: -1rem !important
        }
        .mr-lg-n3, .mx-lg-n3 {
          margin-right: -1rem !important
        }
        .mb-lg-n3, .my-lg-n3 {
          margin-bottom: -1rem !important
        }
        .ml-lg-n3, .mx-lg-n3 {
          margin-left: -1rem !important
        }
        .m-lg-n4 {
          margin: -1.5rem !important
        }
        .mt-lg-n4, .my-lg-n4 {
          margin-top: -1.5rem !important
        }
        .mr-lg-n4, .mx-lg-n4 {
          margin-right: -1.5rem !important
        }
        .mb-lg-n4, .my-lg-n4 {
          margin-bottom: -1.5rem !important
        }
        .ml-lg-n4, .mx-lg-n4 {
          margin-left: -1.5rem !important
        }
        .m-lg-n5 {
          margin: -3rem !important
        }
        .mt-lg-n5, .my-lg-n5 {
          margin-top: -3rem !important
        }
        .mr-lg-n5, .mx-lg-n5 {
          margin-right: -3rem !important
        }
        .mb-lg-n5, .my-lg-n5 {
          margin-bottom: -3rem !important
        }
        .ml-lg-n5, .mx-lg-n5 {
          margin-left: -3rem !important
        }
        .m-lg-auto {
          margin: auto !important
        }
        .mt-lg-auto, .my-lg-auto {
          margin-top: auto !important
        }
        .mr-lg-auto, .mx-lg-auto {
          margin-right: auto !important
        }
        .mb-lg-auto, .my-lg-auto {
          margin-bottom: auto !important
        }
        .ml-lg-auto, .mx-lg-auto {
          margin-left: auto !important
        }
      }
      @media (min-width:1200px) {
        .m-xl-0 {
          margin: 0 !important
        }
        .mt-xl-0, .my-xl-0 {
          margin-top: 0 !important
        }
        .mr-xl-0, .mx-xl-0 {
          margin-right: 0 !important
        }
        .mb-xl-0, .my-xl-0 {
          margin-bottom: 0 !important
        }
        .ml-xl-0, .mx-xl-0 {
          margin-left: 0 !important
        }
        .m-xl-1 {
          margin: .25rem !important
        }
        .mt-xl-1, .my-xl-1 {
          margin-top: .25rem !important
        }
        .mr-xl-1, .mx-xl-1 {
          margin-right: .25rem !important
        }
        .mb-xl-1, .my-xl-1 {
          margin-bottom: .25rem !important
        }
        .ml-xl-1, .mx-xl-1 {
          margin-left: .25rem !important
        }
        .m-xl-2 {
          margin: .5rem !important
        }
        .mt-xl-2, .my-xl-2 {
          margin-top: .5rem !important
        }
        .mr-xl-2, .mx-xl-2 {
          margin-right: .5rem !important
        }
        .mb-xl-2, .my-xl-2 {
          margin-bottom: .5rem !important
        }
        .ml-xl-2, .mx-xl-2 {
          margin-left: .5rem !important
        }
        .m-xl-3 {
          margin: 1rem !important
        }
        .mt-xl-3, .my-xl-3 {
          margin-top: 1rem !important
        }
        .mr-xl-3, .mx-xl-3 {
          margin-right: 1rem !important
        }
        .mb-xl-3, .my-xl-3 {
          margin-bottom: 1rem !important
        }
        .ml-xl-3, .mx-xl-3 {
          margin-left: 1rem !important
        }
        .m-xl-4 {
          margin: 1.5rem !important
        }
        .mt-xl-4, .my-xl-4 {
          margin-top: 1.5rem !important
        }
        .mr-xl-4, .mx-xl-4 {
          margin-right: 1.5rem !important
        }
        .mb-xl-4, .my-xl-4 {
          margin-bottom: 1.5rem !important
        }
        .ml-xl-4, .mx-xl-4 {
          margin-left: 1.5rem !important
        }
        .m-xl-5 {
          margin: 3rem !important
        }
        .mt-xl-5, .my-xl-5 {
          margin-top: 3rem !important
        }
        .mr-xl-5, .mx-xl-5 {
          margin-right: 3rem !important
        }
        .mb-xl-5, .my-xl-5 {
          margin-bottom: 3rem !important
        }
        .ml-xl-5, .mx-xl-5 {
          margin-left: 3rem !important
        }
        .p-xl-0 {
          padding: 0 !important
        }
        .pt-xl-0, .py-xl-0 {
          padding-top: 0 !important
        }
        .pr-xl-0, .px-xl-0 {
          padding-right: 0 !important
        }
        .pb-xl-0, .py-xl-0 {
          padding-bottom: 0 !important
        }
        .pl-xl-0, .px-xl-0 {
          padding-left: 0 !important
        }
        .p-xl-1 {
          padding: .25rem !important
        }
        .pt-xl-1, .py-xl-1 {
          padding-top: .25rem !important
        }
        .pr-xl-1, .px-xl-1 {
          padding-right: .25rem !important
        }
        .pb-xl-1, .py-xl-1 {
          padding-bottom: .25rem !important
        }
        .pl-xl-1, .px-xl-1 {
          padding-left: .25rem !important
        }
        .p-xl-2 {
          padding: .5rem !important
        }
        .pt-xl-2, .py-xl-2 {
          padding-top: .5rem !important
        }
        .pr-xl-2, .px-xl-2 {
          padding-right: .5rem !important
        }
        .pb-xl-2, .py-xl-2 {
          padding-bottom: .5rem !important
        }
        .pl-xl-2, .px-xl-2 {
          padding-left: .5rem !important
        }
        .p-xl-3 {
          padding: 1rem !important
        }
        .pt-xl-3, .py-xl-3 {
          padding-top: 1rem !important
        }
        .pr-xl-3, .px-xl-3 {
          padding-right: 1rem !important
        }
        .pb-xl-3, .py-xl-3 {
          padding-bottom: 1rem !important
        }
        .pl-xl-3, .px-xl-3 {
          padding-left: 1rem !important
        }
        .p-xl-4 {
          padding: 1.5rem !important
        }
        .pt-xl-4, .py-xl-4 {
          padding-top: 1.5rem !important
        }
        .pr-xl-4, .px-xl-4 {
          padding-right: 1.5rem !important
        }
        .pb-xl-4, .py-xl-4 {
          padding-bottom: 1.5rem !important
        }
        .pl-xl-4, .px-xl-4 {
          padding-left: 1.5rem !important
        }
        .p-xl-5 {
          padding: 3rem !important
        }
        .pt-xl-5, .py-xl-5 {
          padding-top: 3rem !important
        }
        .pr-xl-5, .px-xl-5 {
          padding-right: 3rem !important
        }
        .pb-xl-5, .py-xl-5 {
          padding-bottom: 3rem !important
        }
        .pl-xl-5, .px-xl-5 {
          padding-left: 3rem !important
        }
        .m-xl-n1 {
          margin: -.25rem !important
        }
        .mt-xl-n1, .my-xl-n1 {
          margin-top: -.25rem !important
        }
        .mr-xl-n1, .mx-xl-n1 {
          margin-right: -.25rem !important
        }
        .mb-xl-n1, .my-xl-n1 {
          margin-bottom: -.25rem !important
        }
        .ml-xl-n1, .mx-xl-n1 {
          margin-left: -.25rem !important
        }
        .m-xl-n2 {
          margin: -.5rem !important
        }
        .mt-xl-n2, .my-xl-n2 {
          margin-top: -.5rem !important
        }
        .mr-xl-n2, .mx-xl-n2 {
          margin-right: -.5rem !important
        }
        .mb-xl-n2, .my-xl-n2 {
          margin-bottom: -.5rem !important
        }
        .ml-xl-n2, .mx-xl-n2 {
          margin-left: -.5rem !important
        }
        .m-xl-n3 {
          margin: -1rem !important
        }
        .mt-xl-n3, .my-xl-n3 {
          margin-top: -1rem !important
        }
        .mr-xl-n3, .mx-xl-n3 {
          margin-right: -1rem !important
        }
        .mb-xl-n3, .my-xl-n3 {
          margin-bottom: -1rem !important
        }
        .ml-xl-n3, .mx-xl-n3 {
          margin-left: -1rem !important
        }
        .m-xl-n4 {
          margin: -1.5rem !important
        }
        .mt-xl-n4, .my-xl-n4 {
          margin-top: -1.5rem !important
        }
        .mr-xl-n4, .mx-xl-n4 {
          margin-right: -1.5rem !important
        }
        .mb-xl-n4, .my-xl-n4 {
          margin-bottom: -1.5rem !important
        }
        .ml-xl-n4, .mx-xl-n4 {
          margin-left: -1.5rem !important
        }
        .m-xl-n5 {
          margin: -3rem !important
        }
        .mt-xl-n5, .my-xl-n5 {
          margin-top: -3rem !important
        }
        .mr-xl-n5, .mx-xl-n5 {
          margin-right: -3rem !important
        }
        .mb-xl-n5, .my-xl-n5 {
          margin-bottom: -3rem !important
        }
        .ml-xl-n5, .mx-xl-n5 {
          margin-left: -3rem !important
        }
        .m-xl-auto {
          margin: auto !important
        }
        .mt-xl-auto, .my-xl-auto {
          margin-top: auto !important
        }
        .mr-xl-auto, .mx-xl-auto {
          margin-right: auto !important
        }
        .mb-xl-auto, .my-xl-auto {
          margin-bottom: auto !important
        }
        .ml-xl-auto, .mx-xl-auto {
          margin-left: auto !important
        }
      }
      .text-monospace {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
      }
      .text-justify {
        text-align: justify !important
      }
      .text-wrap {
        white-space: normal !important
      }
      .text-nowrap {
        white-space: nowrap !important
      }
      .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
      }
      .text-left {
        text-align: left !important
      }
      .text-right {
        text-align: right !important
      }
      .text-center {
        text-align: center !important
      }
      @media (min-width:576px) {
        .text-sm-left {
          text-align: left !important
        }
        .text-sm-right {
          text-align: right !important
        }
        .text-sm-center {
          text-align: center !important
        }
      }
      @media (min-width:768px) {
        .text-md-left {
          text-align: left !important
        }
        .text-md-right {
          text-align: right !important
        }
        .text-md-center {
          text-align: center !important
        }
      }
      @media (min-width:992px) {
        .text-lg-left {
          text-align: left !important
        }
        .text-lg-right {
          text-align: right !important
        }
        .text-lg-center {
          text-align: center !important
        }
      }
      @media (min-width:1200px) {
        .text-xl-left {
          text-align: left !important
        }
        .text-xl-right {
          text-align: right !important
        }
        .text-xl-center {
          text-align: center !important
        }
      }
      .text-lowercase {
        text-transform: lowercase !important
      }
      .text-uppercase {
        text-transform: uppercase !important
      }
      .text-capitalize {
        text-transform: capitalize !important
      }
      .font-weight-light {
        font-weight: 300 !important
      }
      .font-weight-lighter {
        font-weight: lighter !important
      }
      .font-weight-normal {
        font-weight: 400 !important
      }
      .font-weight-bold {
        font-weight: 700 !important
      }
      .font-weight-bolder {
        font-weight: bolder !important
      }
      .font-italic {
        font-style: italic !important
      }
      .text-white {
        color: #fff !important
      }
      .text-primary {
        color: #007bff !important
      }
      a.text-primary:focus, a.text-primary:hover {
        color: #0056b3 !important
      }
      .text-secondary {
        color: #6c757d !important
      }
      a.text-secondary:focus, a.text-secondary:hover {
        color: #494f54 !important
      }
      .text-success {
        color: #28a745 !important
      }
      a.text-success:focus, a.text-success:hover {
        color: #19692c !important
      }
      .text-info {
        color: #17a2b8 !important
      }
      a.text-info:focus, a.text-info:hover {
        color: #0f6674 !important
      }
      .text-warning {
        color: #ffc107 !important
      }
      a.text-warning:focus, a.text-warning:hover {
        color: #ba8b00 !important
      }
      .text-danger {
        color: #dc3545 !important
      }
      a.text-danger:focus, a.text-danger:hover {
        color: #a71d2a !important
      }
      .text-light {
        color: #f8f9fa !important
      }
      a.text-light:focus, a.text-light:hover {
        color: #cbd3da !important
      }
      .text-dark {
        color: #343a40 !important
      }
      a.text-dark:focus, a.text-dark:hover {
        color: #121416 !important
      }
      .text-body {
        color: #212529 !important
      }
      .text-muted {
        color: #6c757d !important
      }
      .text-black-50 {
        color: rgba(0, 0, 0, .5) !important
      }
      .text-white-50 {
        color: hsla(0, 0%, 100%, .5) !important
      }
      .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
      }
      .text-decoration-none {
        text-decoration: none !important
      }
      .text-break {
        word-break: break-word !important;
        overflow-wrap: break-word !important
      }
      .text-reset {
        color: inherit !important
      }
      .visible {
        visibility: visible !important
      }
      .invisible {
        visibility: hidden !important
      }
      @media print {
        *, :after, :before {
          text-shadow: none !important;
          box-shadow: none !important
        }
        a:not(.btn) {
          text-decoration: underline
        }
        abbr[title]:after {
          content: " (" attr(title) ")"
        }
        pre {
          white-space: pre-wrap !important
        }
        blockquote, pre {
          border: 1px solid #adb5bd;
          page-break-inside: avoid
        }
        thead {
          display: table-header-group
        }
        img, tr {
          page-break-inside: avoid
        }
        h2, h3, p {
          orphans: 3;
          widows: 3
        }
        h2, h3 {
          page-break-after: avoid
        }
        @page {
          size: a3
        }
        .container, body {
          min-width: 992px !important
        }
        .navbar {
          display: none
        }
        .badge {
          border: 1px solid #000
        }
        .table {
          border-collapse: collapse !important
        }
        .table td, .table th {
          background-color: #fff !important
        }
        .table-bordered td, .table-bordered th {
          border: 1px solid #dee2e6 !important
        }
        .table-dark {
          color: inherit
        }
        .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
          border-color: #dee2e6
        }
        .table .thead-dark th {
          color: inherit;
          border-color: #dee2e6
        }
      }
/*!
 * BootstrapVue Custom CSS (https://bootstrap-vue.js.org)
 */
      @media (max-width:575.98px) {
        .bv-d-xs-down-none {
          display: none !important
        }
      }
      @media (max-width:767.98px) {
        .bv-d-sm-down-none {
          display: none !important
        }
      }
      @media (max-width:991.98px) {
        .bv-d-md-down-none {
          display: none !important
        }
      }
      @media (max-width:1199.98px) {
        .bv-d-lg-down-none {
          display: none !important
        }
      }
      .bv-d-xl-down-none {
        display: none !important
      }
      .card-img-left {
        border-top-left-radius: calc(.25rem - 1px);
        border-bottom-left-radius: calc(.25rem - 1px)
      }
      .card-img-right {
        border-top-right-radius: calc(.25rem - 1px);
        border-bottom-right-radius: calc(.25rem - 1px)
      }
      .dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret:before, .dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret:after {
        display: none !important
      }
      .b-dropdown-form {
        display: inline-block;
        padding: .25rem 1.5rem;
        width: 100%;
        clear: both;
        font-weight: 400
      }
      .b-dropdown-form:focus {
        outline: 1px dotted !important;
        outline: 5px auto -webkit-focus-ring-color !important
      }
      .b-dropdown-form.disabled, .b-dropdown-form:disabled {
        outline: 0 !important;
        color: #6c757d;
        pointer-events: none
      }
      .b-dropdown-text {
        display: inline-block;
        padding: .25rem 1.5rem;
        margin-bottom: 0;
        width: 100%;
        clear: both;
        font-weight: lighter
      }
      .custom-checkbox.b-custom-control-lg, .input-group-lg .custom-checkbox {
        font-size: 1.25rem;
        line-height: 1.5;
        padding-left: 1.875rem
      }
      .custom-checkbox.b-custom-control-lg .custom-control-label:before, .input-group-lg .custom-checkbox .custom-control-label:before {
        top: .3125rem;
        left: -1.875rem;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: .3rem
      }
      .custom-checkbox.b-custom-control-lg .custom-control-label:after, .input-group-lg .custom-checkbox .custom-control-label:after {
        top: .3125rem;
        left: -1.875rem;
        width: 1.25rem;
        height: 1.25rem;
        background-size: 50% 50%
      }
      .custom-checkbox.b-custom-control-sm, .input-group-sm .custom-checkbox {
        font-size: .875rem;
        line-height: 1.5;
        padding-left: 1.3125rem
      }
      .custom-checkbox.b-custom-control-sm .custom-control-label:before, .input-group-sm .custom-checkbox .custom-control-label:before {
        top: .21875rem;
        left: -1.3125rem;
        width: .875rem;
        height: .875rem;
        border-radius: .2rem
      }
      .custom-checkbox.b-custom-control-sm .custom-control-label:after, .input-group-sm .custom-checkbox .custom-control-label:after {
        top: .21875rem;
        left: -1.3125rem;
        width: .875rem;
        height: .875rem;
        background-size: 50% 50%
      }
      .custom-switch.b-custom-control-lg, .input-group-lg .custom-switch {
        padding-left: 2.8125rem
      }
      .custom-switch.b-custom-control-lg .custom-control-label, .input-group-lg .custom-switch .custom-control-label {
        font-size: 1.25rem;
        line-height: 1.5
      }
      .custom-switch.b-custom-control-lg .custom-control-label:before, .input-group-lg .custom-switch .custom-control-label:before {
        top: .3125rem;
        height: 1.25rem;
        left: -2.8125rem;
        width: 2.1875rem;
        border-radius: .625rem
      }
      .custom-switch.b-custom-control-lg .custom-control-label:after, .input-group-lg .custom-switch .custom-control-label:after {
        top: calc(.3125rem + 2px);
        left: calc(-2.8125rem + 2px);
        width: calc(1.25rem - 4px);
        height: calc(1.25rem - 4px);
        border-radius: .625rem;
        background-size: 50% 50%
      }
      .custom-switch.b-custom-control-lg .custom-control-input:checked~.custom-control-label:after, .input-group-lg .custom-switch .custom-control-input:checked~.custom-control-label:after {
        transform: translateX(.9375rem)
      }
      .custom-switch.b-custom-control-sm, .input-group-sm .custom-switch {
        padding-left: 1.96875rem
      }
      .custom-switch.b-custom-control-sm .custom-control-label, .input-group-sm .custom-switch .custom-control-label {
        font-size: .875rem;
        line-height: 1.5
      }
      .custom-switch.b-custom-control-sm .custom-control-label:before, .input-group-sm .custom-switch .custom-control-label:before {
        top: .21875rem;
        left: -1.96875rem;
        width: 1.53125rem;
        height: .875rem;
        border-radius: .4375rem
      }
      .custom-switch.b-custom-control-sm .custom-control-label:after, .input-group-sm .custom-switch .custom-control-label:after {
        top: calc(.21875rem + 2px);
        left: calc(-1.96875rem + 2px);
        width: calc(.875rem - 4px);
        height: calc(.875rem - 4px);
        border-radius: .4375rem;
        background-size: 50% 50%
      }
      .custom-switch.b-custom-control-sm .custom-control-input:checked~.custom-control-label:after, .input-group-sm .custom-switch .custom-control-input:checked~.custom-control-label:after {
        transform: translateX(.65625rem)
      }
      .input-group>.input-group-append:last-child>.btn-group:not(:last-child):not(.dropdown-toggle)>.btn, .input-group>.input-group-append:not(:last-child)>.btn-group>.btn, .input-group>.input-group-prepend>.btn-group>.btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }
      .input-group>.input-group-append>.btn-group>.btn, .input-group>.input-group-prepend:first-child>.btn-group:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.btn-group>.btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }
      .b-custom-control-lg.custom-file, .b-custom-control-lg .custom-file-input, .b-custom-control-lg .custom-file-label, .input-group-lg.custom-file, .input-group-lg .custom-file-input, .input-group-lg .custom-file-label {
        font-size: 1.25rem;
        height: calc(1.5em + 1rem + 2px)
      }
      .b-custom-control-lg .custom-file-label, .b-custom-control-lg .custom-file-label:after, .input-group-lg .custom-file-label, .input-group-lg .custom-file-label:after {
        padding: .5rem 1rem;
        line-height: 1.5
      }
      .b-custom-control-lg .custom-file-label, .input-group-lg .custom-file-label {
        border-radius: .3rem
      }
      .b-custom-control-lg .custom-file-label:after, .input-group-lg .custom-file-label:after {
        font-size: inherit;
        height: calc(1.5em + 1rem);
        border-radius: 0 .3rem .3rem 0
      }
      .b-custom-control-sm.custom-file, .b-custom-control-sm .custom-file-input, .b-custom-control-sm .custom-file-label, .input-group-sm.custom-file, .input-group-sm .custom-file-input, .input-group-sm .custom-file-label {
        font-size: .875rem;
        height: calc(1.5em + .5rem + 2px)
      }
      .b-custom-control-sm .custom-file-label, .b-custom-control-sm .custom-file-label:after, .input-group-sm .custom-file-label, .input-group-sm .custom-file-label:after {
        padding: .25rem .5rem;
        line-height: 1.5
      }
      .b-custom-control-sm .custom-file-label, .input-group-sm .custom-file-label {
        border-radius: .2rem
      }
      .b-custom-control-sm .custom-file-label:after, .input-group-sm .custom-file-label:after {
        font-size: inherit;
        height: calc(1.5em + .5rem);
        border-radius: 0 .2rem .2rem 0
      }
      .form-control.is-invalid, .form-control.is-valid, .was-validated .form-control:invalid, .was-validated .form-control:valid {
        background-position: right calc(.375em + .1875rem) center
      }
      input[type=color].form-control {
        height: calc(1.5em + .75rem + 2px);
        padding: .125rem .25rem
      }
      .input-group-sm input[type=color].form-control, input[type=color].form-control.form-control-sm {
        height: calc(1.5em + .5rem + 2px);
        padding: .125rem .25rem
      }
      .input-group-lg input[type=color].form-control, input[type=color].form-control.form-control-lg {
        height: calc(1.5em + 1rem + 2px);
        padding: .125rem .25rem
      }
      input[type=color].form-control:disabled {
        background-color: #adb5bd;
        opacity: .65
      }
      .input-group>.custom-range {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
      }
      .input-group>.custom-file+.custom-range, .input-group>.custom-range+.custom-file, .input-group>.custom-range+.custom-range, .input-group>.custom-range+.custom-select, .input-group>.custom-range+.form-control, .input-group>.custom-range+.form-control-plaintext, .input-group>.custom-select+.custom-range, .input-group>.form-control+.custom-range, .input-group>.form-control-plaintext+.custom-range {
        margin-left: -1px
      }
      .input-group>.custom-range:focus {
        z-index: 3
      }
      .input-group>.custom-range:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }
      .input-group>.custom-range:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }
      .input-group>.custom-range {
        padding: 0 .75rem;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        height: calc(1.5em + .75rem + 2px);
        border-radius: .25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
      }
      @media (prefers-reduced-motion:reduce) {
        .input-group>.custom-range {
          transition: none
        }
      }
      .input-group>.custom-range:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
      }
      .input-group>.custom-range:disabled, .input-group>.custom-range[readonly] {
        background-color: #e9ecef
      }
      .input-group-lg>.custom-range {
        height: calc(1.5em + 1rem + 2px);
        padding: 0 1rem;
        border-radius: .3rem
      }
      .input-group-sm>.custom-range {
        height: calc(1.5em + .5rem + 2px);
        padding: 0 .5rem;
        border-radius: .2rem
      }
      .input-group .custom-range.is-valid, .was-validated .input-group .custom-range:valid {
        border-color: #28a745
      }
      .input-group .custom-range.is-valid:focus, .was-validated .input-group .custom-range:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
      }
      .custom-range.is-valid:focus::-webkit-slider-thumb, .was-validated .custom-range:valid:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #9be7ac
      }
      .custom-range.is-valid:focus::-moz-range-thumb, .was-validated .custom-range:valid:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #9be7ac
      }
      .custom-range.is-valid:focus::-ms-thumb, .was-validated .custom-range:valid:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #9be7ac
      }
      .custom-range.is-valid::-webkit-slider-thumb, .was-validated .custom-range:valid::-webkit-slider-thumb {
        background-color: #28a745;
        background-image: none
      }
      .custom-range.is-valid::-webkit-slider-thumb:active, .was-validated .custom-range:valid::-webkit-slider-thumb:active {
        background-color: #9be7ac;
        background-image: none
      }
      .custom-range.is-valid::-webkit-slider-runnable-track, .was-validated .custom-range:valid::-webkit-slider-runnable-track {
        background-color: rgba(40, 167, 69, .35)
      }
      .custom-range.is-valid::-moz-range-thumb, .was-validated .custom-range:valid::-moz-range-thumb {
        background-color: #28a745;
        background-image: none
      }
      .custom-range.is-valid::-moz-range-thumb:active, .was-validated .custom-range:valid::-moz-range-thumb:active {
        background-color: #9be7ac;
        background-image: none
      }
      .custom-range.is-valid::-moz-range-track, .was-validated .custom-range:valid::-moz-range-track {
        background: rgba(40, 167, 69, .35)
      }
      .custom-range.is-valid~.valid-feedback, .custom-range.is-valid~.valid-tooltip, .was-validated .custom-range:valid~.valid-feedback, .was-validated .custom-range:valid~.valid-tooltip {
        display: block
      }
      .custom-range.is-valid::-ms-thumb, .was-validated .custom-range:valid::-ms-thumb {
        background-color: #28a745;
        background-image: none
      }
      .custom-range.is-valid::-ms-thumb:active, .was-validated .custom-range:valid::-ms-thumb:active {
        background-color: #9be7ac;
        background-image: none
      }
      .custom-range.is-valid::-ms-track-lower, .custom-range.is-valid::-ms-track-upper, .was-validated .custom-range:valid::-ms-track-lower, .was-validated .custom-range:valid::-ms-track-upper {
        background: rgba(40, 167, 69, .35)
      }
      .input-group .custom-range.is-invalid, .was-validated .input-group .custom-range:invalid {
        border-color: #dc3545
      }
      .input-group .custom-range.is-invalid:focus, .was-validated .input-group .custom-range:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
      }
      .custom-range.is-invalid:focus::-webkit-slider-thumb, .was-validated .custom-range:invalid:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #f6cdd1
      }
      .custom-range.is-invalid:focus::-moz-range-thumb, .was-validated .custom-range:invalid:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #f6cdd1
      }
      .custom-range.is-invalid:focus::-ms-thumb, .was-validated .custom-range:invalid:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #f6cdd1
      }
      .custom-range.is-invalid::-webkit-slider-thumb, .was-validated .custom-range:invalid::-webkit-slider-thumb {
        background-color: #dc3545;
        background-image: none
      }
      .custom-range.is-invalid::-webkit-slider-thumb:active, .was-validated .custom-range:invalid::-webkit-slider-thumb:active {
        background-color: #f6cdd1;
        background-image: none
      }
      .custom-range.is-invalid::-webkit-slider-runnable-track, .was-validated .custom-range:invalid::-webkit-slider-runnable-track {
        background-color: rgba(220, 53, 69, .35)
      }
      .custom-range.is-invalid::-moz-range-thumb, .was-validated .custom-range:invalid::-moz-range-thumb {
        background-color: #dc3545;
        background-image: none
      }
      .custom-range.is-invalid::-moz-range-thumb:active, .was-validated .custom-range:invalid::-moz-range-thumb:active {
        background-color: #f6cdd1;
        background-image: none
      }
      .custom-range.is-invalid::-moz-range-track, .was-validated .custom-range:invalid::-moz-range-track {
        background: rgba(220, 53, 69, .35)
      }
      .custom-range.is-invalid~.invalid-feedback, .custom-range.is-invalid~.invalid-tooltip, .was-validated .custom-range:invalid~.invalid-feedback, .was-validated .custom-range:invalid~.invalid-tooltip {
        display: block
      }
      .custom-range.is-invalid::-ms-thumb, .was-validated .custom-range:invalid::-ms-thumb {
        background-color: #dc3545;
        background-image: none
      }
      .custom-range.is-invalid::-ms-thumb:active, .was-validated .custom-range:invalid::-ms-thumb:active {
        background-color: #f6cdd1;
        background-image: none
      }
      .custom-range.is-invalid::-ms-track-lower, .custom-range.is-invalid::-ms-track-upper, .was-validated .custom-range:invalid::-ms-track-lower, .was-validated .custom-range:invalid::-ms-track-upper {
        background: rgba(220, 53, 69, .35)
      }
      .custom-radio.b-custom-control-lg, .input-group-lg .custom-radio {
        font-size: 1.25rem;
        line-height: 1.5;
        padding-left: 1.875rem
      }
      .custom-radio.b-custom-control-lg .custom-control-label:before, .input-group-lg .custom-radio .custom-control-label:before {
        top: .3125rem;
        left: -1.875rem;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 50%
      }
      .custom-radio.b-custom-control-lg .custom-control-label:after, .input-group-lg .custom-radio .custom-control-label:after {
        top: .3125rem;
        left: -1.875rem;
        width: 1.25rem;
        height: 1.25rem;
        background: no-repeat 50%/50% 50%
      }
      .custom-radio.b-custom-control-sm, .input-group-sm .custom-radio {
        font-size: .875rem;
        line-height: 1.5;
        padding-left: 1.3125rem
      }
      .custom-radio.b-custom-control-sm .custom-control-label:before, .input-group-sm .custom-radio .custom-control-label:before {
        top: .21875rem;
        left: -1.3125rem;
        width: .875rem;
        height: .875rem;
        border-radius: 50%
      }
      .custom-radio.b-custom-control-sm .custom-control-label:after, .input-group-sm .custom-radio .custom-control-label:after {
        top: .21875rem;
        left: -1.3125rem;
        width: .875rem;
        height: .875rem;
        background: no-repeat 50%/50% 50%
      }
      .modal-backdrop {
        opacity: .5
      }
      .b-pagination-pills .page-item .page-link {
        border-radius: 50rem !important;
        margin-left: .25rem;
        line-height: 1
      }
      .b-pagination-pills .page-item:first-child .page-link {
        margin-left: 0
      }
      .popover.b-popover {
        display: block;
        opacity: 1
      }
      .popover.b-popover.fade:not(.show) {
        opacity: 0
      }
      .popover.b-popover.show {
        opacity: 1
      }
      .b-popover-primary.popover {
        background-color: #cce5ff;
        border-color: #b8daff
      }
      .b-popover-primary.bs-popover-auto[x-placement^=top]>.arrow:before, .b-popover-primary.bs-popover-top>.arrow:before {
        border-top-color: #b8daff
      }
      .b-popover-primary.bs-popover-auto[x-placement^=top]>.arrow:after, .b-popover-primary.bs-popover-top>.arrow:after {
        border-top-color: #cce5ff
      }
      .b-popover-primary.bs-popover-auto[x-placement^=right]>.arrow:before, .b-popover-primary.bs-popover-right>.arrow:before {
        border-right-color: #b8daff
      }
      .b-popover-primary.bs-popover-auto[x-placement^=right]>.arrow:after, .b-popover-primary.bs-popover-right>.arrow:after {
        border-right-color: #cce5ff
      }
      .b-popover-primary.bs-popover-auto[x-placement^=bottom]>.arrow:before, .b-popover-primary.bs-popover-bottom>.arrow:before {
        border-bottom-color: #b8daff
      }
      .b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header:before, .b-popover-primary.bs-popover-auto[x-placement^=bottom]>.arrow:after, .b-popover-primary.bs-popover-bottom .popover-header:before, .b-popover-primary.bs-popover-bottom>.arrow:after {
        border-bottom-color: #bdddff
      }
      .b-popover-primary.bs-popover-auto[x-placement^=left]>.arrow:before, .b-popover-primary.bs-popover-left>.arrow:before {
        border-left-color: #b8daff
      }
      .b-popover-primary.bs-popover-auto[x-placement^=left]>.arrow:after, .b-popover-primary.bs-popover-left>.arrow:after {
        border-left-color: #cce5ff
      }
      .b-popover-primary .popover-header {
        color: #212529;
        background-color: #bdddff;
        border-bottom-color: #a3d0ff
      }
      .b-popover-primary .popover-body {
        color: #004085
      }
      .b-popover-secondary.popover {
        background-color: #e2e3e5;
        border-color: #d6d8db
      }
      .b-popover-secondary.bs-popover-auto[x-placement^=top]>.arrow:before, .b-popover-secondary.bs-popover-top>.arrow:before {
        border-top-color: #d6d8db
      }
      .b-popover-secondary.bs-popover-auto[x-placement^=top]>.arrow:after, .b-popover-secondary.bs-popover-top>.arrow:after {
        border-top-color: #e2e3e5
      }
      .b-popover-secondary.bs-popover-auto[x-placement^=right]>.arrow:before, .b-popover-secondary.bs-popover-right>.arrow:before {
        border-right-color: #d6d8db
      }
      .b-popover-secondary.bs-popover-auto[x-placement^=right]>.arrow:after, .b-popover-secondary.bs-popover-right>.arrow:after {
        border-right-color: #e2e3e5
      }
      .b-popover-secondary.bs-popover-auto[x-placement^=bottom]>.arrow:before, .b-popover-secondary.bs-popover-bottom>.arrow:before {
        border-bottom-color: #d6d8db
      }
      .b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header:before, .b-popover-secondary.bs-popover-auto[x-placement^=bottom]>.arrow:after, .b-popover-secondary.bs-popover-bottom .popover-header:before, .b-popover-secondary.bs-popover-bottom>.arrow:after {
        border-bottom-color: #dadbde
      }
      .b-popover-secondary.bs-popover-auto[x-placement^=left]>.arrow:before, .b-popover-secondary.bs-popover-left>.arrow:before {
        border-left-color: #d6d8db
      }
      .b-popover-secondary.bs-popover-auto[x-placement^=left]>.arrow:after, .b-popover-secondary.bs-popover-left>.arrow:after {
        border-left-color: #e2e3e5
      }
      .b-popover-secondary .popover-header {
        color: #212529;
        background-color: #dadbde;
        border-bottom-color: #ccced2
      }
      .b-popover-secondary .popover-body {
        color: #383d41
      }
      .b-popover-success.popover {
        background-color: #d4edda;
        border-color: #c3e6cb
      }
      .b-popover-success.bs-popover-auto[x-placement^=top]>.arrow:before, .b-popover-success.bs-popover-top>.arrow:before {
        border-top-color: #c3e6cb
      }
      .b-popover-success.bs-popover-auto[x-placement^=top]>.arrow:after, .b-popover-success.bs-popover-top>.arrow:after {
        border-top-color: #d4edda
      }
      .b-popover-success.bs-popover-auto[x-placement^=right]>.arrow:before, .b-popover-success.bs-popover-right>.arrow:before {
        border-right-color: #c3e6cb
      }
      .b-popover-success.bs-popover-auto[x-placement^=right]>.arrow:after, .b-popover-success.bs-popover-right>.arrow:after {
        border-right-color: #d4edda
      }
      .b-popover-success.bs-popover-auto[x-placement^=bottom]>.arrow:before, .b-popover-success.bs-popover-bottom>.arrow:before {
        border-bottom-color: #c3e6cb
      }
      .b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header:before, .b-popover-success.bs-popover-auto[x-placement^=bottom]>.arrow:after, .b-popover-success.bs-popover-bottom .popover-header:before, .b-popover-success.bs-popover-bottom>.arrow:after {
        border-bottom-color: #c9e8d1
      }
      .b-popover-success.bs-popover-auto[x-placement^=left]>.arrow:before, .b-popover-success.bs-popover-left>.arrow:before {
        border-left-color: #c3e6cb
      }
      .b-popover-success.bs-popover-auto[x-placement^=left]>.arrow:after, .b-popover-success.bs-popover-left>.arrow:after {
        border-left-color: #d4edda
      }
      .b-popover-success .popover-header {
        color: #212529;
        background-color: #c9e8d1;
        border-bottom-color: #b7e1c1
      }
      .b-popover-success .popover-body {
        color: #155724
      }
      .b-popover-info.popover {
        background-color: #d1ecf1;
        border-color: #bee5eb
      }
      .b-popover-info.bs-popover-auto[x-placement^=top]>.arrow:before, .b-popover-info.bs-popover-top>.arrow:before {
        border-top-color: #bee5eb
      }
      .b-popover-info.bs-popover-auto[x-placement^=top]>.arrow:after, .b-popover-info.bs-popover-top>.arrow:after {
        border-top-color: #d1ecf1
      }
      .b-popover-info.bs-popover-auto[x-placement^=right]>.arrow:before, .b-popover-info.bs-popover-right>.arrow:before {
        border-right-color: #bee5eb
      }
      .b-popover-info.bs-popover-auto[x-placement^=right]>.arrow:after, .b-popover-info.bs-popover-right>.arrow:after {
        border-right-color: #d1ecf1
      }
      .b-popover-info.bs-popover-auto[x-placement^=bottom]>.arrow:before, .b-popover-info.bs-popover-bottom>.arrow:before {
        border-bottom-color: #bee5eb
      }
      .b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header:before, .b-popover-info.bs-popover-auto[x-placement^=bottom]>.arrow:after, .b-popover-info.bs-popover-bottom .popover-header:before, .b-popover-info.bs-popover-bottom>.arrow:after {
        border-bottom-color: #c5e7ed
      }
      .b-popover-info.bs-popover-auto[x-placement^=left]>.arrow:before, .b-popover-info.bs-popover-left>.arrow:before {
        border-left-color: #bee5eb
      }
      .b-popover-info.bs-popover-auto[x-placement^=left]>.arrow:after, .b-popover-info.bs-popover-left>.arrow:after {
        border-left-color: #d1ecf1
      }
      .b-popover-info .popover-header {
        color: #212529;
        background-color: #c5e7ed;
        border-bottom-color: #b2dfe7
      }
      .b-popover-info .popover-body {
        color: #0c5460
      }
      .b-popover-warning.popover {
        background-color: #fff3cd;
        border-color: #ffeeba
      }
      .b-popover-warning.bs-popover-auto[x-placement^=top]>.arrow:before, .b-popover-warning.bs-popover-top>.arrow:before {
        border-top-color: #ffeeba
      }
      .b-popover-warning.bs-popover-auto[x-placement^=top]>.arrow:after, .b-popover-warning.bs-popover-top>.arrow:after {
        border-top-color: #fff3cd
      }
      .b-popover-warning.bs-popover-auto[x-placement^=right]>.arrow:before, .b-popover-warning.bs-popover-right>.arrow:before {
        border-right-color: #ffeeba
      }
      .b-popover-warning.bs-popover-auto[x-placement^=right]>.arrow:after, .b-popover-warning.bs-popover-right>.arrow:after {
        border-right-color: #fff3cd
      }
      .b-popover-warning.bs-popover-auto[x-placement^=bottom]>.arrow:before, .b-popover-warning.bs-popover-bottom>.arrow:before {
        border-bottom-color: #ffeeba
      }
      .b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header:before, .b-popover-warning.bs-popover-auto[x-placement^=bottom]>.arrow:after, .b-popover-warning.bs-popover-bottom .popover-header:before, .b-popover-warning.bs-popover-bottom>.arrow:after {
        border-bottom-color: #ffefbe
      }
      .b-popover-warning.bs-popover-auto[x-placement^=left]>.arrow:before, .b-popover-warning.bs-popover-left>.arrow:before {
        border-left-color: #ffeeba
      }
      .b-popover-warning.bs-popover-auto[x-placement^=left]>.arrow:after, .b-popover-warning.bs-popover-left>.arrow:after {
        border-left-color: #fff3cd
      }
      .b-popover-warning .popover-header {
        color: #212529;
        background-color: #ffefbe;
        border-bottom-color: #ffe9a4
      }
      .b-popover-warning .popover-body {
        color: #856404
      }
      .b-popover-danger.popover {
        background-color: #f8d7da;
        border-color: #f5c6cb
      }
      .b-popover-danger.bs-popover-auto[x-placement^=top]>.arrow:before, .b-popover-danger.bs-popover-top>.arrow:before {
        border-top-color: #f5c6cb
      }
      .b-popover-danger.bs-popover-auto[x-placement^=top]>.arrow:after, .b-popover-danger.bs-popover-top>.arrow:after {
        border-top-color: #f8d7da
      }
      .b-popover-danger.bs-popover-auto[x-placement^=right]>.arrow:before, .b-popover-danger.bs-popover-right>.arrow:before {
        border-right-color: #f5c6cb
      }
      .b-popover-danger.bs-popover-auto[x-placement^=right]>.arrow:after, .b-popover-danger.bs-popover-right>.arrow:after {
        border-right-color: #f8d7da
      }
      .b-popover-danger.bs-popover-auto[x-placement^=bottom]>.arrow:before, .b-popover-danger.bs-popover-bottom>.arrow:before {
        border-bottom-color: #f5c6cb
      }
      .b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header:before, .b-popover-danger.bs-popover-auto[x-placement^=bottom]>.arrow:after, .b-popover-danger.bs-popover-bottom .popover-header:before, .b-popover-danger.bs-popover-bottom>.arrow:after {
        border-bottom-color: #f6cace
      }
      .b-popover-danger.bs-popover-auto[x-placement^=left]>.arrow:before, .b-popover-danger.bs-popover-left>.arrow:before {
        border-left-color: #f5c6cb
      }
      .b-popover-danger.bs-popover-auto[x-placement^=left]>.arrow:after, .b-popover-danger.bs-popover-left>.arrow:after {
        border-left-color: #f8d7da
      }
      .b-popover-danger .popover-header {
        color: #212529;
        background-color: #f6cace;
        border-bottom-color: #f2b4ba
      }
      .b-popover-danger .popover-body {
        color: #721c24
      }
      .b-popover-light.popover {
        background-color: #fefefe;
        border-color: #fdfdfe
      }
      .b-popover-light.bs-popover-auto[x-placement^=top]>.arrow:before, .b-popover-light.bs-popover-top>.arrow:before {
        border-top-color: #fdfdfe
      }
      .b-popover-light.bs-popover-auto[x-placement^=top]>.arrow:after, .b-popover-light.bs-popover-top>.arrow:after {
        border-top-color: #fefefe
      }
      .b-popover-light.bs-popover-auto[x-placement^=right]>.arrow:before, .b-popover-light.bs-popover-right>.arrow:before {
        border-right-color: #fdfdfe
      }
      .b-popover-light.bs-popover-auto[x-placement^=right]>.arrow:after, .b-popover-light.bs-popover-right>.arrow:after {
        border-right-color: #fefefe
      }
      .b-popover-light.bs-popover-auto[x-placement^=bottom]>.arrow:before, .b-popover-light.bs-popover-bottom>.arrow:before {
        border-bottom-color: #fdfdfe
      }
      .b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header:before, .b-popover-light.bs-popover-auto[x-placement^=bottom]>.arrow:after, .b-popover-light.bs-popover-bottom .popover-header:before, .b-popover-light.bs-popover-bottom>.arrow:after {
        border-bottom-color: #f6f6f6
      }
      .b-popover-light.bs-popover-auto[x-placement^=left]>.arrow:before, .b-popover-light.bs-popover-left>.arrow:before {
        border-left-color: #fdfdfe
      }
      .b-popover-light.bs-popover-auto[x-placement^=left]>.arrow:after, .b-popover-light.bs-popover-left>.arrow:after {
        border-left-color: #fefefe
      }
      .b-popover-light .popover-header {
        color: #212529;
        background-color: #f6f6f6;
        border-bottom-color: #eaeaea
      }
      .b-popover-light .popover-body {
        color: #818182
      }
      .b-popover-dark.popover {
        background-color: #d6d8d9;
        border-color: #c6c8ca
      }
      .b-popover-dark.bs-popover-auto[x-placement^=top]>.arrow:before, .b-popover-dark.bs-popover-top>.arrow:before {
        border-top-color: #c6c8ca
      }
      .b-popover-dark.bs-popover-auto[x-placement^=top]>.arrow:after, .b-popover-dark.bs-popover-top>.arrow:after {
        border-top-color: #d6d8d9
      }
      .b-popover-dark.bs-popover-auto[x-placement^=right]>.arrow:before, .b-popover-dark.bs-popover-right>.arrow:before {
        border-right-color: #c6c8ca
      }
      .b-popover-dark.bs-popover-auto[x-placement^=right]>.arrow:after, .b-popover-dark.bs-popover-right>.arrow:after {
        border-right-color: #d6d8d9
      }
      .b-popover-dark.bs-popover-auto[x-placement^=bottom]>.arrow:before, .b-popover-dark.bs-popover-bottom>.arrow:before {
        border-bottom-color: #c6c8ca
      }
      .b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header:before, .b-popover-dark.bs-popover-auto[x-placement^=bottom]>.arrow:after, .b-popover-dark.bs-popover-bottom .popover-header:before, .b-popover-dark.bs-popover-bottom>.arrow:after {
        border-bottom-color: #ced0d2
      }
      .b-popover-dark.bs-popover-auto[x-placement^=left]>.arrow:before, .b-popover-dark.bs-popover-left>.arrow:before {
        border-left-color: #c6c8ca
      }
      .b-popover-dark.bs-popover-auto[x-placement^=left]>.arrow:after, .b-popover-dark.bs-popover-left>.arrow:after {
        border-left-color: #d6d8d9
      }
      .b-popover-dark .popover-header {
        color: #212529;
        background-color: #ced0d2;
        border-bottom-color: #c1c4c5
      }
      .b-popover-dark .popover-body {
        color: #1b1e21
      }
      .table.b-table.b-table-fixed {
        table-layout: fixed
      }
      .table.b-table.b-table-no-border-collapse {
        border-collapse: separate;
        border-spacing: 0
      }
      .table.b-table[aria-busy=true] {
        opacity: .55
      }
      .table.b-table>tbody>tr.b-table-details>td {
        border-top: none !important
      }
      .table.b-table>caption {
        caption-side: bottom
      }
      .table.b-table.b-table-caption-top>caption {
        caption-side: top !important
      }
      .table.b-table>tbody>.table-active, .table.b-table>tbody>.table-active>td, .table.b-table>tbody>.table-active>th {
        background-color: rgba(0, 0, 0, .075)
      }
      .table.b-table.table-hover>tbody>tr.table-active:hover td, .table.b-table.table-hover>tbody>tr.table-active:hover th {
        color: #212529;
        background-image: linear-gradient(rgba(0, 0, 0, .075), rgba(0, 0, 0, .075));
        background-repeat: no-repeat
      }
      .table.b-table>tbody>.bg-active, .table.b-table>tbody>.bg-active>td, .table.b-table>tbody>.bg-active>th {
        background-color: hsla(0, 0%, 100%, .075) !important
      }
      .table.b-table.table-hover.table-dark>tbody>tr.bg-active:hover td, .table.b-table.table-hover.table-dark>tbody>tr.bg-active:hover th {
        color: #fff;
        background-image: linear-gradient(hsla(0, 0%, 100%, .075), hsla(0, 0%, 100%, .075));
        background-repeat: no-repeat
      }
      .b-table-sticky-header, .table-responsive, [class*=table-responsive-] {
        margin-bottom: 1rem
      }
      .b-table-sticky-header>.table, .table-responsive>.table, [class*=table-responsive-]>.table {
        margin-bottom: 0
      }
      .b-table-sticky-header {
        overflow-y: auto;
        max-height: 300px
      }
      @media print {
        .b-table-sticky-header {
          overflow-y: visible !important;
          max-height: none !important
        }
      }
      @supports ((position:-webkit-sticky) or (position:sticky)) {
        .b-table-sticky-header>.table.b-table>thead>tr>th {
          position: -webkit-sticky;
          position: sticky;
          top: 0;
          z-index: 2
        }
        .b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column, .b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column, .b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column, .table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column, .table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column, .table-responsive>.table.b-table>thead>tr>.b-table-sticky-column, [class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column, [class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column, [class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column {
          position: -webkit-sticky;
          position: sticky;
          left: 0
        }
        .b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column, .table-responsive>.table.b-table>thead>tr>.b-table-sticky-column, [class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column {
          z-index: 5
        }
        .b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column, .b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column, .table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column, .table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column, [class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column, [class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column {
          z-index: 2
        }
        .table.b-table>tbody>tr>.table-b-table-default, .table.b-table>tfoot>tr>.table-b-table-default, .table.b-table>thead>tr>.table-b-table-default {
          color: #212529;
          background-color: #fff
        }
        .table.b-table.table-dark>tbody>tr>.bg-b-table-default, .table.b-table.table-dark>tfoot>tr>.bg-b-table-default, .table.b-table.table-dark>thead>tr>.bg-b-table-default {
          color: #fff;
          background-color: #343a40
        }
        .table.b-table.table-striped>tbody>tr:nth-of-type(odd)>.table-b-table-default {
          background-image: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05));
          background-repeat: no-repeat
        }
        .table.b-table.table-striped.table-dark>tbody>tr:nth-of-type(odd)>.bg-b-table-default {
          background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05));
          background-repeat: no-repeat
        }
        .table.b-table.table-hover>tbody>tr:hover>.table-b-table-default {
          color: #212529;
          background-image: linear-gradient(rgba(0, 0, 0, .075), rgba(0, 0, 0, .075));
          background-repeat: no-repeat
        }
        .table.b-table.table-hover.table-dark>tbody>tr:hover>.bg-b-table-default {
          color: #fff;
          background-image: linear-gradient(hsla(0, 0%, 100%, .075), hsla(0, 0%, 100%, .075));
          background-repeat: no-repeat
        }
      }
      .table.b-table>tfoot>tr>[aria-sort], .table.b-table>thead>tr>[aria-sort] {
        cursor: pointer;
        background-image: none;
        background-repeat: no-repeat;
        background-size: .65em 1em
      }
      .table.b-table>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left), .table.b-table>thead>tr>[aria-sort]:not(.b-table-sort-icon-left) {
        background-position: right .375rem center;
        padding-right: calc(.75rem + .65em)
      }
      .table.b-table>tfoot>tr>[aria-sort].b-table-sort-icon-left, .table.b-table>thead>tr>[aria-sort].b-table-sort-icon-left {
        background-position: left .375rem center;
        padding-left: calc(.75rem + .65em)
      }
      .table.b-table>tfoot>tr>[aria-sort=none], .table.b-table>thead>tr>[aria-sort=none] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
      }
      .table.b-table>tfoot>tr>[aria-sort=ascending], .table.b-table>thead>tr>[aria-sort=ascending] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
      }
      .table.b-table>tfoot>tr>[aria-sort=descending], .table.b-table>thead>tr>[aria-sort=descending] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
      }
      .table.b-table.table-dark>tfoot>tr>[aria-sort=none], .table.b-table.table-dark>thead>tr>[aria-sort=none], .table.b-table>.thead-dark>tr>[aria-sort=none] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
      }
      .table.b-table.table-dark>tfoot>tr>[aria-sort=ascending], .table.b-table.table-dark>thead>tr>[aria-sort=ascending], .table.b-table>.thead-dark>tr>[aria-sort=ascending] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
      }
      .table.b-table.table-dark>tfoot>tr>[aria-sort=descending], .table.b-table.table-dark>thead>tr>[aria-sort=descending], .table.b-table>.thead-dark>tr>[aria-sort=descending] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
      }
      .table.b-table>tfoot>tr>.table-dark[aria-sort=none], .table.b-table>thead>tr>.table-dark[aria-sort=none] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
      }
      .table.b-table>tfoot>tr>.table-dark[aria-sort=ascending], .table.b-table>thead>tr>.table-dark[aria-sort=ascending] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
      }
      .table.b-table>tfoot>tr>.table-dark[aria-sort=descending], .table.b-table>thead>tr>.table-dark[aria-sort=descending] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
      }
      .table.b-table.table-sm>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left), .table.b-table.table-sm>thead>tr>[aria-sort]:not(.b-table-sort-icon-left) {
        background-position: right .15rem center;
        padding-right: calc(.3rem + .65em)
      }
      .table.b-table.table-sm>tfoot>tr>[aria-sort].b-table-sort-icon-left, .table.b-table.table-sm>thead>tr>[aria-sort].b-table-sort-icon-left {
        background-position: left .15rem center;
        padding-left: calc(.3rem + .65em)
      }
      .table.b-table.b-table-selectable:not(.b-table-selectable-no-click)>tbody>tr {
        cursor: pointer
      }
      .table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range>tbody>tr {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      @media (max-width:575.98px) {
        .table.b-table.b-table-stacked-sm {
          display: block;
          width: 100%
        }
        .table.b-table.b-table-stacked-sm>caption, .table.b-table.b-table-stacked-sm>tbody, .table.b-table.b-table-stacked-sm>tbody>tr, .table.b-table.b-table-stacked-sm>tbody>tr>td, .table.b-table.b-table-stacked-sm>tbody>tr>th {
          display: block
        }
        .table.b-table.b-table-stacked-sm>tfoot, .table.b-table.b-table-stacked-sm>tfoot>tr.b-table-bottom-row, .table.b-table.b-table-stacked-sm>tfoot>tr.b-table-top-row, .table.b-table.b-table-stacked-sm>thead, .table.b-table.b-table-stacked-sm>thead>tr.b-table-bottom-row, .table.b-table.b-table-stacked-sm>thead>tr.b-table-top-row {
          display: none
        }
        .table.b-table.b-table-stacked-sm>caption {
          caption-side: top !important
        }
        .table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:before {
          content: attr(data-label);
          width: 40%;
          float: left;
          text-align: right;
          overflow-wrap: break-word;
          font-weight: 700;
          font-style: normal;
          padding: 0 .5rem 0 0;
          margin: 0
        }
        .table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:after {
          display: block;
          clear: both;
          content: ""
        }
        .table.b-table.b-table-stacked-sm>tbody>tr>[data-label]>div {
          display: inline-block;
          width: 60%;
          padding: 0 0 0 .5rem;
          margin: 0
        }
        .table.b-table.b-table-stacked-sm>tbody>tr.bottom-row, .table.b-table.b-table-stacked-sm>tbody>tr.top-row {
          display: none
        }
        .table.b-table.b-table-stacked-sm>tbody>tr>:first-child, .table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+td, .table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+th {
          border-top-width: 3px
        }
      }
      @media (max-width:767.98px) {
        .table.b-table.b-table-stacked-md {
          display: block;
          width: 100%
        }
        .table.b-table.b-table-stacked-md>caption, .table.b-table.b-table-stacked-md>tbody, .table.b-table.b-table-stacked-md>tbody>tr, .table.b-table.b-table-stacked-md>tbody>tr>td, .table.b-table.b-table-stacked-md>tbody>tr>th {
          display: block
        }
        .table.b-table.b-table-stacked-md>tfoot, .table.b-table.b-table-stacked-md>tfoot>tr.b-table-bottom-row, .table.b-table.b-table-stacked-md>tfoot>tr.b-table-top-row, .table.b-table.b-table-stacked-md>thead, .table.b-table.b-table-stacked-md>thead>tr.b-table-bottom-row, .table.b-table.b-table-stacked-md>thead>tr.b-table-top-row {
          display: none
        }
        .table.b-table.b-table-stacked-md>caption {
          caption-side: top !important
        }
        .table.b-table.b-table-stacked-md>tbody>tr>[data-label]:before {
          content: attr(data-label);
          width: 40%;
          float: left;
          text-align: right;
          overflow-wrap: break-word;
          font-weight: 700;
          font-style: normal;
          padding: 0 .5rem 0 0;
          margin: 0
        }
        .table.b-table.b-table-stacked-md>tbody>tr>[data-label]:after {
          display: block;
          clear: both;
          content: ""
        }
        .table.b-table.b-table-stacked-md>tbody>tr>[data-label]>div {
          display: inline-block;
          width: 60%;
          padding: 0 0 0 .5rem;
          margin: 0
        }
        .table.b-table.b-table-stacked-md>tbody>tr.bottom-row, .table.b-table.b-table-stacked-md>tbody>tr.top-row {
          display: none
        }
        .table.b-table.b-table-stacked-md>tbody>tr>:first-child, .table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+td, .table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+th {
          border-top-width: 3px
        }
      }
      @media (max-width:991.98px) {
        .table.b-table.b-table-stacked-lg {
          display: block;
          width: 100%
        }
        .table.b-table.b-table-stacked-lg>caption, .table.b-table.b-table-stacked-lg>tbody, .table.b-table.b-table-stacked-lg>tbody>tr, .table.b-table.b-table-stacked-lg>tbody>tr>td, .table.b-table.b-table-stacked-lg>tbody>tr>th {
          display: block
        }
        .table.b-table.b-table-stacked-lg>tfoot, .table.b-table.b-table-stacked-lg>tfoot>tr.b-table-bottom-row, .table.b-table.b-table-stacked-lg>tfoot>tr.b-table-top-row, .table.b-table.b-table-stacked-lg>thead, .table.b-table.b-table-stacked-lg>thead>tr.b-table-bottom-row, .table.b-table.b-table-stacked-lg>thead>tr.b-table-top-row {
          display: none
        }
        .table.b-table.b-table-stacked-lg>caption {
          caption-side: top !important
        }
        .table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:before {
          content: attr(data-label);
          width: 40%;
          float: left;
          text-align: right;
          overflow-wrap: break-word;
          font-weight: 700;
          font-style: normal;
          padding: 0 .5rem 0 0;
          margin: 0
        }
        .table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:after {
          display: block;
          clear: both;
          content: ""
        }
        .table.b-table.b-table-stacked-lg>tbody>tr>[data-label]>div {
          display: inline-block;
          width: 60%;
          padding: 0 0 0 .5rem;
          margin: 0
        }
        .table.b-table.b-table-stacked-lg>tbody>tr.bottom-row, .table.b-table.b-table-stacked-lg>tbody>tr.top-row {
          display: none
        }
        .table.b-table.b-table-stacked-lg>tbody>tr>:first-child, .table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+td, .table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+th {
          border-top-width: 3px
        }
      }
      @media (max-width:1199.98px) {
        .table.b-table.b-table-stacked-xl {
          display: block;
          width: 100%
        }
        .table.b-table.b-table-stacked-xl>caption, .table.b-table.b-table-stacked-xl>tbody, .table.b-table.b-table-stacked-xl>tbody>tr, .table.b-table.b-table-stacked-xl>tbody>tr>td, .table.b-table.b-table-stacked-xl>tbody>tr>th {
          display: block
        }
        .table.b-table.b-table-stacked-xl>tfoot, .table.b-table.b-table-stacked-xl>tfoot>tr.b-table-bottom-row, .table.b-table.b-table-stacked-xl>tfoot>tr.b-table-top-row, .table.b-table.b-table-stacked-xl>thead, .table.b-table.b-table-stacked-xl>thead>tr.b-table-bottom-row, .table.b-table.b-table-stacked-xl>thead>tr.b-table-top-row {
          display: none
        }
        .table.b-table.b-table-stacked-xl>caption {
          caption-side: top !important
        }
        .table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:before {
          content: attr(data-label);
          width: 40%;
          float: left;
          text-align: right;
          overflow-wrap: break-word;
          font-weight: 700;
          font-style: normal;
          padding: 0 .5rem 0 0;
          margin: 0
        }
        .table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:after {
          display: block;
          clear: both;
          content: ""
        }
        .table.b-table.b-table-stacked-xl>tbody>tr>[data-label]>div {
          display: inline-block;
          width: 60%;
          padding: 0 0 0 .5rem;
          margin: 0
        }
        .table.b-table.b-table-stacked-xl>tbody>tr.bottom-row, .table.b-table.b-table-stacked-xl>tbody>tr.top-row {
          display: none
        }
        .table.b-table.b-table-stacked-xl>tbody>tr>:first-child, .table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+td, .table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+th {
          border-top-width: 3px
        }
      }
      .table.b-table.b-table-stacked {
        display: block;
        width: 100%
      }
      .table.b-table.b-table-stacked>caption, .table.b-table.b-table-stacked>tbody, .table.b-table.b-table-stacked>tbody>tr, .table.b-table.b-table-stacked>tbody>tr>td, .table.b-table.b-table-stacked>tbody>tr>th {
        display: block
      }
      .table.b-table.b-table-stacked>tfoot, .table.b-table.b-table-stacked>tfoot>tr.b-table-bottom-row, .table.b-table.b-table-stacked>tfoot>tr.b-table-top-row, .table.b-table.b-table-stacked>thead, .table.b-table.b-table-stacked>thead>tr.b-table-bottom-row, .table.b-table.b-table-stacked>thead>tr.b-table-top-row {
        display: none
      }
      .table.b-table.b-table-stacked>caption {
        caption-side: top !important
      }
      .table.b-table.b-table-stacked>tbody>tr>[data-label]:before {
        content: attr(data-label);
        width: 40%;
        float: left;
        text-align: right;
        overflow-wrap: break-word;
        font-weight: 700;
        font-style: normal;
        padding: 0 .5rem 0 0;
        margin: 0
      }
      .table.b-table.b-table-stacked>tbody>tr>[data-label]:after {
        display: block;
        clear: both;
        content: ""
      }
      .table.b-table.b-table-stacked>tbody>tr>[data-label]>div {
        display: inline-block;
        width: 60%;
        padding: 0 0 0 .5rem;
        margin: 0
      }
      .table.b-table.b-table-stacked>tbody>tr.bottom-row, .table.b-table.b-table-stacked>tbody>tr.top-row {
        display: none
      }
      .table.b-table.b-table-stacked>tbody>tr>:first-child, .table.b-table.b-table-stacked>tbody>tr>[rowspan]+td, .table.b-table.b-table-stacked>tbody>tr>[rowspan]+th {
        border-top-width: 3px
      }
      .b-toast {
        display: block;
        position: relative;
        max-width: 350px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-clip: padding-box;
        z-index: 1;
        border-radius: .25rem
      }
      .b-toast .toast {
        background-color: hsla(0, 0%, 100%, .85)
      }
      .b-toast:not(:last-child) {
        margin-bottom: .75rem
      }
      .b-toast.b-toast-solid .toast {
        background-color: #fff
      }
      .b-toast .toast {
        opacity: 1
      }
      .b-toast .toast.fade:not(.show) {
        opacity: 0
      }
      .b-toast .toast .toast-body {
        display: block
      }
      .b-toast-primary .toast {
        background-color: rgba(230, 242, 255, .85);
        border-color: rgba(184, 218, 255, .85);
        color: #004085
      }
      .b-toast-primary .toast .toast-header {
        color: #004085;
        background-color: rgba(204, 229, 255, .85);
        border-bottom-color: rgba(184, 218, 255, .85)
      }
      .b-toast-primary.b-toast-solid .toast {
        background-color: #e6f2ff
      }
      .b-toast-secondary .toast {
        background-color: rgba(239, 240, 241, .85);
        border-color: rgba(214, 216, 219, .85);
        color: #383d41
      }
      .b-toast-secondary .toast .toast-header {
        color: #383d41;
        background-color: rgba(226, 227, 229, .85);
        border-bottom-color: rgba(214, 216, 219, .85)
      }
      .b-toast-secondary.b-toast-solid .toast {
        background-color: #eff0f1
      }
      .b-toast-success .toast {
        background-color: rgba(230, 245, 233, .85);
        border-color: rgba(195, 230, 203, .85);
        color: #155724
      }
      .b-toast-success .toast .toast-header {
        color: #155724;
        background-color: rgba(212, 237, 218, .85);
        border-bottom-color: rgba(195, 230, 203, .85)
      }
      .b-toast-success.b-toast-solid .toast {
        background-color: #e6f5e9
      }
      .b-toast-info .toast {
        background-color: rgba(229, 244, 247, .85);
        border-color: rgba(190, 229, 235, .85);
        color: #0c5460
      }
      .b-toast-info .toast .toast-header {
        color: #0c5460;
        background-color: rgba(209, 236, 241, .85);
        border-bottom-color: rgba(190, 229, 235, .85)
      }
      .b-toast-info.b-toast-solid .toast {
        background-color: #e5f4f7
      }
      .b-toast-warning .toast {
        background-color: rgba(255, 249, 231, .85);
        border-color: rgba(255, 238, 186, .85);
        color: #856404
      }
      .b-toast-warning .toast .toast-header {
        color: #856404;
        background-color: rgba(255, 243, 205, .85);
        border-bottom-color: rgba(255, 238, 186, .85)
      }
      .b-toast-warning.b-toast-solid .toast {
        background-color: #fff9e7
      }
      .b-toast-danger .toast {
        background-color: rgba(252, 237, 238, .85);
        border-color: rgba(245, 198, 203, .85);
        color: #721c24
      }
      .b-toast-danger .toast .toast-header {
        color: #721c24;
        background-color: rgba(248, 215, 218, .85);
        border-bottom-color: rgba(245, 198, 203, .85)
      }
      .b-toast-danger.b-toast-solid .toast {
        background-color: #fcedee
      }
      .b-toast-light .toast {
        background-color: hsla(0, 0%, 100%, .85);
        border-color: rgba(253, 253, 254, .85);
        color: #818182
      }
      .b-toast-light .toast .toast-header {
        color: #818182;
        background-color: hsla(0, 0%, 99.6%, .85);
        border-bottom-color: rgba(253, 253, 254, .85)
      }
      .b-toast-light.b-toast-solid .toast {
        background-color: #fff
      }
      .b-toast-dark .toast {
        background-color: rgba(227, 229, 229, .85);
        border-color: rgba(198, 200, 202, .85);
        color: #1b1e21
      }
      .b-toast-dark .toast .toast-header {
        color: #1b1e21;
        background-color: rgba(214, 216, 217, .85);
        border-bottom-color: rgba(198, 200, 202, .85)
      }
      .b-toast-dark.b-toast-solid .toast {
        background-color: #e3e5e5
      }
      .b-toaster {
        z-index: 1100
      }
      .b-toaster .b-toaster-slot {
        position: relative;
        display: block
      }
      .b-toaster .b-toaster-slot:empty {
        display: none !important
      }
      .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-right {
        position: fixed;
        left: .5rem;
        right: .5rem;
        margin: 0;
        padding: 0;
        height: 0;
        overflow: visible
      }
      .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-right .b-toaster-slot {
        position: absolute;
        max-width: 350px;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0
      }
      .b-toaster.b-toaster-bottom-full .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast, .b-toaster.b-toaster-bottom-full .b-toaster-slot .toast, .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot .b-toast, .b-toaster.b-toaster-top-full .b-toaster-slot .toast {
        width: 100%;
        max-width: 100%
      }
      .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-right {
        top: 0
      }
      .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-right .b-toaster-slot {
        top: .5rem
      }
      .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-right {
        bottom: 0
      }
      .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot {
        bottom: .5rem
      }
      .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-right .b-toaster-slot {
        margin-left: auto
      }
      .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot {
        margin-right: auto
      }
      .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-move, .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-move {
        transition: transform 175ms
      }
      .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade {
        transition-delay: 175ms
      }
      .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active {
        position: absolute;
        transition-delay: 175ms
      }
      .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade {
        transition-delay: 0s
      }
      .tooltip.b-tooltip {
        display: block;
        opacity: .9
      }
      .tooltip.b-tooltip.fade:not(.show) {
        opacity: 0
      }
      .tooltip.b-tooltip.show {
        opacity: .9
      }
      .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow:before, .tooltip.b-tooltip-primary.bs-tooltip-top .arrow:before {
        border-top-color: #007bff
      }
      .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow:before, .tooltip.b-tooltip-primary.bs-tooltip-right .arrow:before {
        border-right-color: #007bff
      }
      .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #007bff
      }
      .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow:before, .tooltip.b-tooltip-primary.bs-tooltip-left .arrow:before {
        border-left-color: #007bff
      }
      .tooltip.b-tooltip-primary .tooltip-inner {
        color: #fff;
        background-color: #007bff
      }
      .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow:before, .tooltip.b-tooltip-secondary.bs-tooltip-top .arrow:before {
        border-top-color: #6c757d
      }
      .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow:before, .tooltip.b-tooltip-secondary.bs-tooltip-right .arrow:before {
        border-right-color: #6c757d
      }
      .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #6c757d
      }
      .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow:before, .tooltip.b-tooltip-secondary.bs-tooltip-left .arrow:before {
        border-left-color: #6c757d
      }
      .tooltip.b-tooltip-secondary .tooltip-inner {
        color: #fff;
        background-color: #6c757d
      }
      .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow:before, .tooltip.b-tooltip-success.bs-tooltip-top .arrow:before {
        border-top-color: #28a745
      }
      .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow:before, .tooltip.b-tooltip-success.bs-tooltip-right .arrow:before {
        border-right-color: #28a745
      }
      .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .tooltip.b-tooltip-success.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #28a745
      }
      .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow:before, .tooltip.b-tooltip-success.bs-tooltip-left .arrow:before {
        border-left-color: #28a745
      }
      .tooltip.b-tooltip-success .tooltip-inner {
        color: #fff;
        background-color: #28a745
      }
      .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow:before, .tooltip.b-tooltip-info.bs-tooltip-top .arrow:before {
        border-top-color: #17a2b8
      }
      .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow:before, .tooltip.b-tooltip-info.bs-tooltip-right .arrow:before {
        border-right-color: #17a2b8
      }
      .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .tooltip.b-tooltip-info.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #17a2b8
      }
      .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow:before, .tooltip.b-tooltip-info.bs-tooltip-left .arrow:before {
        border-left-color: #17a2b8
      }
      .tooltip.b-tooltip-info .tooltip-inner {
        color: #fff;
        background-color: #17a2b8
      }
      .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow:before, .tooltip.b-tooltip-warning.bs-tooltip-top .arrow:before {
        border-top-color: #ffc107
      }
      .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow:before, .tooltip.b-tooltip-warning.bs-tooltip-right .arrow:before {
        border-right-color: #ffc107
      }
      .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #ffc107
      }
      .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow:before, .tooltip.b-tooltip-warning.bs-tooltip-left .arrow:before {
        border-left-color: #ffc107
      }
      .tooltip.b-tooltip-warning .tooltip-inner {
        color: #212529;
        background-color: #ffc107
      }
      .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow:before, .tooltip.b-tooltip-danger.bs-tooltip-top .arrow:before {
        border-top-color: #dc3545
      }
      .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow:before, .tooltip.b-tooltip-danger.bs-tooltip-right .arrow:before {
        border-right-color: #dc3545
      }
      .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #dc3545
      }
      .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow:before, .tooltip.b-tooltip-danger.bs-tooltip-left .arrow:before {
        border-left-color: #dc3545
      }
      .tooltip.b-tooltip-danger .tooltip-inner {
        color: #fff;
        background-color: #dc3545
      }
      .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow:before, .tooltip.b-tooltip-light.bs-tooltip-top .arrow:before {
        border-top-color: #f8f9fa
      }
      .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow:before, .tooltip.b-tooltip-light.bs-tooltip-right .arrow:before {
        border-right-color: #f8f9fa
      }
      .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .tooltip.b-tooltip-light.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #f8f9fa
      }
      .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow:before, .tooltip.b-tooltip-light.bs-tooltip-left .arrow:before {
        border-left-color: #f8f9fa
      }
      .tooltip.b-tooltip-light .tooltip-inner {
        color: #212529;
        background-color: #f8f9fa
      }
      .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow:before, .tooltip.b-tooltip-dark.bs-tooltip-top .arrow:before {
        border-top-color: #343a40
      }
      .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow:before, .tooltip.b-tooltip-dark.bs-tooltip-right .arrow:before {
        border-right-color: #343a40
      }
      .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #343a40
      }
      .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow:before, .tooltip.b-tooltip-dark.bs-tooltip-left .arrow:before {
        border-left-color: #343a40
      }
      .tooltip.b-tooltip-dark .tooltip-inner {
        color: #fff;
        background-color: #343a40
      }
.daterangepicker {
        position: absolute;
        color: inherit;
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #ddd;
        width: 278px;
        max-width: none;
        padding: 0;
        margin-top: 7px;
        top: 100px;
        left: 20px;
        z-index: 3001;
        display: none;
        font-family: arial;
        font-size: 15px;
        line-height: 1em
      }
      .daterangepicker:after, .daterangepicker:before {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0, 0, 0, .2);
        content: ""
      }
      .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc
      }
      .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent
      }
      .daterangepicker.opensleft:before {
        right: 9px
      }
      .daterangepicker.opensleft:after {
        right: 10px
      }
      .daterangepicker.openscenter:after, .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto
      }
      .daterangepicker.opensright:before {
        left: 9px
      }
      .daterangepicker.opensright:after {
        left: 10px
      }
      .daterangepicker.drop-up {
        margin-top: -7px
      }
      .daterangepicker.drop-up:before {
        top: auto;
        bottom: -7px;
        border-bottom: initial;
        border-top: 7px solid #ccc
      }
      .daterangepicker.drop-up:after {
        top: auto;
        bottom: -6px;
        border-bottom: initial;
        border-top: 6px solid #fff
      }
      .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
        float: none
      }
      .daterangepicker.single .drp-selected {
        display: none
      }
      .daterangepicker.show-calendar .drp-buttons, .daterangepicker.show-calendar .drp-calendar {
        display: block
      }
      .daterangepicker.auto-apply .drp-buttons {
        display: none
      }
      .daterangepicker .drp-calendar {
        display: none;
        max-width: 270px
      }
      .daterangepicker .drp-calendar.left {
        padding: 8px 0 8px 8px
      }
      .daterangepicker .drp-calendar.right {
        padding: 8px
      }
      .daterangepicker .drp-calendar.single .calendar-table {
        border: none
      }
      .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        color: #fff;
        border: solid #000;
        border-width: 0 2px 2px 0;
        border-radius: 0;
        display: inline-block;
        padding: 3px
      }
      .daterangepicker .calendar-table .next span {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
      }
      .daterangepicker .calendar-table .prev span {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
      }
      .daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
        text-align: center;
        vertical-align: middle;
        min-width: 32px;
        width: 32px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        border-radius: 4px;
        border: 1px solid transparent;
        white-space: nowrap;
        cursor: pointer
      }
      .daterangepicker .calendar-table {
        border: 1px solid #fff;
        border-radius: 4px;
        background-color: #fff
      }
      .daterangepicker .calendar-table table {
        width: 100%;
        margin: 0;
        border-spacing: 0;
        border-collapse: collapse
      }
      .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: #eee;
        border-color: transparent;
        color: inherit
      }
      .daterangepicker td.week, .daterangepicker th.week {
        font-size: 80%;
        color: #ccc
      }
      .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
        background-color: #fff;
        border-color: transparent;
        color: #999
      }
      .daterangepicker td.in-range {
        background-color: #ebf4f8;
        border-color: transparent;
        color: #000;
        border-radius: 0
      }
      .daterangepicker td.start-date {
        border-radius: 4px 0 0 4px
      }
      .daterangepicker td.end-date {
        border-radius: 0 4px 4px 0
      }
      .daterangepicker td.start-date.end-date {
        border-radius: 4px
      }
      .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #357ebd;
        border-color: transparent;
        color: #fff
      }
      .daterangepicker th.month {
        width: auto
      }
      .daterangepicker option.disabled, .daterangepicker td.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through
      }
      .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default
      }
      .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%
      }
      .daterangepicker select.yearselect {
        width: 40%
      }
      .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
        width: 50px;
        margin: 0 auto;
        background: #eee;
        border: 1px solid #eee;
        padding: 2px;
        outline: 0;
        font-size: 12px
      }
      .daterangepicker .calendar-time {
        text-align: center;
        margin: 4px auto 0;
        line-height: 30px;
        position: relative
      }
      .daterangepicker .calendar-time select.disabled {
        color: #ccc;
        cursor: not-allowed
      }
      .daterangepicker .drp-buttons {
        clear: both;
        text-align: right;
        padding: 8px;
        border-top: 1px solid #ddd;
        display: none;
        line-height: 12px;
        vertical-align: middle
      }
      .daterangepicker .drp-selected {
        display: inline-block;
        font-size: 12px;
        padding-right: 8px
      }
      .daterangepicker .drp-buttons .btn {
        margin-left: 8px;
        font-size: 12px;
        font-weight: 700;
        padding: 4px 8px
      }
      .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
        border-right: 1px solid #ddd
      }
      .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
      }
      .daterangepicker.show-ranges.rtl .drp-calendar.right {
        border-right: 1px solid #ddd
      }
      .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
      }
      .daterangepicker .ranges {
        float: none;
        text-align: left;
        margin: 0
      }
      .daterangepicker.show-calendar .ranges {
        margin-top: 8px
      }
      .daterangepicker .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%
      }
      .daterangepicker .ranges li {
        font-size: 12px;
        padding: 8px 12px;
        cursor: pointer
      }
      .daterangepicker .ranges li:hover {
        background-color: #eee
      }
      .daterangepicker .ranges li.active {
        background-color: #08c;
        color: #fff
      }
      @media (min-width:564px) {
        .daterangepicker {
          width: auto
        }
        .daterangepicker .ranges ul {
          width: 140px
        }
        .daterangepicker.single .ranges ul {
          width: 100%
        }
        .daterangepicker.single .drp-calendar.left {
          clear: none
        }
        .daterangepicker.single .drp-calendar, .daterangepicker.single .ranges {
          float: left
        }
        .daterangepicker {
          direction: ltr;
          text-align: left
        }
        .daterangepicker .drp-calendar.left {
          clear: left;
          margin-right: 0
        }
        .daterangepicker .drp-calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0
        }
        .daterangepicker .drp-calendar.right {
          margin-left: 0
        }
        .daterangepicker .drp-calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0
        }
        .daterangepicker .drp-calendar.left .calendar-table {
          padding-right: 8px
        }
        .daterangepicker .drp-calendar, .daterangepicker .ranges {
          float: left
        }
      }
      @media (min-width:730px) {
        .daterangepicker .ranges {
          width: auto;
          float: left
        }
        .daterangepicker.rtl .ranges {
          float: right
        }
        .daterangepicker .drp-calendar.left {
          clear: none !important
        }
      }
.swal2-popup.swal2-toast {
        flex-direction: row;
        align-items: center;
        width: auto;
        padding: .625em;
        overflow-y: hidden;
        background: #fff;
        box-shadow: 0 0 .625em #d9d9d9
      }
      .swal2-popup.swal2-toast .swal2-header {
        flex-direction: row;
        padding: 0
      }
      .swal2-popup.swal2-toast .swal2-title {
        flex-grow: 1;
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: 1em
      }
      .swal2-popup.swal2-toast .swal2-footer {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
      }
      .swal2-popup.swal2-toast .swal2-close {
        position: static;
        width: .8em;
        height: .8em;
        line-height: .8
      }
      .swal2-popup.swal2-toast .swal2-content {
        justify-content: flex-start;
        padding: 0;
        font-size: 1em
      }
      .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0
      }
      .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
        display: flex;
        align-items: center;
        font-size: 1.8em;
        font-weight: 700
      }
      @media (-ms-high-contrast:active), (-ms-high-contrast:none) {
        .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
          font-size: .25em
        }
      }
      .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
      }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        top: .875em;
        width: 1.375em
      }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
        left: .3125em
      }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
        right: .3125em
      }
      .swal2-popup.swal2-toast .swal2-actions {
        flex-basis: auto !important;
        width: auto;
        height: auto;
        margin: 0 .3125em;
        padding: 0
      }
      .swal2-popup.swal2-toast .swal2-styled {
        margin: 0 .3125em;
        padding: .3125em .625em;
        font-size: 1em
      }
      .swal2-popup.swal2-toast .swal2-styled:focus {
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
      }
      .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 1.6em;
        height: 3em;
        transform: rotate(45deg);
        border-radius: 50%
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.8em;
        left: -.5em;
        transform: rotate(-45deg);
        transform-origin: 2em 2em;
        border-radius: 4em 0 0 4em
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
        top: -.25em;
        left: .9375em;
        transform-origin: 0 1.5em;
        border-radius: 0 4em 4em 0
      }
      .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
      }
      .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
        top: 0;
        left: .4375em;
        width: .4375em;
        height: 2.6875em
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
        height: .3125em
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
        top: 1.125em;
        left: .1875em;
        width: .75em
      }
      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
        top: .9375em;
        right: .1875em;
        width: 1.375em
      }
      .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
        animation: swal2-toast-animate-success-line-tip .75s
      }
      .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
        animation: swal2-toast-animate-success-line-long .75s
      }
      .swal2-popup.swal2-toast.swal2-show {
        animation: swal2-toast-show .5s
      }
      .swal2-popup.swal2-toast.swal2-hide {
        animation: swal2-toast-hide .1s forwards
      }
      .swal2-container {
        display: flex;
        position: fixed;
        z-index: 1060;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: .625em;
        overflow-x: hidden;
        transition: background-color .1s;
        -webkit-overflow-scrolling: touch
      }
      .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
        background: rgba(0, 0, 0, .4)
      }
      .swal2-container.swal2-backdrop-hide {
        background: 0 0 !important
      }
      .swal2-container.swal2-top {
        align-items: flex-start
      }
      .swal2-container.swal2-top-left, .swal2-container.swal2-top-start {
        align-items: flex-start;
        justify-content: flex-start
      }
      .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
        align-items: flex-start;
        justify-content: flex-end
      }
      .swal2-container.swal2-center {
        align-items: center
      }
      .swal2-container.swal2-center-left, .swal2-container.swal2-center-start {
        align-items: center;
        justify-content: flex-start
      }
      .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
        align-items: center;
        justify-content: flex-end
      }
      .swal2-container.swal2-bottom {
        align-items: flex-end
      }
      .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start {
        align-items: flex-end;
        justify-content: flex-start
      }
      .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
        align-items: flex-end;
        justify-content: flex-end
      }
      .swal2-container.swal2-bottom-end>:first-child, .swal2-container.swal2-bottom-left>:first-child, .swal2-container.swal2-bottom-right>:first-child, .swal2-container.swal2-bottom-start>:first-child, .swal2-container.swal2-bottom>:first-child {
        margin-top: auto
      }
      .swal2-container.swal2-grow-fullscreen>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-self: stretch;
        justify-content: center
      }
      .swal2-container.swal2-grow-row>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
      }
      .swal2-container.swal2-grow-column {
        flex: 1;
        flex-direction: column
      }
      .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top {
        align-items: center
      }
      .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start {
        align-items: flex-start
      }
      .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right {
        align-items: flex-end
      }
      .swal2-container.swal2-grow-column>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
      }
      .swal2-container.swal2-no-transition {
        transition: none !important
      }
      .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
        margin: auto
      }
      @media (-ms-high-contrast:active), (-ms-high-contrast:none) {
        .swal2-container .swal2-modal {
          margin: 0 !important
        }
      }
      .swal2-popup {
        display: none;
        position: relative;
        box-sizing: border-box;
        flex-direction: column;
        justify-content: center;
        width: 32em;
        max-width: 100%;
        padding: 1.25em;
        border: none;
        border-radius: .3125em;
        background: #fff;
        font-family: inherit;
        font-size: 1rem
      }
      .swal2-popup:focus {
        outline: 0
      }
      .swal2-popup.swal2-loading {
        overflow-y: hidden
      }
      .swal2-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 1.8em
      }
      .swal2-title {
        position: relative;
        max-width: 100%;
        margin: 0 0 .4em;
        padding: 0;
        color: #595959;
        font-size: 1.875em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word
      }
      .swal2-actions {
        display: flex;
        z-index: 1;
        box-sizing: border-box;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 1.25em auto 0;
        padding: 0 1.6em
      }
      .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
        opacity: .4
      }
      .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
        background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
      }
      .swal2-actions:not(.swal2-loading) .swal2-styled:active {
        background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
      }
      .swal2-loader {
        display: none;
        align-items: center;
        justify-content: center;
        width: 2.2em;
        height: 2.2em;
        margin: 0 1.875em;
        animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        border-radius: 100%;
        border-color: #2778c4 transparent;
        border-style: solid;
        border-width: .25em
      }
      .swal2-styled {
        margin: .3125em;
        padding: .625em 2em;
        box-shadow: none;
        font-weight: 500
      }
      .swal2-styled:not([disabled]) {
        cursor: pointer
      }
      .swal2-styled.swal2-confirm {
        background: initial;
        background-color: #2778c4
      }
      .swal2-styled.swal2-confirm, .swal2-styled.swal2-deny {
        border: 0;
        border-radius: .25em;
        color: #fff;
        font-size: 1.0625em
      }
      .swal2-styled.swal2-deny {
        background: initial;
        background-color: #d14529
      }
      .swal2-styled.swal2-cancel {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #757575;
        color: #fff;
        font-size: 1.0625em
      }
      .swal2-styled:focus {
        outline: 0;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
      }
      .swal2-styled::-moz-focus-inner {
        border: 0
      }
      .swal2-footer {
        justify-content: center;
        margin: 1.25em 0 0;
        padding: 1em 0 0;
        border-top: 1px solid #eee;
        color: #545454;
        font-size: 1em
      }
      .swal2-timer-progress-bar-container {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: .25em;
        overflow: hidden;
        border-bottom-right-radius: .3125em;
        border-bottom-left-radius: .3125em
      }
      .swal2-timer-progress-bar {
        width: 100%;
        height: .25em;
        background: rgba(0, 0, 0, .2)
      }
      .swal2-image {
        max-width: 100%;
        margin: 1.25em auto
      }
      .swal2-close {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        align-items: center;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        padding: 0;
        overflow: hidden;
        transition: color .1s ease-out;
        border: none;
        border-radius: 0;
        background: 0 0;
        color: #ccc;
        font-family: serif;
        font-size: 2.5em;
        line-height: 1.2;
        cursor: pointer
      }
      .swal2-close:hover {
        transform: none;
        background: 0 0;
        color: #f27474
      }
      .swal2-close::-moz-focus-inner {
        border: 0
      }
      .swal2-content {
        z-index: 1;
        justify-content: center;
        margin: 0;
        padding: 0 1.6em;
        color: #545454;
        font-size: 1.125em;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        word-wrap: break-word
      }
      .swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea {
        margin: 1em auto
      }
      .swal2-file, .swal2-input, .swal2-textarea {
        box-sizing: border-box;
        width: 100%;
        transition: border-color .3s, box-shadow .3s;
        border: 1px solid #d9d9d9;
        border-radius: .1875em;
        background: inherit;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
        color: inherit;
        font-size: 1.125em
      }
      .swal2-file.swal2-inputerror, .swal2-input.swal2-inputerror, .swal2-textarea.swal2-inputerror {
        border-color: #f27474 !important;
        box-shadow: 0 0 2px #f27474 !important
      }
      .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {
        border: 1px solid #b4dbed;
        outline: 0;
        box-shadow: 0 0 3px #c4e6f5
      }
      .swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
        color: #ccc
      }
      .swal2-file::placeholder, .swal2-input::placeholder, .swal2-textarea::placeholder {
        color: #ccc
      }
      .swal2-range {
        margin: 1em auto;
        background: #fff
      }
      .swal2-range input {
        width: 80%
      }
      .swal2-range output {
        width: 20%;
        color: inherit;
        font-weight: 600;
        text-align: center
      }
      .swal2-range input, .swal2-range output {
        height: 2.625em;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em
      }
      .swal2-input {
        height: 2.625em;
        padding: 0 .75em
      }
      .swal2-input[type=number] {
        max-width: 10em
      }
      .swal2-file {
        background: inherit;
        font-size: 1.125em
      }
      .swal2-textarea {
        height: 6.75em;
        padding: .75em
      }
      .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        background: inherit;
        color: inherit;
        font-size: 1.125em
      }
      .swal2-checkbox, .swal2-radio {
        align-items: center;
        justify-content: center;
        background: #fff;
        color: inherit
      }
      .swal2-checkbox label, .swal2-radio label {
        margin: 0 .6em;
        font-size: 1.125em
      }
      .swal2-checkbox input, .swal2-radio input {
        margin: 0 .4em
      }
      .swal2-input-label {
        display: flex;
        justify-content: center;
        margin: 1em auto
      }
      .swal2-validation-message {
        display: none;
        align-items: center;
        justify-content: center;
        margin: 0 -2.7em;
        padding: .625em;
        overflow: hidden;
        background: #f0f0f0;
        color: #666;
        font-size: 1em;
        font-weight: 300
      }
      .swal2-validation-message:before {
        content: "!";
        display: inline-block;
        width: 1.5em;
        min-width: 1.5em;
        height: 1.5em;
        margin: 0 .625em;
        border-radius: 50%;
        background-color: #f27474;
        color: #fff;
        font-weight: 600;
        line-height: 1.5em;
        text-align: center
      }
      .swal2-icon {
        position: relative;
        box-sizing: content-box;
        justify-content: center;
        width: 5em;
        height: 5em;
        margin: 1.25em auto 1.875em;
        border: .25em solid transparent;
        border-radius: 50%;
        font-family: inherit;
        line-height: 5em;
        cursor: default;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      .swal2-icon .swal2-icon-content {
        display: flex;
        align-items: center;
        font-size: 3.75em
      }
      .swal2-icon.swal2-error {
        border-color: #f27474;
        color: #f27474
      }
      .swal2-icon.swal2-error .swal2-x-mark {
        position: relative;
        flex-grow: 1
      }
      .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color: #f27474
      }
      .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
        left: 1.0625em;
        transform: rotate(45deg)
      }
      .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
        right: 1em;
        transform: rotate(-45deg)
      }
      .swal2-icon.swal2-error.swal2-icon-show {
        animation: swal2-animate-error-icon .5s
      }
      .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
        animation: swal2-animate-error-x-mark .5s
      }
      .swal2-icon.swal2-warning {
        border-color: #facea8;
        color: #f8bb86
      }
      .swal2-icon.swal2-info {
        border-color: #9de0f6;
        color: #3fc3ee
      }
      .swal2-icon.swal2-question {
        border-color: #c9dae1;
        color: #87adbd
      }
      .swal2-icon.swal2-success {
        border-color: #a5dc86;
        color: #a5dc86
      }
      .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 3.75em;
        height: 7.5em;
        transform: rotate(45deg);
        border-radius: 50%
      }
      .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.4375em;
        left: -2.0635em;
        transform: rotate(-45deg);
        transform-origin: 3.75em 3.75em;
        border-radius: 7.5em 0 0 7.5em
      }
      .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
        top: -.6875em;
        left: 1.875em;
        transform: rotate(-45deg);
        transform-origin: 0 3.75em;
        border-radius: 0 7.5em 7.5em 0
      }
      .swal2-icon.swal2-success .swal2-success-ring {
        position: absolute;
        z-index: 2;
        top: -.25em;
        left: -.25em;
        box-sizing: content-box;
        width: 100%;
        height: 100%;
        border: .25em solid rgba(165, 220, 134, .3);
        border-radius: 50%
      }
      .swal2-icon.swal2-success .swal2-success-fix {
        position: absolute;
        z-index: 1;
        top: .5em;
        left: 1.625em;
        width: .4375em;
        height: 5.625em;
        transform: rotate(-45deg)
      }
      .swal2-icon.swal2-success [class^=swal2-success-line] {
        display: block;
        position: absolute;
        z-index: 2;
        height: .3125em;
        border-radius: .125em;
        background-color: #a5dc86
      }
      .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
        top: 2.875em;
        left: .8125em;
        width: 1.5625em;
        transform: rotate(45deg)
      }
      .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
        top: 2.375em;
        right: .5em;
        width: 2.9375em;
        transform: rotate(-45deg)
      }
      .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
        animation: swal2-animate-success-line-tip .75s
      }
      .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
        animation: swal2-animate-success-line-long .75s
      }
      .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
        animation: swal2-rotate-success-circular-line 4.25s ease-in
      }
      .swal2-progress-steps {
        flex-wrap: wrap;
        align-items: center;
        max-width: 100%;
        margin: 0 0 1.25em;
        padding: 0;
        background: inherit;
        font-weight: 600
      }
      .swal2-progress-steps li {
        display: inline-block;
        position: relative
      }
      .swal2-progress-steps .swal2-progress-step {
        z-index: 20;
        flex-shrink: 0;
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #2778c4;
        color: #fff;
        line-height: 2em;
        text-align: center
      }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
        background: #2778c4
      }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
        background: #add8e6;
        color: #fff
      }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
        background: #add8e6
      }
      .swal2-progress-steps .swal2-progress-step-line {
        z-index: 10;
        flex-shrink: 0;
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #2778c4
      }
      [class^=swal2] {
        -webkit-tap-highlight-color: transparent
      }
      .swal2-show {
        animation: swal2-show .3s
      }
      .swal2-hide {
        animation: swal2-hide .15s forwards
      }
      .swal2-noanimation {
        transition: none
      }
      .swal2-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
      }
      .swal2-rtl .swal2-close {
        right: auto;
        left: 0
      }
      .swal2-rtl .swal2-timer-progress-bar {
        right: 0;
        left: auto
      }
      @supports (-ms-accelerator:true) {
        .swal2-range input {
          width: 100% !important
        }
        .swal2-range output {
          display: none
        }
      }
      @media (-ms-high-contrast:active), (-ms-high-contrast:none) {
        .swal2-range input {
          width: 100% !important
        }
        .swal2-range output {
          display: none
        }
      }
      @-moz-document url-prefix() {
        .swal2-close:focus {
          outline: 2px solid rgba(50, 100, 150, .4)
        }
      }
      @keyframes swal2-toast-show {
        0% {
          transform: translateY(-.625em) rotate(2deg)
        }
        33% {
          transform: translateY(0) rotate(-2deg)
        }
        66% {
          transform: translateY(.3125em) rotate(2deg)
        }
        to {
          transform: translateY(0) rotate(0)
        }
      }
      @keyframes swal2-toast-hide {
        to {
          transform: rotate(1deg);
          opacity: 0
        }
      }
      @keyframes swal2-toast-animate-success-line-tip {
        0% {
          top: .5625em;
          left: .0625em;
          width: 0
        }
        54% {
          top: .125em;
          left: .125em;
          width: 0
        }
        70% {
          top: .625em;
          left: -.25em;
          width: 1.625em
        }
        84% {
          top: 1.0625em;
          left: .75em;
          width: .5em
        }
        to {
          top: 1.125em;
          left: .1875em;
          width: .75em
        }
      }
      @keyframes swal2-toast-animate-success-line-long {
        0% {
          top: 1.625em;
          right: 1.375em;
          width: 0
        }
        65% {
          top: 1.25em;
          right: .9375em;
          width: 0
        }
        84% {
          top: .9375em;
          right: 0;
          width: 1.125em
        }
        to {
          top: .9375em;
          right: .1875em;
          width: 1.375em
        }
      }
      @keyframes swal2-show {
        0% {
          transform: scale(.7)
        }
        45% {
          transform: scale(1.05)
        }
        80% {
          transform: scale(.95)
        }
        to {
          transform: scale(1)
        }
      }
      @keyframes swal2-hide {
        0% {
          transform: scale(1);
          opacity: 1
        }
        to {
          transform: scale(.5);
          opacity: 0
        }
      }
      @keyframes swal2-animate-success-line-tip {
        0% {
          top: 1.1875em;
          left: .0625em;
          width: 0
        }
        54% {
          top: 1.0625em;
          left: .125em;
          width: 0
        }
        70% {
          top: 2.1875em;
          left: -.375em;
          width: 3.125em
        }
        84% {
          top: 3em;
          left: 1.3125em;
          width: 1.0625em
        }
        to {
          top: 2.8125em;
          left: .8125em;
          width: 1.5625em
        }
      }
      @keyframes swal2-animate-success-line-long {
        0% {
          top: 3.375em;
          right: 2.875em;
          width: 0
        }
        65% {
          top: 3.375em;
          right: 2.875em;
          width: 0
        }
        84% {
          top: 2.1875em;
          right: 0;
          width: 3.4375em
        }
        to {
          top: 2.375em;
          right: .5em;
          width: 2.9375em
        }
      }
      @keyframes swal2-rotate-success-circular-line {
        0% {
          transform: rotate(-45deg)
        }
        5% {
          transform: rotate(-45deg)
        }
        12% {
          transform: rotate(-405deg)
        }
        to {
          transform: rotate(-405deg)
        }
      }
      @keyframes swal2-animate-error-x-mark {
        0% {
          margin-top: 1.625em;
          transform: scale(.4);
          opacity: 0
        }
        50% {
          margin-top: 1.625em;
          transform: scale(.4);
          opacity: 0
        }
        80% {
          margin-top: -.375em;
          transform: scale(1.15)
        }
        to {
          margin-top: 0;
          transform: scale(1);
          opacity: 1
        }
      }
      @keyframes swal2-animate-error-icon {
        0% {
          transform: rotateX(100deg);
          opacity: 0
        }
        to {
          transform: rotateX(0);
          opacity: 1
        }
      }
      @keyframes swal2-rotate-loading {
        0% {
          transform: rotate(0)
        }
        to {
          transform: rotate(1turn)
        }
      }
      body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow: hidden
      }
      body.swal2-height-auto {
        height: auto !important
      }
      body.swal2-no-backdrop .swal2-container {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        max-width: calc(100% - 1.25em);
        background-color: transparent !important
      }
      body.swal2-no-backdrop .swal2-container>.swal2-modal {
        box-shadow: 0 0 10px rgba(0, 0, 0, .4)
      }
      body.swal2-no-backdrop .swal2-container.swal2-top {
        top: 0;
        left: 50%;
        transform: translateX(-50%)
      }
      body.swal2-no-backdrop .swal2-container.swal2-top-left, body.swal2-no-backdrop .swal2-container.swal2-top-start {
        top: 0;
        left: 0
      }
      body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
        top: 0;
        right: 0
      }
      body.swal2-no-backdrop .swal2-container.swal2-center {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
      }
      body.swal2-no-backdrop .swal2-container.swal2-center-left, body.swal2-no-backdrop .swal2-container.swal2-center-start {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
      }
      body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        transform: translateY(-50%)
      }
      body.swal2-no-backdrop .swal2-container.swal2-bottom {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
      }
      body.swal2-no-backdrop .swal2-container.swal2-bottom-left, body.swal2-no-backdrop .swal2-container.swal2-bottom-start {
        bottom: 0;
        left: 0
      }
      body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
        right: 0;
        bottom: 0
      }
      @media print {
        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
          overflow-y: scroll !important
        }
        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
          display: none
        }
        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
          position: static !important
        }
      }
      body.swal2-toast-shown .swal2-container {
        background-color: transparent
      }
      body.swal2-toast-shown .swal2-container.swal2-top {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%)
      }
      body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto
      }
      body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0
      }
      body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        transform: translateY(-50%)
      }
      body.swal2-toast-shown .swal2-container.swal2-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, -50%)
      }
      body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translateY(-50%)
      }
      body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0
      }
      body.swal2-toast-shown .swal2-container.swal2-bottom {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
      }
      body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
      }
      body.swal2-toast-column .swal2-toast {
        flex-direction: column;
        align-items: stretch
      }
      body.swal2-toast-column .swal2-toast .swal2-actions {
        flex: 1;
        align-self: stretch;
        height: 2.2em;
        margin-top: .3125em
      }
      body.swal2-toast-column .swal2-toast .swal2-loading {
        justify-content: center
      }
      body.swal2-toast-column .swal2-toast .swal2-input {
        height: 2em;
        margin: .3125em auto;
        font-size: 1em
      }
      body.swal2-toast-column .swal2-toast .swal2-validation-message {
        font-size: 1em
      }
.lds-facebook {
        display: block;
        position: absolute;
        left: 50%;
        width: 64px;
        height: 64px;
        margin-left: -32px
      }
      .lds-facebook div {
        display: inline-block;
        position: absolute;
        left: 6px;
        width: 13px;
        background: #ddd;
        animation: lds-facebook 1.2s cubic-bezier(0, .5, .5, 1) infinite
      }
      .lds-facebook div:first-child {
        left: 6px;
        animation-delay: -.24s
      }
      .lds-facebook div:nth-child(2) {
        left: 26px;
        animation-delay: -.12s
      }
      .lds-facebook div:nth-child(3) {
        left: 45px;
        animation-delay: 0
      }
      @keyframes lds-facebook {
        0% {
          top: 6px;
          height: 51px
        }
        50%, to {
          top: 19px;
          height: 26px
        }
      }
.height-fix, .isDesktop .container-sb, .isDesktop .container-sb div#sbc, .isDesktop .container-sb div#sbc>div {
        min-height: 715px
      }
      .sb-banner {
        overflow: hidden;
        text-align: center
      }
      .sb-banner img {
        max-width: none;
        margin: 0 -50%
      }
      .container-sb div#sbc>div>div>div>div>div>div[class*=track] {
        min-width: 100%
      }
      .searchInput--27T57R input {
        border: none
      }
.height-fix, .isDesktop .container-sb, .isDesktop .container-sb div#sbc, .isDesktop .container-sb div#sbc>div {
        min-height: 715px
      }
      .sb-banner {
        overflow: hidden;
        text-align: center
      }
      .sb-banner img {
        max-width: none;
        margin: 0 -50%
      }
      .container-sb div#sbc>div>div>div>div>div>div[class*=track] {
        min-width: 100%
      }
      .searchInput--27T57R input {
        border: none
      }
.height-fix, .isDesktop .container-sb, .isDesktop .container-sb div#sbc, .isDesktop .container-sb div#sbc>div {
        min-height: 715px
      }
      .sb-banner {
        overflow: hidden;
        text-align: center
      }
      .sb-banner img {
        max-width: none;
        margin: 0 -50%
      }
      .container-sb div#sbc>div>div>div>div>div>div[class*=track] {
        min-width: 100%
      }
      .searchInput--27T57R input {
        border: none
      }
.aff-main .btn {
        display: inline-block;
        transition: .3s;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        padding: 0 25px;
        border-radius: 25px;
        box-shadow: 0 4px 2px 0 #d4d4d4;
        background-color: #008200;
        border-bottom: 2px solid;
        border-color: #006000;
        margin-top: 15px
      }
      .aff-main .navbar-dark {
        background: #2b3b4b !important;
        border-radius: 4px;
        font-size: 13px
      }
      .aff-main .aff-bottom .aff-desc {
        font-size: 13px
      }
      .aff-main .aff-bottom .aff-desc h2 {
        font-size: 16px
      }
      .aff-main .aff-top {
        position: relative
      }
      .aff-main .aff-top .top-h {
        position: absolute;
        left: 0;
        top: 100px;
        width: 100%;
        line-height: 1.3
      }
      .aff-main .aff-top .top-h .h {
        color: #1e2833;
        font-size: 3.6em;
        font-weight: 500
      }
      .aff-main .aff-top .top-h .d {
        color: #0f853d;
        font-size: 3em
      }
.isDesktop #side-menu {
        min-height: var(--vh100-header)
      }
      .nav-pills {
        border-radius: 10px;
        padding: .9rem 1rem
      }
      .nav-pills .nav-link {
        margin-bottom: 5px;
        font-size: 14px;
        padding-left: 0
      }
      .nav-pills .nav-link.active {
        background: transparent;
        font-weight: 700
      }
#staticDiv {
        background: #39414a;
        min-height: 850px;
        border-radius: 15px;
        min-height: calc(100vh - 145px);
        overflow: hidden
      }
      .modeLight #staticDiv {
        background: #d5dde5
      }
      .isMobile #staticDiv {
        border-radius: 0
      }
      #staticDiv>img, #staticDiv>picture img {
        border-radius: 15px 15px 0 0
      }
      #staticDiv .banner {
        position: relative
      }
      #staticDiv .banner .ceg, #staticDiv .banner .text {
        position: absolute;
        left: 0;
        margin: 45px
      }
      #staticDiv .banner .text {
        color: #fff;
        bottom: 0;
        font-size: 30px
      }
      #staticDiv .banner .text>div:first-child {
        font-weight: 600
      }
      .isMobile #staticDiv .banner .text {
        margin: 20px
      }
      .title-h6 {
        font-family: AvertaCY, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 31px
      }
@font-face {
        font-family: swiper-icons;
        src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
        font-weight: 400;
        font-style: normal
      }
      :root {
        --swiper-theme-color: #007aff
      }
      .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1
      }
      .swiper-container-vertical>.swiper-wrapper {
        flex-direction: column
      }
      .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box
      }
      .swiper-container-android .swiper-slide, .swiper-wrapper {
        transform: translateZ(0)
      }
      .swiper-container-multirow>.swiper-wrapper {
        flex-wrap: wrap
      }
      .swiper-container-multirow-column>.swiper-wrapper {
        flex-wrap: wrap;
        flex-direction: column
      }
      .swiper-container-free-mode>.swiper-wrapper {
        transition-timing-function: ease-out;
        margin: 0 auto
      }
      .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform
      }
      .swiper-slide-invisible-blank {
        visibility: hidden
      }
      .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
        height: auto
      }
      .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height
      }
      .swiper-container-3d {
        perspective: 1200px
      }
      .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        transform-style: preserve-3d
      }
      .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
      }
      .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
      }
      .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
      }
      .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
      }
      .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
      }
      .swiper-container-css-mode>.swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
      }
      .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
        display: none
      }
      .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: start start
      }
      .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
      }
      .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
        -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory
      }
.need-help-text {
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        margin: 16px;
        color: #0c0d26
      }
      .need-help-text a {
        text-decoration: underline
      }
      .page-bns-modal {
        background: #fff;
        box-shadow: 0 4px 2px rgba(0, 0, 0, .01);
        border-radius: 10px
      }
      .page-bns-modal .bm-header {
        height: 86px;
        margin: 0 24px;
        border-bottom: 1px solid #e2e3e6
      }
      .page-bns-modal .bm-content, .page-bns-modal .bm-footer {
        margin: 24px
      }
.isMobile .modal-dialog {
        height: unset
      }
      .page-bonuses {
        background-color: #475059;
        background-image: none !important
      }
      .page-bonuses .page-right {
        background: #39414a;
        padding: 10px;
        border-radius: 20px
      }
      .modeLight.page-bonuses .page-right {
        background: #d5dde5
      }
      .page-bonuses .page-right .bonuses {
        display: grid;
        grid-auto-flow: row dense
      }
      .isDesktop.page-bonuses .page-right .bonuses {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
      }
      .page-bonuses .page-right .bonuses .bonus img {
        border-radius: 15px
      }
      .page-bonuses .page-left .pl-searcher {
        border: 1px solid #858f99;
        box-sizing: border-box;
        border-radius: 10px;
        font-size: 12px;
        color: #fff;
        background-color: transparent;
        padding: 15px 20px;
        height: 40px;
        line-height: 1;
        margin-bottom: 30px
      }
      .page-bonuses .page-left .pl-searcher:-ms-input-placeholder {
        color: inherit;
        opacity: 1
      }
      .page-bonuses .page-left .pl-searcher::placeholder {
        color: inherit;
        opacity: 1
      }
      .bonus-modal-dialog {
        max-width: 652px;
        width: 100%;
        margin: auto
      }
      .bonus-modal-dialog .bonus-modal-midgrey {
        background: #262d33;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 140%;
        color: #e3e3e3
      }
      .bonus-modal-dialog .bonus-modal-bottom {
        padding: 20px;
        background: #39414a;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        color: #e3e3e3
      }
      .modeLight~div .bonus-modal-dialog .bonus-modal-midgrey {
        background: #b8c2cc;
        color: #262d33
      }
      .modeLight~div .bonus-modal-dialog .bonus-modal-bottom {
        background: #d5dde5;
        color: #262d33
      }
      .bonus-modal-dialog .bonus-modal-depositButton {
        background: #386c50;
        border-radius: 10px;
        max-width: 355px;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 21px;
        width: 100%;
        padding: 16px;
        margin: 15px;
        border: 0;
        color: #fff
      }
.lr-container.page-rgs .reg-inside {
        position: relative;
        position: -webkit-sticky;
        position: sticky;
        top: 12px;
        height: 100%;
        padding-top: 0;
        padding-right: 80px;
        padding-bottom: 100px;
        user-drag: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      .isMobile .lr-container.page-rgs .reg-inside {
        padding-right: 0
      }
      .lr-container.page-rgs .bg {
        background: #262d33;
        content: "";
        height: 10000px;
        width: 1000px;
        position: absolute;
        right: 0;
        bottom: 0
      }
      .modeLight .lr-container.page-rgs .bg {
        background: #d5dde6
      }
      .lr-container.page-rgs .is-invalid {
        border-color: #d45561 !important
      }
      .lr-container.page-rgs .is-invalid-desc {
        color: #d45561 !important
      }
.social-login-wrap[data-v-06dbe3ad] {
        width: 100%
      }
      .social-login-buttons[data-v-06dbe3ad] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%
      }
      .social-login-btn[data-v-06dbe3ad] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 20px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: #fff;
        color: #333;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all .3s ease;
        max-width: 200px;
        flex: 0 1 auto
      }
      .social-login-wrap.is-narrow .social-login-buttons[data-v-06dbe3ad] {
        flex-direction: column
      }
      .social-login-wrap.is-narrow .social-login-btn[data-v-06dbe3ad] {
        max-width: none;
        width: 100%
      }
      .social-login-btn[data-v-06dbe3ad]:hover:not(:disabled) {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
      }
      .social-login-btn[data-v-06dbe3ad]:disabled {
        opacity: .6;
        cursor: not-allowed
      }
      .social-login-btn-google[data-v-06dbe3ad] {
        border-color: #db4437;
        color: #db4437
      }
      .social-login-btn-google[data-v-06dbe3ad]:hover:not(:disabled) {
        background: #db4437;
        color: #fff
      }
      .social-login-btn-telegram[data-v-06dbe3ad] {
        border-color: #229ed9;
        color: #229ed9
      }
      .social-login-btn-telegram[data-v-06dbe3ad]:hover:not(:disabled) {
        background: #229ed9;
        color: #fff
      }
      .social-login-btn-steam[data-v-06dbe3ad] {
        border-color: #171a21;
        color: #171a21
      }
      .social-login-btn-steam[data-v-06dbe3ad]:hover:not(:disabled) {
        background: #171a21;
        color: #fff
      }
      .social-icon[data-v-06dbe3ad] {
        width: 18px;
        height: 18px;
        flex-shrink: 0
      }
.page-login #site {
        background-image: url(../assets/bg-login.png) !important
      }
.pw-input input {
        padding-right: 50px
      }
      .pw-input .password-eye {
        position: absolute;
        padding-left: 20px;
        padding-right: 20px;
        right: 0;
        height: 49px;
        display: flex;
        border-radius: 0 15px 15px 0;
        cursor: pointer
      }
      .pw-input .password-eye:hover {
        background: hsla(0, 0%, 100%, .14901960784313725)
      }
      .pw-input .password-eye svg[stroke] path {
        stroke: unset
      }
fieldset[disabled] .multiselect {
        pointer-events: none
      }
      .multiselect__spinner {
        position: absolute;
        right: 1px;
        top: 1px;
        width: 48px;
        height: 35px;
        background: #fff;
        display: block
      }
      .multiselect__spinner:after, .multiselect__spinner:before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        margin: -8px 0 0 -8px;
        width: 16px;
        height: 16px;
        border-radius: 100%;
        border: 2px solid transparent;
        border-top-color: #41b883;
        box-shadow: 0 0 0 1px transparent
      }
      .multiselect__spinner:before {
        animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
        animation-iteration-count: infinite
      }
      .multiselect__spinner:after {
        animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
        animation-iteration-count: infinite
      }
      .multiselect__loading-enter-active, .multiselect__loading-leave-active {
        transition: opacity .4s ease-in-out;
        opacity: 1
      }
      .multiselect__loading-enter, .multiselect__loading-leave-active {
        opacity: 0
      }
      .multiselect, .multiselect__input, .multiselect__single {
        font-family: inherit;
        font-size: 16px;
        touch-action: manipulation
      }
      .multiselect {
        box-sizing: content-box;
        display: block;
        position: relative;
        width: 100%;
        min-height: 40px;
        text-align: left;
        color: #35495e
      }
      .multiselect * {
        box-sizing: border-box
      }
      .multiselect:focus {
        outline: none
      }
      .multiselect--disabled {
        background: #ededed;
        pointer-events: none;
        opacity: .6
      }
      .multiselect--active {
        z-index: 50
      }
      .multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
      }
      .multiselect--active .multiselect__select {
        transform: rotate(180deg)
      }
      .multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags {
        border-top-left-radius: 0;
        border-top-right-radius: 0
      }
      .multiselect__input, .multiselect__single {
        position: relative;
        display: inline-block;
        min-height: 20px;
        line-height: 20px;
        border: none;
        border-radius: 5px;
        background: #fff;
        padding: 0 0 0 5px;
        width: 100%;
        transition: border .1s ease;
        box-sizing: border-box;
        margin-bottom: 8px;
        vertical-align: top
      }
      .multiselect__input:-ms-input-placeholder {
        color: #35495e
      }
      .multiselect__input::placeholder {
        color: #35495e
      }
      .multiselect__tag~.multiselect__input, .multiselect__tag~.multiselect__single {
        width: auto
      }
      .multiselect__input:hover, .multiselect__single:hover {
        border-color: #cfcfcf
      }
      .multiselect__input:focus, .multiselect__single:focus {
        border-color: #a8a8a8;
        outline: none
      }
      .multiselect__single {
        padding-left: 5px;
        margin-bottom: 8px
      }
      .multiselect__tags-wrap {
        display: inline
      }
      .multiselect__tags {
        min-height: 40px;
        display: block;
        padding: 8px 40px 0 8px;
        border-radius: 5px;
        border: 1px solid #e8e8e8;
        background: #fff;
        font-size: 14px
      }
      .multiselect__tag {
        position: relative;
        display: inline-block;
        padding: 4px 26px 4px 10px;
        border-radius: 5px;
        margin-right: 10px;
        color: #fff;
        line-height: 1;
        background: #41b883;
        margin-bottom: 5px;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis
      }
      .multiselect__tag-icon {
        cursor: pointer;
        margin-left: 7px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        font-weight: 700;
        font-style: normal;
        width: 22px;
        text-align: center;
        line-height: 22px;
        transition: all .2s ease;
        border-radius: 5px
      }
      .multiselect__tag-icon:after {
        content: "\D7";
        color: #266d4d;
        font-size: 14px
      }
      .multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
        background: #369a6e
      }
      .multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {
        color: #fff
      }
      .multiselect__current {
        min-height: 40px;
        overflow: hidden;
        padding: 8px 30px 0 12px;
        white-space: nowrap;
        border-radius: 5px;
        border: 1px solid #e8e8e8
      }
      .multiselect__current, .multiselect__select {
        line-height: 16px;
        box-sizing: border-box;
        display: block;
        margin: 0;
        text-decoration: none;
        cursor: pointer
      }
      .multiselect__select {
        position: absolute;
        width: 40px;
        height: 38px;
        right: 1px;
        top: 1px;
        padding: 4px 8px;
        text-align: center;
        transition: transform .2s ease
      }
      .multiselect__select:before {
        position: relative;
        right: 0;
        top: 65%;
        color: #999;
        margin-top: 4px;
        border-color: #999 transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0;
        content: ""
      }
      .multiselect__placeholder {
        color: #adadad;
        display: inline-block;
        margin-bottom: 10px;
        padding-top: 2px
      }
      .multiselect--active .multiselect__placeholder {
        display: none
      }
      .multiselect__content-wrapper {
        position: absolute;
        display: block;
        background: #fff;
        width: 100%;
        max-height: 240px;
        overflow: auto;
        border: 1px solid #e8e8e8;
        border-top: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 50;
        -webkit-overflow-scrolling: touch
      }
      .multiselect__content {
        list-style: none;
        display: inline-block;
        padding: 0;
        margin: 0;
        min-width: 100%;
        vertical-align: top
      }
      .multiselect--above .multiselect__content-wrapper {
        bottom: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: none;
        border-top: 1px solid #e8e8e8
      }
      .multiselect__content::webkit-scrollbar {
        display: none
      }
      .multiselect__element {
        display: block
      }
      .multiselect__option {
        display: block;
        padding: 12px;
        min-height: 40px;
        line-height: 16px;
        text-decoration: none;
        text-transform: none;
        vertical-align: middle;
        position: relative;
        cursor: pointer;
        white-space: nowrap
      }
      .multiselect__option:after {
        top: 0;
        right: 0;
        position: absolute;
        line-height: 40px;
        padding-right: 12px;
        padding-left: 20px;
        font-size: 13px
      }
      .multiselect__option--highlight {
        background: #41b883;
        outline: none;
        color: #fff
      }
      .multiselect__option--highlight:after {
        content: attr(data-select);
        background: #41b883;
        color: #fff
      }
      .multiselect__option--selected {
        background: #f3f3f3;
        color: #35495e;
        font-weight: 700
      }
      .multiselect__option--selected:after {
        content: attr(data-selected);
        color: silver
      }
      .multiselect__option--selected.multiselect__option--highlight {
        background: #ff6a6a;
        color: #fff
      }
      .multiselect__option--selected.multiselect__option--highlight:after {
        background: #ff6a6a;
        content: attr(data-deselect);
        color: #fff
      }
      .multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select {
        background: #ededed;
        color: #a6a6a6
      }
      .multiselect__option--disabled {
        background: #ededed !important;
        color: #a6a6a6 !important;
        cursor: text;
        pointer-events: none
      }
      .multiselect__option--group {
        background: #ededed;
        color: #35495e
      }
      .multiselect__option--group.multiselect__option--highlight {
        background: #35495e;
        color: #fff
      }
      .multiselect__option--group.multiselect__option--highlight:after {
        background: #35495e
      }
      .multiselect__option--disabled.multiselect__option--highlight {
        background: #dedede
      }
      .multiselect__option--group-selected.multiselect__option--highlight {
        background: #ff6a6a;
        color: #fff
      }
      .multiselect__option--group-selected.multiselect__option--highlight:after {
        background: #ff6a6a;
        content: attr(data-deselect);
        color: #fff
      }
      .multiselect-enter-active, .multiselect-leave-active {
        transition: all .15s ease
      }
      .multiselect-enter, .multiselect-leave-active {
        opacity: 0
      }
      .multiselect__strong {
        margin-bottom: 8px;
        line-height: 20px;
        display: inline-block;
        vertical-align: top
      }
      [dir=rtl] .multiselect {
        text-align: right
      }
      [dir=rtl] .multiselect__select {
        right: auto;
        left: 1px
      }
      [dir=rtl] .multiselect__tags {
        padding: 8px 8px 0 40px
      }
      [dir=rtl] .multiselect__content {
        text-align: right
      }
      [dir=rtl] .multiselect__option:after {
        right: auto;
        left: 0
      }
      [dir=rtl] .multiselect__clear {
        right: auto;
        left: 12px
      }
      [dir=rtl] .multiselect__spinner {
        right: auto;
        left: 1px
      }
      @keyframes spinning {
        0% {
          transform: rotate(0)
        }
        to {
          transform: rotate(2turn)
        }
      }
.page-register .container-top_ {
        background: url(../assets/bg-reg.png) top no-repeat
      }
.banking-menu {
        text-transform: uppercase;
        user-drag: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      .banking-menu .bh-menu a {
        text-align: center
      }
      .banking-menu .bh-menu a+a {
        margin-left: 1rem
      }
.depositBanks .depositBankItem[data-v-1d260a26] {
        cursor: pointer;
        font-size: 13px
      }
      .depositBanks .depositBankItem .depositBankItemInner[data-v-1d260a26] {
        background: #39414a;
        border-radius: 10px
      }
      .depositBanks .depositBankItem .depositBankItemInner[data-v-1d260a26]:hover {
        background-color: #262d33
      }
      .depositBanks .depositBankItem .depositBankItemInner button[data-v-1d260a26] {
        color: #fff
      }
      .modeLight .depositBanks .depositBankItem .depositBankItemInner button[data-v-1d260a26] {
        color: #000
      }
      .depositBanks .depositBankItem .depositBankItemInner rect[data-v-1d260a26] {
        fill: none
      }
      .modeLight .depositBanks .depositBankItem .depositBankItemInner[data-v-1d260a26] {
        background: #fff;
        border: 1px solid #ddd
      }
      .depositBanks .depositBankItem .depositBankItemInner .btn-sal[data-v-1d260a26] {
        padding: 10px 0;
        width: 100%
      }
      .depositBanks .depositBankItem .depositBankItemInner.depositBankItemActive[data-v-1d260a26] {
        color: #155724;
        background-color: #c3e6cb;
        background: #fff;
        border: 1px solid #efe
      }
      .copybtn[data-v-1d260a26] {
        right: 0;
        padding: 4px 10px;
        top: 0;
        height: 100%;
        border-radius: 0 10px 10px 0
      }
      .bankList .bankItem[data-v-1d260a26] {
        box-sizing: border-box;
        float: left;
        width: calc(20% - 2px);
        margin-right: 2px;
        height: 194px;
        margin-bottom: 2px;
        position: relative;
        text-align: center;
        border-radius: 3px
      }
      .bankList .bankItem *[data-v-1d260a26] {
        position: relative;
        z-index: 2 !important
      }
      .bankList .bankItem .img[data-v-1d260a26] {
        width: 100%;
        height: 140px;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .bankList .bankItem .bankName[data-v-1d260a26] {
        width: 100%;
        color: #8c8f97;
        font-size: 12px;
        font-weight: 600
      }
      .bankList .bankItem .link[data-v-1d260a26] {
        opacity: 0;
        pointer-events: none;
        width: 100%;
        margin-top: 15px;
        transition: .3s
      }
      .bankList .bankItem .link a[data-v-1d260a26] {
        display: inline-block;
        width: 136px;
        height: 47px;
        line-height: 47px;
        font-size: 18px;
        font-weight: 700;
        transition: .3s;
        background-color: #006b00;
        border-bottom: 3px solid #006000;
        color: #fff;
        border-radius: 25px;
        box-shadow: 0 3px 2px 0 #d4d4d4
      }
      .bankList .bankItem .link a[data-v-1d260a26]:hover {
        background-color: #019f01
      }
      .bankList .bankItem[data-v-1d260a26]:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all .2s ease-in-out;
        background-color: #f0f1f5;
        z-index: 1
      }
      .bankList .bankItem[data-v-1d260a26]:hover {
        z-index: 5
      }
      .bankList .bankItem[data-v-1d260a26]:hover:before {
        height: 110%;
        transform: scale(1.2);
        border: 3px solid #ffc600;
        background: #fff;
        background: linear-gradient(180deg, #fff 41%, #ffe89a);
        box-shadow: 0 0 30px 5px rgba(0, 0, 0, .2)
      }
      .bankList .bankItem:hover .link[data-v-1d260a26] {
        opacity: 1;
        pointer-events: inherit
      }
      .bankList .bankItem:hover .bankName[data-v-1d260a26] {
        color: #007f00
      }
      .bankList.bankListMobile[data-v-1d260a26] {
        width: 100%
      }
      .bankList.bankListMobile .bankItem[data-v-1d260a26] {
        box-sizing: border-box;
        float: left;
        width: calc(50% - 2px);
        margin-right: 2px;
        height: 124px;
        margin-bottom: 2px;
        position: relative;
        text-align: center;
        border-radius: 3px
      }
      .bankList.bankListMobile .bankItem *[data-v-1d260a26] {
        position: relative;
        z-index: 2 !important
      }
      .bankList.bankListMobile .bankItem .img[data-v-1d260a26] {
        width: 100%;
        padding: 0 20px;
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .bankList.bankListMobile .bankItem .img img[data-v-1d260a26] {
        max-width: 90%
      }
      .bankList.bankListMobile .bankItem .bankName[data-v-1d260a26] {
        width: 100%;
        color: #8c8f97;
        font-size: 12px;
        font-weight: 600
      }
      .bankList.bankListMobile .bankItem .link[data-v-1d260a26] {
        opacity: 0;
        pointer-events: none;
        width: 100%;
        margin-top: 15px;
        transition: .3s
      }
      .bankList.bankListMobile .bankItem .link a[data-v-1d260a26] {
        display: inline-block;
        width: 136px;
        height: 47px;
        line-height: 47px;
        font-size: 18px;
        font-weight: 700;
        transition: .3s;
        background-color: #006b00;
        border-bottom: 3px solid #006000;
        color: #fff;
        border-radius: 25px;
        box-shadow: 0 3px 2px 0 #d4d4d4
      }
      .bankList.bankListMobile .bankItem .link a[data-v-1d260a26]:hover {
        background-color: #019f01
      }
      .bankList.bankListMobile .bankItem[data-v-1d260a26]:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all .2s ease-in-out;
        background-color: #f0f1f5;
        z-index: 1
      }
      .bankList.bankListMobile .bankItem[data-v-1d260a26]:hover {
        z-index: 5
      }
      .bankList.bankListMobile .bankItem[data-v-1d260a26]:hover:before {
        height: 100%;
        transform: scale(1);
        border: 3px solid #ffc600;
        background: #fff;
        background: linear-gradient(180deg, #fff 41%, #ffe89a);
        box-shadow: 0 0 30px 5px rgba(0, 0, 0, .2)
      }
      .bankList.bankListMobile .bankItem:hover .link[data-v-1d260a26] {
        opacity: 1;
        pointer-events: inherit;
        margin-top: -65px
      }
      .bankList.bankListMobile .bankItem:hover .bankName[data-v-1d260a26] {
        color: #007f00
      }
      .eftFrame[data-v-1d260a26] {
        width: 100%;
        font-family: Open Sans, sans-serif
      }
      .bankList[data-v-1d260a26]:after, .eftFrame[data-v-1d260a26]:after {
        content: "";
        display: block;
        clear: both
      }
      .eftFrame .heading[data-v-1d260a26] {
        background-color: #404245;
        width: 100%;
        height: 54px;
        line-height: 54px;
        text-align: center;
        color: #fff;
        margin-bottom: 35px;
        font-weight: 700;
        font-size: 23px;
        border-radius: 30px
      }
      .bankList[data-v-1d260a26] {
        width: 100%
      }
      .bankItem[data-v-1d260a26] {
        box-sizing: border-box;
        float: left;
        width: calc(20% - 2px);
        margin-right: 2px;
        height: 194px;
        margin-bottom: 2px;
        position: relative;
        text-align: center;
        border-radius: 3px
      }
      .bankItem[data-v-1d260a26]:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all .2s ease-in-out;
        background-color: #f0f1f5;
        z-index: 1
      }
      .bankItem *[data-v-1d260a26] {
        position: relative;
        z-index: 2 !important
      }
      .bankItem .img[data-v-1d260a26] {
        width: 100%;
        height: 140px;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .bankItem .bankName[data-v-1d260a26] {
        width: 100%;
        color: #8c8f97;
        font-size: 12px;
        font-weight: 600
      }
      .bankItem .link[data-v-1d260a26] {
        opacity: 0;
        pointer-events: none;
        width: 100%;
        margin-top: 15px;
        transition: .3s
      }
      .bankItem .link a[data-v-1d260a26] {
        display: inline-block;
        width: 136px;
        height: 47px;
        line-height: 47px;
        font-size: 18px;
        font-weight: 700;
        transition: .3s;
        background-color: #006b00;
        border-bottom: 3px solid #006000;
        color: #fff;
        border-radius: 25px;
        box-shadow: 0 3px 2px 0 #d4d4d4
      }
      .bankItem .link a[data-v-1d260a26]:hover {
        background-color: #019f01
      }
      .bankItem[data-v-1d260a26]:hover {
        z-index: 5
      }
      .bankItem[data-v-1d260a26]:hover:before {
        height: 110%;
        transform: scale(1.2);
        border: 3px solid #ffc600;
        background: #fff;
        background: linear-gradient(180deg, #fff 41%, #ffe89a);
        box-shadow: 0 0 30px 5px rgba(0, 0, 0, .2)
      }
      .bankItem:hover .link[data-v-1d260a26] {
        opacity: 1;
        pointer-events: inherit
      }
      .bankItem:hover .bankName[data-v-1d260a26] {
        color: #007f00
      }
      .paymentEft .form-control[data-v-1d260a26] {
        margin-bottom: inherit !important
      }
body, html {
        scroll-behavior: smooth
      }
.allpayBanks .sbItem {
        background-color: #eee;
        display: block;
        font-size: 14px;
        text-align: center;
        font-weight: 700;
        color: #555;
        transition: .3s;
        padding: 15px 5px;
        border: 4px solid #c5c8cf;
        border-radius: 10px
      }
      .allpayBanks .sbItem:hover {
        text-decoration: none
      }
.xcopybtn[data-v-00a86a46] {
        right: 0;
        padding: 4px 10px;
        top: 0;
        height: 100%;
        border-radius: 0 10px 10px 0
      }
      .depositBanks .depositBankItem[data-v-00a86a46] {
        cursor: pointer;
        font-size: 13px
      }
      .depositBanks .depositBankItem .depositBankItemInner[data-v-00a86a46] {
        background: #fff;
        border: 1px solid #ddd
      }
      .depositBanks .depositBankItem .depositBankItemInner .btn-sal[data-v-00a86a46] {
        padding: 10px 0;
        width: 100%
      }
      .depositBanks .depositBankItem .depositBankItemInner.depositBankItemActive[data-v-00a86a46] {
        color: #155724;
        background-color: #c3e6cb;
        border: 1px solid #efe
      }
.depositBanks .depositBankItem[data-v-6c6af2aa] {
        cursor: pointer;
        font-size: 13px
      }
      .depositBanks .depositBankItem .depositBankItemInner[data-v-6c6af2aa] {
        background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(hsla(0, 0%, 100%, 0))), #e5e7f4;
        border: 1px solid #f7f7f7;
        border-radius: 15px
      }
      .depositBanks .depositBankItem .depositBankItemInner .btn-sal[data-v-6c6af2aa] {
        padding: 10px 0;
        width: 100%
      }
      .depositBanks .depositBankItem .depositBankItemInner.depositBankItemActive[data-v-6c6af2aa] {
        color: #155724;
        background-color: #c3e6cb;
        background: #fff;
        border: 1px solid #efe
      }
.account-page .accountDiv[data-v-39dc78de] {
        height: auto
      }
      .paymentPsContent .form-control[data-v-39dc78de], .paymentPsContent select[data-v-39dc78de], .paymentPsContent select.custom-select[data-v-39dc78de] {
        box-shadow: none !important;
        border-bottom: 1px solid #dbdbdb;
        border-radius: 0 !important;
        padding: 3px 10px;
        margin-bottom: 20px;
        font-size: 14px;
        color: #121212;
        height: calc(2rem + 2px);
        font-weight: 500
      }
      .paymentPsContent .tx[data-v-39dc78de] {
        color: #8b8b8b;
        font-size: 13px
      }
      .paymentPsContent .btn[data-v-39dc78de] {
        border-radius: 2px;
        background: #25a27c;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: .02em;
        line-height: 20px;
        padding: 11px 20px;
        text-align: center;
        border: none
      }
      .depositTypes .depositRow[data-v-39dc78de] {
        background: #39414a;
        border-radius: 10px;
        margin-bottom: 10px
      }
      .modeLight .depositTypes .depositRow[data-v-39dc78de] {
        background-color: #fafdff
      }
      .depositTypes .depositRow[data-v-39dc78de]:hover {
        background-color: #262d33
      }
      .modeLight .depositTypes .depositRow[data-v-39dc78de]:hover {
        background-color: #fff
      }
      .depositTypes .depositRow>div[data-v-39dc78de] {
        font-size: 15px;
        padding: 13px 15px
      }
      .depositTypes .depositRow img[data-v-39dc78de] {
        display: inline-block;
        border-radius: 50%;
        width: 24px;
        height: 24px
      }
      .depositTypes .depositTitle>div[data-v-39dc78de] {
        font-size: 12px;
        opacity: .7;
        padding: 13px 25px
      }
      .paymentInnerContentMobile .logoHolder[data-v-39dc78de] {
        float: left;
        width: 100%;
        height: 80px;
        border: 1px solid #c5c8cf;
        margin-bottom: 12px
      }
      .paymentInnerContentMobile .logoHolder img[data-v-39dc78de] {
        height: 80px
      }
      .paymentInnerContentMobile .rightContent[data-v-39dc78de] {
        float: left;
        width: 100%
      }
      .paymentInnerContentMobile .lineRow[data-v-39dc78de], .paymentInnerContentMobile .rightContent .lineRow[data-v-39dc78de] {
        padding: 20px
      }
      .tipListMobile[data-v-39dc78de] {
        text-align: left
      }
      .tipListMobile .tipItem .img[data-v-39dc78de] {
        float: left
      }
      .tipListMobile .tipItem .noteWrap[data-v-39dc78de] {
        padding: 10px 5px;
        float: left
      }
      .tipListMobile .tipItem[data-v-39dc78de] {
        box-sizing: border-box;
        float: left;
        width: 100%;
        position: relative;
        font-size: 12px;
        text-align: left;
        background: #f3f3f3;
        background: linear-gradient(45deg, #f3f3f3, #fff);
        border: 1px solid #d8dbe2
      }
      .panel-sub-contents[data-v-39dc78de] {
        min-height: 369px
      }
      .bankPaymentFrame[data-v-39dc78de] {
        width: 100%
      }
      .bankPaymentFrame .form-group[data-v-39dc78de]:after, .bankPaymentFrame[data-v-39dc78de]:after {
        content: "";
        display: block;
        clear: both
      }
      .bankPaymentFrame .accountInfo[data-v-39dc78de] {
        width: 100%;
        border-bottom: 5px solid #b9d6d1;
        background: #cde1df;
        background: linear-gradient(180deg, #cde1df, #eff0f4 61%)
      }
      .bankPaymentFrame .accountInfo .bankSelected[data-v-39dc78de] {
        width: 100%;
        height: 130px;
        background-color: #abd0c8;
        box-sizing: border-box;
        padding: 15px
      }
      .bankPaymentFrame .accountInfo .bankSelected .logos[data-v-39dc78de] {
        float: left;
        width: 220px;
        height: 100px
      }
      .bankPaymentFrame .accountInfo .bankSelected span[data-v-39dc78de] {
        float: left;
        background-color: #fff;
        width: 220px;
        height: 100px;
        box-shadow: 0 4px 0 0 #b3c8c5;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .bankPaymentFrame .accountInfo .bankSelected strong[data-v-39dc78de] {
        float: left;
        padding-top: 40px;
        width: calc(100% - 220px);
        text-align: center;
        color: #485d59;
        font-weight: 700;
        font-size: 18px
      }
      .bankPaymentFrame .accountInfo .bankInfo[data-v-39dc78de] {
        width: 100%;
        box-sizing: border-box;
        padding: 20px
      }
      .bankPaymentFrame .accountInfo .bankInfo .form-group[data-v-39dc78de] {
        width: 100%;
        background-color: #fff;
        height: 36px;
        box-shadow: 0 4px 2px 0 #d2dcdc;
        border-radius: 3px
      }
      .bankPaymentFrame .accountInfo .bankInfo .cell[data-v-39dc78de] {
        width: 100%;
        display: block;
        line-height: 36px;
        color: #a0a0a0;
        font-size: 14px;
        font-weight: 700
      }
      .bankPaymentFrame .accountInfo .bankInfo .cell[data-v-39dc78de]:after {
        content: ":";
        float: right
      }
      .bankPaymentFrame .accountInfo .bankInfo .form-control[data-v-39dc78de] {
        width: 100%;
        height: 36px;
        background-color: transparent;
        border: none;
        padding: 0;
        font-weight: 700;
        font-size: 14px;
        color: #404245
      }
      .bankPaymentFrame .accountInfo .bankInfo .form-control.red[data-v-39dc78de] {
        color: #db504c
      }
      .bankPaymentFrame .accountInfo .bankInfo.bankInfoMobile *[data-v-39dc78de] {
        font-size: 12px !important
      }
      .bankPaymentFrame .button[data-v-39dc78de] {
        display: inline-block;
        transition: .3s;
        background-color: #767b88;
        height: 47px;
        line-height: 45px;
        font-size: 18px;
        font-weight: 700;
        border-bottom: 3px solid #6b707c;
        color: #fff;
        padding: 0 20px;
        border-radius: 25px;
        box-shadow: 0 4px 2px 0 #d4d4d4
      }
      .bankPaymentFrame .button[data-v-39dc78de]:hover {
        background-color: #6b707c
      }
      .bankPaymentFrame .nextProcess[data-v-39dc78de] {
        width: 100%;
        background-color: #f8f9fb
      }
      .warningNote[data-v-39dc78de] {
        width: 100%;
        padding-left: 95px;
        box-sizing: border-box;
        background-color: #ea5e5a;
        height: 85px;
        font-size: 13px;
        color: #fff;
        position: relative
      }
      .warningNote[data-v-39dc78de]:before {
        background: url(../assets/warning-icon.png) no-repeat 50%;
        z-index: 2
      }
      .warningNote[data-v-39dc78de]:after, .warningNote[data-v-39dc78de]:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 95px;
        height: 100%
      }
      .warningNote[data-v-39dc78de]:after {
        background: url(../assets/blur.png) no-repeat 50%;
        background-size: cover;
        z-index: 1
      }
      .warningNote span[data-v-39dc78de] {
        float: left;
        width: 100%;
        padding-right: 10px;
        padding-top: 20px
      }
      .investorInfo[data-v-39dc78de] {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 20px 10px
      }
      .investorInfo .form-control[data-v-39dc78de] {
        width: 100%;
        height: 50px;
        font-size: 15px;
        font-weight: 700;
        color: #404245;
        background-color: transparent;
        border: 1px solid #d0d2d8;
        border-radius: 25px
      }
      .investorInfo .cell[data-v-39dc78de] {
        line-height: 50px;
        font-weight: 600;
        font-size: 15px;
        color: #404245
      }
      .lastNote[data-v-39dc78de] {
        width: 100%;
        color: #fff;
        background-color: #404245;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
        font-size: 11px;
        font-weight: 600;
        border-radius: 3px
      }
.paymentBox .title {
        font-size: 24px;
        font-weight: 600;
        opacity: .5
      }
.rightSide {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        background: #303840;
        z-index: 100;
        overflow: auto;
        max-width: 480px;
        min-width: 240px
      }
      .isMobile .rightSide {
        width: 100%
      }
      .isDesktop .rightSide {
        min-width: 550px
      }
      .modeLight .rightSide {
        background: #d5dde6
      }
      .modeLight .rightSide .custom-table .fields {
        color: #303840
      }
      .rightSide .head {
        font-size: 15px;
        font-width: 600
      }
      .rightSide .head .xbtn {
        cursor: pointer;
        display: flex;
        padding: 14px 30px
      }
      .rightSide .head .xbtn:hover {
        background: hsla(0, 0%, 100%, .14901960784313725)
      }
      .rightSide .side-cont {
        padding: 50px;
        overflow: scroll
      }
      .isMobile .rightSide .side-cont {
        padding: 30px
      }
      .slide-enter-active, .slide-leave-active {
        transition: transform .2s ease
      }
      .slide-enter, .slide-leave-to {
        transform: translateX(100%);
        transition: all .15s ease-in 0s
      }
.bh-tabs {
        display: flex;
        overflow: auto
      }
      .bh-tabs a {
        font-weight: 600;
        cursor: pointer;
        padding: 11px 2px;
        color: #d5dde6
      }
      .bh-tabs a:hover {
        color: #fff
      }
      .bh-tabs a.active, .bh-tabs a.router-link-active {
        color: #fff;
        border-bottom: 3px solid #ffde00;
        border-radius: 1.5px
      }
      .bh-tabs a+a {
        margin-left: 36px
      }
      .ol-btn {
        display: inline-block;
        padding: 10px 20px;
        border-radius: 10px;
        border: 1px solid #858f99;
        font-weight: 600;
        display: flex;
        align-items: center
      }
      .ol-btn:hover {
        background: hsla(0, 0%, 100%, .12549019607843137)
      }
      .ol-btn:active, .ol-btn:focus {
        background: #262d33
      }
      .ol-btn.success {
        border: 2px solid #00c683
      }
      .ol-btn.warning {
        border: 2px solid #ffde00
      }
      .account-page {
        min-height: 850px;
        min-height: calc(100vh - 127px);
        display: flex;
        padding-top: 1.5rem
      }
      .account-page .panel-page-title .pt-title, .account-page .panel-page-title .title {
        opacity: .5;
        font-size: 24px;
        font-weight: 600;
        margin-right: auto;
        padding: 2px
      }
      .account-page .account-div {
        margin-bottom: 100px
      }
      .isMobile .account-page {
        padding-top: 0
      }
      .panel-sub-contents.isBusy {
        position: relative
      }
      .panel-sub-contents.isBusy:before {
        background: hsla(0, 0%, 100%, .5);
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        z-index: 9999
      }
      .Info {
        max-width: 100%
      }
.isDesktop .p-membership {
        padding: 35px 65px
      }
      .p-membership .d-flex {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 15px;
        line-height: 22px;
        border-bottom: 2px solid #6c7680
      }
      .p-membership .d-flex .descr {
        font-size: 12px
      }
      .p-membership .d-flex .edit {
        cursor: pointer;
        color: #ffde00
      }
      .mobileProfile {
        background: #fff
      }
      .mobileProfile .btn-purp {
        background: #3a9dc9;
        border-radius: 5px;
        padding: 11px 5px;
        font-weight: 400;
        font-size: 14px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
      }
      .mobileProfile .btn-purp:hover {
        background: #62b1d4;
        color: #fff
      }
      .mobileProfile .btn-pdark {
        border-radius: 5px;
        padding: 11px 5px;
        font-weight: 400;
        font-size: 14px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
      }
      .mobileProfile .btn-pdark:hover {
        color: #fff
      }
      .mobileProfile .profileContent {
        position: relative;
        top: -40px
      }
      .mobileProfile .profileContent .profileList {
        padding-bottom: 60px
      }
      .mobileProfile .profileContent .profileList .list-group-item {
        background: #fff;
        border: 1px solid #e5e7f4;
        box-sizing: border-box;
        border-radius: 5px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: #200b4d;
        padding: 0
      }
      .mobileProfile .profileContent .profileList .list-group-item a {
        display: block;
        padding: .75rem;
        color: #200b4d
      }
      .mobileProfile .profileContent .profileList .list-group-item a .fa {
        font-size: 18px;
        width: 27px;
        text-align: left
      }
      .mobileProfile .profileContent .profileList .list-group-item a .fa.fa-pull-right {
        color: #e5e7f4
      }
      .mobileProfile .profileContent .profileList .list-group-item.item-logout {
        position: fixed;
        bottom: 0;
        right: 1rem;
        left: 1rem
      }
      .mobileProfile .b-holder {
        background: linear-gradient(180deg, #3b2864, #1e1432), #3b2864;
        box-shadow: 0 4px 5px rgba(0, 0, 0, .2), 0 3px 14px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .14);
        border-radius: 5px;
        font-style: normal;
        color: #fff;
        top: -56px;
        position: relative;
        height: 112px;
        font-size: 14px;
        font-weight: 400;
        line-height: 180%
      }
      .mobileProfile .b-holder .b-line {
        font-weight: 700;
        font-size: 30px;
        letter-spacing: .05em
      }
      .mobileProfile .u-holder {
        background: #524471;
        height: 112px;
        width: 100%;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        color: #fff
      }
      .page-membership .accountDiv .form-group {
        border-bottom: .5px solid #dbdbdb;
        font-family: Roboto, sans-serif
      }
      .page-membership .accountDiv .form-group .col-3 {
        font-size: 14px;
        font-weight: 300;
        color: #898d93;
        border-right: .5px solid #dbdbdb;
        padding-top: 11px
      }
      .page-membership .accountDiv .form-group .custom-select, .page-membership .accountDiv .form-group .form-control {
        color: #585858;
        height: calc(2.25rem + 2px);
        font-size: 14px;
        font-weight: 700;
        padding-left: 8px;
        background: transparent;
        border: none;
        box-shadow: none
      }
.custom-file *, .custom-file :after {
        z-index: unset
      }
.page-my-bonuses .Main {
        background-color: #303840 !important
      }
      .bonus-detail-container {
        padding: 20px
      }
      .bonus-detail-container .bns-prg-back {
        margin: 0 30px;
        position: relative;
        display: inline-block;
        border-radius: 10px;
        height: 3px;
        background-color: #1c2126
      }
      .bonus-detail-container .bns-prg-back .bns-prg-short {
        position: absolute;
        display: inline-block;
        border-radius: 10px;
        height: 3px;
        background-color: #00c683
      }
      .bonus-detail-container .accept-prg {
        width: 56px
      }
      .bonus-detail-container .bh-bns-ftr {
        margin-top: 14px
      }
      .bonus-detail-container .bonus-games {
        width: 100%;
        font-size: 11px !important;
        display: flex;
        flex-flow: row wrap
      }
      .bonus-detail-container .bonus-games .active {
        color: #00c683
      }
      .bonus-detail-container .bonus-games .active svg [fill]:not([fill=none]) {
        fill: #00c683 !important
      }
      .bonus-detail-container .bonus-games .active svg [stroke] {
        stroke: #00c683 !important
      }
      .bonus-detail-container .bonus-games i {
        cursor: pointer;
        align-items: center !important;
        display: flex !important
      }
      .Accordionn-button {
        position: relative;
        z-index: 2;
        height: 76px;
        border-radius: 12px;
        background-color: #39414a;
        width: 100%;
        justify-content: space-between;
        text-align: left;
        cursor: pointer;
        padding: 24px
      }
      .Accordionn-button, .Accordionn-button-left {
        display: flex;
        align-items: center
      }
      .Accordionn-button-left h6 {
        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        color: #fff;
        margin-right: 12px
      }
      .Accordionn-button-left p {
        font-size: 15px;
        font-weight: 600;
        color: #b0bbc6
      }
      .Accordionn-button-date {
        display: block;
        font-size: 15px;
        font-weight: 400;
        color: #b0bbc6;
        margin-left: auto;
        margin-right: 2%
      }
      .Accordionn-button-info span {
        display: block;
        font-size: 11px;
        color: #bec7d0
      }
      .Accordionn-button-info p {
        font-size: 14px;
        line-height: 1.57;
        color: #fff
      }
      .Accordionn-button i {
        border-radius: 50%;
        border: 1px solid #576775;
        background-color: #3d4852;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #a3adb8;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        padding-top: 2px
      }
      .Accordionn-button .icon-bonus-down-chevron {
        background-image: url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m1 1 4 4 4-4" stroke="%23B0BBC6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        width: 46px;
        height: 39px;
        border-radius: 11px;
        border: 1px solid #878f98;
        background-size: 12px 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat;
        background-position: 50%
      }
      .Accordionn-button[aria-expanded=true] {
        border-radius: 12px 12px 0 0;
        background-color: #39414a
      }
      .Accordionn-button[aria-expanded=true] .icon-bonus-down-chevron {
        background-color: #008f5f;
        border-color: #008f5f;
        color: #fff;
        transform: rotate(180deg) translateY(50%)
      }
      @media (max-width:768px) {
        .Accordionn-button {
          padding-bottom: 20px;
          height: auto
        }
        .Accordionn-button, .Accordionn-button-left {
          flex-direction: column;
          align-items: flex-start
        }
        .Accordionn-button-left h6 {
          font-size: 16px
        }
        .Accordionn-button-left p {
          font-size: 13px
        }
        .Accordionn-button-date {
          font-size: 13px;
          margin-right: 1%;
          margin-left: 0
        }
        .Accordionn-button .icon-bonus-down-chevron {
          width: 36px;
          height: 29px
        }
      }
      .Accordionn-content {
        border-radius: 0 0 12px 12px;
        background-color: #39414a;
        position: relative;
        z-index: 1
      }
      .Accordionn-content:before {
        content: "";
        display: inline-block;
        transition: .5s;
        background-color: #39414a;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        transform: translateY(-50%);
        height: 15px;
        z-index: -1
      }
      .Bonusess, .Bonusess-in {
        margin-top: 15px
      }
      .Bonusess-item {
        margin-bottom: 8px
      }
      .Bonusess-item-status {
        width: 12%;
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-right: 60px
      }
      .Bonusess-item-status:after {
        margin-right: 10px;
        content: "";
        display: inline-block;
        transition: .5s;
        width: 12px;
        height: 12px;
        box-shadow: 0 0 4px 0 #5ebf8d;
        background-color: #5ebf8d;
        border-radius: 50%;
        margin-left: 10px;
        background-repeat: no-repeat;
        background-size: auto 100%
      }
      @media (max-width:768px) {
        .Bonusess-item-status {
          width: auto;
          margin-right: 30px;
          position: absolute;
          right: 40px;
          top: 50%;
          transform: translateY(-50%)
        }
      }
      .Bonusess-item.passive .Bonusess-item-status:after {
        box-shadow: 0 0 4px 0 #ffbc0f;
        background-color: #ffbc0f
      }
      .Bonusess-content {
        padding: 0 24px 24px;
        display: flex;
        flex-direction: column
      }
      @media (max-width:768px) {
        .Bonusess-content {
          padding: 0 12px 12px
        }
      }
      .Bonusess-rule {
        width: 100%;
        margin-top: 20px
      }
      .Bonusess-rule-item {
        margin-bottom: 4px;
        border: 1px solid #5d6975;
        border-radius: 10px
      }
      .Bonusess-rule-item-button {
        width: 100%;
        height: 32px;
        border-radius: 10px;
        padding: 12px;
        font-size: 14px;
        background-color: #4d5964;
        font-weight: 400;
        color: #c4ced9;
        text-align: center;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Bonusess-rule-item-button .icon-bonus-down-chevron {
        background-image: url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m1 1 4 4 4-4" stroke="%23B0BBC6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        width: 12px;
        height: 6px;
        background-size: 12px 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat;
        background-position: 50%;
        margin-left: 12px
      }
      .Bonusess-rule-item-button[aria-expanded=true] .icon-bonus-down-chevron {
        transform: rotate(180deg)
      }
      .Bonusess-rule-item-button:focus, .Bonusess-rule-item-button:hover {
        color: #bec7d0
      }
      .Bonusess-rule-item-content {
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 11px
      }
      .Bonusess-rule-item-content p, .Bonusess-rule-item-content span {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.92;
        color: #fff
      }
      .Bonusess-rule-item-content-left {
        width: calc(50% - 5px);
        border-radius: 5px;
        background-color: #4d5964
      }
      .Bonusess-rule-item-content-left-item {
        display: flex;
        border-bottom: 1px solid #666f7a
      }
      .Bonusess-rule-item-content-left-item:last-child {
        border-bottom: none
      }
      .Bonusess-rule-item-content-left-item:last-child p, .Bonusess-rule-item-content-left-item:last-child span {
        padding-bottom: 20px
      }
      .Bonusess-rule-item-content-left-item p {
        min-width: 40%;
        padding: 8px 14px;
        border-right: 1px solid #666f7a
      }
      .Bonusess-rule-item-content-left-item span {
        width: 30%;
        padding: 8px 14px
      }
      .Bonusess-rule-item-content-right {
        width: calc(50% - 5px);
        border-radius: 5px;
        background-color: #4d5964;
        padding: 8px 14px
      }
      .Bonusess-rule-item-content-right p {
        margin-bottom: 8px
      }
      @media (max-width:991px) {
        .Bonusess-rule-item-content {
          flex-wrap: wrap
        }
        .Bonusess-rule-item-content-left {
          width: 100%;
          margin-bottom: 6px
        }
        .Bonusess-rule-item-content-right {
          width: 100%
        }
      }
      .Bonusess-tab {
        overflow: hidden
      }
      .Bonusess-tab .nav {
        overflow-x: scroll;
        width: 100%;
        flex-wrap: nowrap;
        white-space: nowrap;
        display: block !important
      }
      .Bonusess-tab .nav li {
        display: inline-block
      }
      .Bonusess-tab .nav-link {
        border-radius: 80px;
        background-color: #586471;
        padding: 4px 7px 4px 6px;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        margin-right: 3px;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Bonusess-tab .nav-link.active {
        color: #39414a;
        background-color: #00c683
      }
      .Bonusess-tab-content {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Bonusess-tab-content-text {
        display: flex;
        align-items: center;
        width: 120px
      }
      .Bonusess-tab-content-text .icon-bonus-cycle {
        width: 14px;
        height: 14px;
        margin-right: 6px;
        background-size: 100% 100%
      }
      .Bonusess-tab-content-text span {
        font-size: 12px;
        font-weight: 400;
        color: #fff
      }
      .Bonusess-tab-content-progress {
        width: calc(100% - 150px);
        display: flex;
        align-items: center
      }
      .Bonusess-tab-content-progress p {
        font-size: 12px;
        font-weight: 400;
        color: #c4ced9;
        margin-right: 10px;
        flex-shrink: 0
      }
      .Bonusess-tab-content-progress .progress-value {
        font-size: 12px;
        font-weight: 700;
        color: #39414a;
        padding: 2px 4px;
        border-radius: 800px;
        background-color: #00c683;
        flex-shrink: 0;
        margin-left: 10px
      }
      .Bonusess-tab-content-progress .progress {
        width: 100%;
        padding: 3px;
        border-radius: 800px;
        border: 1px solid #7a8a9a;
        background-color: #454f59
      }
      .Bonusess-tab-content-progress .progress span {
        height: 8px;
        border-radius: 800px;
        background-color: #00c683;
        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: 1rem 1rem
      }
      @media (max-width:768px) {
        .Bonusess-tab-content {
          flex-direction: column;
          align-items: flex-start
        }
        .Bonusess-tab-content-text {
          width: 100%;
          margin-bottom: 10px
        }
        .Bonusess-tab-content-progress {
          width: 100%
        }
      }
      .Bonusess-progress {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        padding-bottom: 20px;
        padding-top: 30px;
        margin-bottom: 20px;
        border-top: 1px solid #5c6a79;
        border-bottom: 1px solid #5c6a79
      }
      .Bonusess-progress:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 20px;
        padding: 3px;
        border-radius: 800px;
        border: 1px solid #7a8a9a;
        background-color: #454f59;
        transition: all .5s
      }
      .Bonusess-progress-left {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 20px;
        position: relative
      }
      @media (max-width:400px) {
        .Bonusess-progress-left {
          width: 40%
        }
      }
      .Bonusess-progress-left:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 34px;
        background-color: #7a8a9a;
        transition: all .5s;
        position: absolute;
        right: -5px;
        top: -26px
      }
      .Bonusess-progress-left .progress-value-left {
        height: 14px;
        border-radius: 800px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        position: absolute;
        left: 3px;
        top: -17px;
        background-color: #ffbc0f;
        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: 1rem 1rem
      }
      .Bonusess-progress-left p {
        font-size: 12px;
        font-weight: 400;
        color: #c4ced9;
        margin-left: auto;
        white-space: nowrap
      }
      @media (max-width:768px) {
        .Bonusess-progress-left p {
          font-size: 11px
        }
      }
      .Bonusess-progress-left-status {
        font-size: 12px;
        font-weight: 700;
        color: #39414a;
        padding: 2px 6px;
        border-radius: 800px;
        background-color: #ffbc0f;
        margin-left: auto;
        transform: translateX(25px)
      }
      @media (max-width:768px) {
        .Bonusess-progress-left-status {
          font-size: 11px;
          padding: 2px 4px
        }
      }
      .Bonusess-progress-right {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 20px;
        position: relative
      }
      @media (max-width:400px) {
        .Bonusess-progress-right {
          width: 60%
        }
      }
      .Bonusess-progress-right .progress-value-right {
        height: 14px;
        border-radius: 800px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        position: absolute;
        left: 6px;
        top: -17px;
        background-color: #00c683;
        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: 1rem 1rem
      }
      .Bonusess-progress-right p {
        font-size: 12px;
        font-weight: 400;
        color: #c4ced9;
        margin-left: auto
      }
      @media (max-width:768px) {
        .Bonusess-progress-right p {
          font-size: 11px
        }
      }
      .Bonusess-progress-right-status {
        font-size: 12px;
        font-weight: 700;
        color: #39414a;
        padding: 2px 6px;
        border-radius: 800px;
        background-color: #00c683;
        margin-left: auto
      }
      @media (max-width:768px) {
        .Bonusess-progress-right-status {
          font-size: 11px;
          padding: 2px 4px
        }
      }
#couponDetailModal .modal-dialog-scrollable {
        max-width: 690px;
        height: 100vh;
        overflow: auto
      }
      #couponDetailModal .close {
        position: fixed;
        left: 50%;
        top: 0;
        transform: translate(-50%);
        width: 30px;
        height: 30px;
        touch-action: none;
        z-index: 99;
        background: #000;
        border-radius: 50%
      }
      #couponDetailModal .close, #couponDetailModal .close .handler {
        justify-content: center;
        align-items: center
      }
      /*    !*background: #f4f4f4;*!*/
      /*    !*border: 1px solid #dfe0e4;*!*/
      /*!*@formatter:off*!*/
.page-transactions .transactions .detailField {
        color: #ffde00
      }
.custom-table .fields>div {
        font-size: 12px;
        opacity: .7;
        padding: 13px 25px
      }
      .custom-table .rowsdetails {
        background: #303840;
        border-radius: 10px;
        margin-bottom: 10px
      }
      .custom-table .rows {
        background: #39414a;
        border-radius: 10px;
        margin-bottom: 10px
      }
      .custom-table .rows:hover {
        background: #303840
      }
      .custom-table .rows>div {
        font-size: 15px;
        padding: 13px 25px
      }
      .modeLight .custom-table:not(.noLight) .rows {
        background-color: #fafdff
      }
      .modeLight .custom-table:not(.noLight) .rows:hover {
        background: #fff
      }
      .modeLight .custom-table:not(.noLight) .rowsdetails {
        background: #303840
      }
      .custom-table .action {
        color: #ffde00
      }
.custom-popover {
        position: absolute;
        z-index: 10000;
        background: #525c66;
        border-radius: 15px;
        padding: 20px;
        box-shadow: 0 40px 50px rgba(28, 33, 38, .7);
        min-width: 100px
      }
      .isMobile .custom-popover {
        padding: 15px
      }
      .custom-popover:before {
        content: "";
        width: 0;
        height: 0;
        border-color: transparent transparent #525c66;
        border-style: solid;
        border-width: 0 8px 6px;
        line-height: 0;
        position: absolute;
        top: -6px;
        right: 20px
      }
.alert-info[data-v-53d2e048] {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb
      }
      .alert[data-v-53d2e048] {
        position: relative;
        padding: .75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: .25rem
      }
.page-bankAccounts :-ms-input-placeholder {
        color: #dddfe2
      }
      .page-bankAccounts ::placeholder {
        color: #dddfe2
      }
      .page-bankAccounts .table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:before {
        content: attr(data-label);
        width: 20%
      }
      .Dashboard-payment-info {
        padding: 12px 41px;
        border-radius: 10px;
        background-color: #535c65;
        margin-bottom: 16px
      }
      .Dashboard-payment-info p {
        font-size: 11px;
        font-weight: 400;
        line-height: 1.82;
        text-align: center;
        color: #fff;
        margin-bottom: 20px
      }
      .Dashboard-payment-info p:last-child {
        margin-bottom: 0
      }
      .Dashboard-payment-banks-item {
        padding: 12px 20px;
        border-radius: 17px;
        border: 1px solid hsla(0, 0%, 85.1%, 0);
        background-color: #475059;
        margin-bottom: 9px
      }
      .Dashboard-payment-banks-item h5 {
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.47;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
        position: relative;
        padding-bottom: 6px;
        margin-bottom: 15px
      }
      .Dashboard-payment-banks-item h5:before {
        content: "";
        display: inline-block;
        width: 35px;
        height: 4px;
        opacity: .2;
        border-radius: 3px;
        background-color: #d8d8d8;
        position: absolute;
        left: 0;
        bottom: 0
      }
      .Dashboard-payment-banks-item-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        width: 100%;
        background-color: transparent
      }
      .Dashboard-payment-banks-item-top i {
        font-size: 8px;
        color: #a1aeba;
        width: 39px;
        height: 39px;
        border-radius: 10px;
        border: 1px solid #858f99;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Dashboard-payment-banks-item-top h5 {
        font-size: 18px;
        margin-bottom: 0;
        padding-bottom: 0
      }
      .Dashboard-payment-banks-item-top h5:before {
        display: none
      }
      .Dashboard-payment-banks-item-top[aria-expanded=true] i {
        transform: rotate(-180deg)
      }
      .Dashboard-payment-banks-item-in {
        overflow: hidden
      }
      .Dashboard-payment-banks-item-form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 14px
      }
      @media (max-width:768px) {
        .Dashboard-payment-banks-item-form {
          flex-direction: column
        }
      }
      .Dashboard-payment-banks-item-form-item {
        width: calc(50% - 6px);
        display: flex;
        flex-direction: column
      }
      @media (max-width:768px) {
        .Dashboard-payment-banks-item-form-item {
          width: 100%
        }
      }
      .Dashboard-payment-banks-item-form-item span {
        opacity: .7;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.67;
        color: #fff;
        margin-bottom: 5px
      }
      .Dashboard-payment-banks-item-form-item input, .Dashboard-payment-banks-item-form-item select {
        height: 50px !important;
        border-radius: 10px !important;
        background-color: #39414a !important;
        padding: 14px 12px !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 1.47 !important;
        color: #fff !important;
        outline: none !important;
        border: none !important
      }
      .Dashboard-payment-banks-item-form-item .bootstrap-select {
        width: 100% !important
      }
      .Dashboard-payment-banks-item-form-item .bootstrap-select .btn {
        height: 50px;
        border-radius: 10px;
        background-color: #39414a;
        padding: 14px 12px;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.47;
        color: #fff;
        outline: none;
        border: none
      }
      .Dashboard-payment-banks-item-form-button {
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: -webkit-max-content;
        width: max-content;
        padding: 10px 30px;
        border-radius: 10px;
        border: 2px solid #858f99;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.67;
        text-align: center;
        color: #fff;
        background-color: transparent;
        transition: all .3s
      }
      .Dashboard-payment-banks-item-form-button:hover {
        color: #39414a
      }
      .Dashboard-payment-banks-item-table-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 7px
      }
      .Dashboard-payment-banks-item-table-head span {
        opacity: .7;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.67;
        color: #fff
      }
      .Dashboard-payment-banks-item-table-head span.bank {
        width: 33%;
        padding-left: 8px
      }
      .Dashboard-payment-banks-item-table-head span.iban {
        width: 27%
      }
      .Dashboard-payment-banks-item-table-head span.status {
        width: 25%
      }
      .Dashboard-payment-banks-item-table-head span.settings {
        width: 15%;
        text-align: right;
        padding-right: 25px
      }
      .Dashboard-payment-banks-item-table-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        border-radius: 10px;
        background-color: #39414a
      }
      .Dashboard-payment-banks-item-table-item p {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.47;
        color: #fff
      }
      .Dashboard-payment-banks-item-table-item p.bank {
        width: 33%;
        padding-left: 25px
      }
      .Dashboard-payment-banks-item-table-item p.iban {
        width: 27%
      }
      .Dashboard-payment-banks-item-table-item p.status {
        width: 25%
      }
      .Dashboard-payment-banks-item-table-item p.no-item {
        width: 100%;
        text-align: center
      }
      .Dashboard-payment-banks-item-table-item-settings {
        width: 15%;
        padding-right: 25px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative
      }
      .Dashboard-payment-banks-item-table-item-settings button {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.47;
        text-align: right;
        color: #00c683;
        background-color: transparent
      }
      .Dashboard-payment-banks-item-table-item-settings button.remove {
        color: #ffde00;
        margin-left: 20px
      }
      .Dashboard-payment-banks-item-table-item-settings-in {
        height: 0;
        width: 240px;
        padding: 25px 30px 14px;
        background-color: #262d33;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 35px;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .3s
      }
      .Dashboard-payment-banks-item-table-item-settings-in p {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.67;
        text-align: center;
        color: #fff;
        max-width: 185px;
        margin-bottom: 6px
      }
      .Dashboard-payment-banks-item-table-item-settings-in button {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.67;
        text-align: center;
        color: #fff;
        padding: 8px 30px;
        border-radius: 10px;
        border: 2px solid #ffde00;
        transition: all .3s
      }
      .Dashboard-payment-banks-item-table-item-settings-in button:hover {
        background-color: #ffde00;
        color: #39414a
      }
      .Dashboard-payment-banks-item-table-item-settings-in:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #262d33;
        position: absolute;
        right: 17px;
        top: -10px
      }
      .Dashboard-payment-banks-item-table-item-settings-in.active {
        opacity: 1;
        visibility: visible
      }
      .Dashboard-payment-banks-item.yellow, .Dashboard-payment-banks-item.yellow .Dashboard-payment-banks-item-form-button {
        border-color: #ffde00
      }
      .Dashboard-payment-banks-item.yellow .Dashboard-payment-banks-item-form-button:hover {
        background-color: #ffde00
      }
      .Dashboard-payment-banks-item.green, .Dashboard-payment-banks-item.green .Dashboard-payment-banks-item-form-button {
        border-color: #00c683
      }
      .Dashboard-payment-banks-item.green .Dashboard-payment-banks-item-form-button:hover {
        background-color: #00c683
      }
      .Dashboard-payment-banks-item.active .Dashboard-payment-banks-item-top-buttons button i {
        transform: rotate(-180deg)
      }
      .Dashboard-payment-banks-item .collapse.show .Dashboard-payment-banks-item-in {
        overflow: visible
      }
      .Dashboard-payment-banks-item .collapse.show .Dashboard-payment-banks-item-table-item-settings-in {
        height: auto
      }
      .Dashboard-payment .collapsing {
        position: relative;
        height: 0;
        max-height: 0;
        overflow: hidden;
        transition: height .35s ease;
        transition: max-height .35s ease
      }
.paymentBox .title {
        font-size: 24px;
        font-weight: 600;
        opacity: .5
      }
.container-game {
        background: #000;
        padding-top: .5rem
      }
      @media (max-width:989px) {
        .not-padding-mobile {
          padding: 0 !important
        }
      }
.container-game {
        padding-top: .5rem
      }
.container-game {
        padding-top: .5rem
      }
.poker-row:not(:first-child) {
        cursor: pointer !important
      }
      .poker-row:not(:first-child):hover {
        background: #f3edff !important
      }
      .poker-main-content .poker-content .poker-row.poker-title {
        background: #3b2863
      }
      .btn-lobby {
        background: #c625ac
      }
      @media (max-width:989px) {
        .poker-side {
          padding-left: 0 !important
        }
      }
.casinoMenu .item {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
      }
      .casinoMenu a {
        display: block;
        text-align: center
      }
.page-evolution .casino-item {
        padding: 7px
      }
      @media (max-width:989px) {
        .page-evolution .container {
          padding: 0 5px
        }
        .page-evolution .casino-item {
          padding-top: 0;
          padding-bottom: 10px
        }
      }
.jackpotDetails .jackpot {
        background: #0e1626;
        color: #f1f0a1;
        font-weight: 700;
        font-size: 35px
      }
      .streak_items {
        text-align: center;
        font-size: 12px;
        color: #fff
      }
      .streak_items a {
        position: relative;
        display: inline-block;
        color: #fff;
        margin-bottom: 20px
      }
      .streak_items a[href]:hover {
        transform: scale(1.1);
        transition: transform .5s
      }
      .streak_items a>span {
        position: relative;
        display: inline-block;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 0 20px rgba(0, 0, 0, .4588235294117647)
      }
      .streak_items a>span .type {
        position: absolute;
        margin: 10px
      }
      .streak_items a>span .type img {
        width: 150px
      }
      .streak_items a>span .dealer {
        position: absolute;
        padding: 6px 15px;
        bottom: 0;
        background-color: #97875c;
        color: #fff
      }
      .streak_items a>span .seats {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #fff;
        padding: 8px;
        background: rgba(0, 0, 0, .5098039215686274);
        box-shadow: 0 0 10px 0 #000
      }
      .streak_items a>span .seats .not-available-seats {
        opacity: .5
      }
      .streak_items a>span .g-status {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 15px;
        color: #fff
      }
      .streak_items a>span .status * {
        vertical-align: middle
      }
      .streak_items a>span .offline, .streak_items a>span .online {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #333;
        border-radius: 10px
      }
      .streak_items a>span .online {
        background: #0f0
      }
      .cc1 {
        font-size: 9.207px;
        letter-spacing: 2.5px;
        font-family: Geometria, sans-serif;
        color: #edba07;
        line-height: 3.436;
        text-align: center;
        transform: matrix(2.389, 0, 0, 2.389, 0, 0);
        z-index: 64;
        padding-top: 20px
      }
      .btn-info {
        padding: 5px 10px;
        background: #22a86c
      }
.casinoItems[data-v-7cb7b4b3] {
        background: #fff;
        border-radius: 8px
      }
      .casinoItems .casinoItem[data-v-7cb7b4b3] {
        padding: 10px !important
      }
      .casinoItems .casinoItem .itemSubHolder[data-v-7cb7b4b3] {
        position: relative
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover[data-v-7cb7b4b3] {
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 8px
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-7cb7b4b3] {
        position: absolute;
        display: inline-block;
        background: rgba(66, 71, 87, .85);
        z-index: 11;
        padding: 10px;
        line-height: 1.45;
        font-size: 14px;
        color: #dbdde6;
        text-align: center;
        top: 0;
        left: 20%;
        right: 20%
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-7cb7b4b3]:after {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: rgba(66, 71, 87, .85);
        transform-origin: bottom left;
        transform: skew(-20deg, 0deg)
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-7cb7b4b3]:before {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: rgba(66, 71, 87, .85);
        transform-origin: bottom right;
        transform: skew(20deg, 0deg)
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-7cb7b4b3] {
        background: rgba(66, 71, 87, .8);
        border-radius: 0 0 8px 8px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-7cb7b4b3] {
        padding: 6px;
        background: #ff4b55;
        font-weight: 500;
        font-size: 11px;
        color: #fff;
        text-align: center
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-7cb7b4b3]:first-child {
        background: #df3e47
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-7cb7b4b3] {
        padding-top: 15px;
        font-weight: 600;
        font-size: 17px;
        color: #fff;
        text-align: center;
        padding-bottom: 4px
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-7cb7b4b3] {
        font-weight: 600;
        font-size: 11px;
        color: #dbdde6;
        text-align: center;
        padding-bottom: 10px
      }
@media (max-width:989px) {
        .page-vivo .container {
          padding: 0
        }
        .page-vivo .casinoItems {
          background: none !important;
          padding: 0
        }
        .page-vivo .casinoItems .casinoItem {
          padding-top: 3px !important;
          margin: 0 !important
        }
      }
.search-cont {
        display: none;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100vh
      }
      .search-cont.active {
        display: block
      }
      .search-cont.active+div {
        filter: blur(20px);
        opacity: .3
      }
      .search-cont .q {
        font-size: 42px;
        font-weight: 700;
        color: #fff;
        background: transparent;
        border: 0
      }
      .search-cont .q:-ms-input-placeholder {
        color: #fff
      }
      .search-cont .q::placeholder {
        color: #fff
      }
      .search-cont .it {
        display: block;
        background: #525c66;
        border: 1px solid #858f99;
        border-radius: 15px;
        padding: 15px 30px;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px
      }
      .modeLight .search-cont .it {
        background: #e4ebf2
      }
      .search-cont .it picture {
        margin-right: 15px;
        width: 34px;
        height: 34px;
        display: inline-block
      }
      .search-cont .it picture img {
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        border-radius: 50%;
        box-shadow: 0 0 0 6px #303840, 0 0 0 8px #858f99
      }
      .search-cont .it .bt {
        font-size: 12px
      }
.isDesktop .single-slide_ .carousel-inner a img {
        border-radius: 25px
      }
      .single-slide_ .carousel-control-prev, .single-slide_ carousel-control-next {
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        margin: 60px
      }
      .isMobile .single-slide_ .carousel-control-prev, .single-slide_ carousel-control-next {
        margin: 17px
      }
      .single-slide_ .carousel-control-prev svg, .single-slide_ carousel-control-next svg {
        cursor: pointer
      }
      .single-slide_ .carousel-control-prev svg:last-child, .single-slide_ carousel-control-next svg:last-child {
        margin-top: 12px;
        transform: scaleX(-1)
      }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
      /*
 *  Owl Carousel - Core
 */
      .owl-carousel {
        display: none;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        /* position relative and z-index fix webkit rendering fonts issue */
        position: relative;
        z-index: 1;
      }
      .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
        /* fix firefox animation glitch */
      }
      .owl-carousel .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
      }
      .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
      }
      .owl-carousel .owl-wrapper,
      .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
      }
      .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
      }
      .owl-carousel .owl-item img {
        display: block;
        width: 100%;
      }
      .owl-carousel .owl-nav.disabled,
      .owl-carousel .owl-dots.disabled {
        display: none;
      }
      .owl-carousel .owl-nav .owl-prev,
      .owl-carousel .owl-nav .owl-next,
      .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      .owl-carousel .owl-nav button.owl-prev,
      .owl-carousel .owl-nav button.owl-next,
      .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
      }
      .owl-carousel.owl-loaded {
        display: block;
      }
      .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
      }
      .owl-carousel.owl-hidden {
        opacity: 0;
      }
      .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
      }
      .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
      }
      .owl-carousel.owl-rtl {
        direction: rtl;
      }
      .owl-carousel.owl-rtl .owl-item {
        float: right;
      }
      /* No Js */
      .no-js .owl-carousel {
        display: block;
      }
      /*
 *  Owl Carousel - Animate Plugin
 */
      .owl-carousel .animated {
        animation-duration: 1000ms;
        animation-fill-mode: both;
      }
      .owl-carousel .owl-animated-in {
        z-index: 0;
      }
      .owl-carousel .owl-animated-out {
        z-index: 1;
      }
      .owl-carousel .fadeOut {
        animation-name: fadeOut;
      }
      @keyframes fadeOut {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
      /*
 *  Owl Carousel - Auto Height Plugin
 */
      .owl-height {
        transition: height 500ms ease-in-out;
      }
      /*
 *  Owl Carousel - Lazy Load Plugin
 */
      .owl-carousel .owl-item {
        /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */
      }
      .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 400ms ease;
      }
      .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
        max-height: 0;
      }
      .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d;
      }
      /*
 *  Owl Carousel - Video Plugin
 */
      .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000;
      }
      .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url("owl.video.play.png") no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        transition: transform 100ms ease;
      }
      .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
      }
      .owl-carousel .owl-video-playing .owl-video-tn,
      .owl-carousel .owl-video-playing .owl-video-play-icon {
        display: none;
      }
      .owl-carousel .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: opacity 400ms ease;
      }
      .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%;
      }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
      /*
 *  Default theme - Owl Carousel CSS File
 */
      .owl-theme .owl-nav {
        margin-top: 10px;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
      }
      .owl-theme .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
      }
      .owl-theme .owl-nav [class*='owl-']:hover {
        background: #869791;
        color: #FFF;
        text-decoration: none;
      }
      .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
      }
      .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 10px;
      }
      .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
      }
      .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
      }
      .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
      }
      .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791;
      }
.dragfix {
        position: absolute;
        display: none;
        width: 100%;
        height: 100%;
        z-index: 9999
      }
      .dragfix.dragging {
        display: block
      }
      .close {
        display: flex;
        width: 30px;
        height: 30px;
        touch-action: none;
        background: #000;
        border-radius: 50%;
        justify-content: center;
        align-items: center
      }
      .close, .pop-bg-blur {
        position: fixed;
        right: 0;
        z-index: 99999
      }
      .pop-bg-blur {
        left: 0;
        top: 0;
        bottom: 0;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
      }
      @supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
        .pop-bg-blur {
          background-color: rgba(57, 65, 74, .8)
        }
      }
      .pop-frm {
        z-index: 99;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 1024px;
        height: 576px;
        max-width: 100%;
        max-height: 100%;
        overflow: hidden;
        border-radius: 5px;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        box-shadow: 0 0 20px rgba(0, 0, 0, .5333333333333333)
      }
      .isMobile .pop-frm {
        left: 0;
        top: 0
      }
      .isMobile .pop-frm, .pop-frm.full {
        transform: none;
        width: 100%;
        height: 100%
      }
      .pop-frm.full {
        top: 0 !important;
        left: 0 !important
      }
      .pop-frm iframe {
        width: 100%;
        height: 100%
      }
      .isMobile .pop-frm iframe {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
      }
      .pop-frm .header {
        background-color: #0a130a;
        display: flex;
        cursor: grab
      }
      .pop-frm .header:active {
        cursor: grabbing
      }
      .pop-frm .header svg {
        cursor: pointer
      }
      .pop-frm .header svg:hover {
        background-color: hsla(0, 0%, 100%, .06666666666666667)
      }
.pp-jackpot-widget {
        position: relative;
        margin-bottom: 20px;
        padding: 10px;
        overflow: visible;
        z-index: 1;
        background: none;
        border: none
      }
      @media (max-width:768px) {
        .pp-jackpot-widget {
          padding: 10px
        }
      }
      .pp-jackpot-widget .pp-jackpot-background {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        z-index: 0
      }
      .pp-jackpot-widget>:not(.pp-jackpot-background) {
        position: relative;
        z-index: 1
      }
      .pp-jackpot-widget .pp-jackpot-title {
        position: relative;
        z-index: 2;
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 15px
      }
      @media (max-width:768px) {
        .pp-jackpot-widget .pp-jackpot-title {
          margin-bottom: 15px;
          padding-bottom: 10px
        }
      }
      .pp-jackpot-widget .pp-jackpot-cards {
        display: flex;
        flex-direction: row;
        gap: 12px;
        overflow: visible;
        position: relative;
        z-index: 1;
        flex-wrap: wrap
      }
      @media (max-width:768px) {
        .pp-jackpot-widget .pp-jackpot-cards {
          flex-direction: row;
          flex-wrap: wrap;
          gap: 8px
        }
      }
      .pp-jackpot-widget .pp-jackpot-card {
        position: relative;
        flex: 1;
        min-width: 110px;
        aspect-ratio: 600/100;
        border-radius: 10px;
        overflow: visible;
        cursor: pointer;
        transition: all .3s ease;
        container-type: inline-size;
        background: none;
        border: none;
        box-shadow: none
      }
      .pp-jackpot-widget .pp-jackpot-card:hover {
        transform: translateY(-2px)
      }
      @media (max-width:768px) {
        .pp-jackpot-widget .pp-jackpot-card {
          flex: 0 0 calc(50% - 4px);
          width: calc(50% - 4px);
          min-width: auto
        }
      }
      .pp-jackpot-widget .pp-jackpot-card .pp-card-name {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .5px;
        white-space: nowrap;
        z-index: 2
      }
      .pp-jackpot-widget .pp-jackpot-card .pp-card-amount {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        font-size: 44px;
        font-weight: 800;
        white-space: nowrap;
        z-index: 2
      }
      @container (max-width: 440px) {
        .pp-jackpot-widget .pp-jackpot-card .pp-card-name {
          font-size: clamp(10px, 5cqw, 22px);
          top: 50%;
          transform: translateY(-50%);
          left: clamp(5px, 3.4cqw, 15px)
        }
        .pp-jackpot-widget .pp-jackpot-card .pp-card-amount {
          font-size: clamp(16px, 8cqw, 44px);
          top: 50%;
          transform: translateY(-50%);
          right: clamp(5px, 3.4cqw, 15px)
        }
      }
      @media (max-width:768px) {
        .pp-jackpot-widget .pp-jackpot-card .pp-card-name {
          font-size: 10px;
          top: 50%;
          transform: translateY(-50%);
          left: 5px
        }
        .pp-jackpot-widget .pp-jackpot-card .pp-card-amount {
          font-size: 14px;
          top: 50%;
          transform: translateY(-50%);
          right: 5px
        }
      }
      .jackpot-badge, .pp-jackpot-widget .jackpot-badge {
        position: absolute;
        top: 10px;
        right: 10px;
        background: var(--pp-badge-gradient, linear-gradient(135deg, #f9c900, gold 50%, #f9c900));
        background-size: 200% 200%;
        border-radius: 8px;
        padding: 6px 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        box-shadow: 0 2px 8px var(--pp-badge-shadow, rgba(249, 201, 0, .6)), 0 0 0 1px rgba(0, 0, 0, .2), inset 0 1px 0 hsla(0, 0%, 100%, .3);
        z-index: 10;
        animation: badgeGlow 3s ease-in-out infinite;
        min-width: 60px;
        overflow: hidden
      }
      .jackpot-badge:before, .pp-jackpot-widget .jackpot-badge:before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(45deg, transparent 30%, hsla(0, 0%, 100%, .4) 50%, transparent 70%);
        animation: badgeShine 2s linear infinite
      }
      .jackpot-badge .jackpot-label, .pp-jackpot-widget .jackpot-badge .jackpot-label {
        font-size: 8px;
        font-weight: 800;
        color: var(--pp-text-dark, #000);
        text-transform: uppercase;
        line-height: 1.2;
        letter-spacing: .5px;
        position: relative;
        z-index: 1
      }
      .jackpot-badge .jackpot-amount, .pp-jackpot-widget .jackpot-badge .jackpot-amount {
        font-size: 13px;
        font-weight: 900;
        color: var(--pp-text-dark, #000);
        line-height: 1;
        text-shadow: 0 1px 2px hsla(0, 0%, 100%, .3);
        position: relative;
        z-index: 1;
        white-space: nowrap
      }
      @keyframes badgeGlow {
        0%, to {
          background-position: 0 50%;
          box-shadow: 0 2px 8px var(--pp-badge-shadow, rgba(249, 201, 0, .6)), 0 0 0 1px rgba(0, 0, 0, .2)
        }
        50% {
          background-position: 100% 50%;
          box-shadow: 0 4px 12px var(--pp-badge-shadow, rgba(249, 201, 0, .8)), 0 0 0 1px rgba(0, 0, 0, .2), 0 0 15px var(--pp-badge-glow, rgba(249, 201, 0, .5))
        }
      }
      @keyframes badgeShine {
        0% {
          transform: translateX(-100%) translateY(-100%) rotate(45deg)
        }
        to {
          transform: translateX(100%) translateY(100%) rotate(45deg)
        }
      }
      @media (max-width:768px) {
        .jackpot-badge, .pp-jackpot-widget .jackpot-badge {
          top: 8px;
          right: 8px;
          padding: 4px 8px;
          min-width: 50px
        }
        .jackpot-badge .jackpot-label, .pp-jackpot-widget .jackpot-badge .jackpot-label {
          font-size: 7px
        }
        .jackpot-badge .jackpot-amount, .pp-jackpot-widget .jackpot-badge .jackpot-amount {
          font-size: 11px
        }
      }
.an-jp[data-v-2a0fd02b] {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        width: 100%
      }
      .an-jp__group[data-v-2a0fd02b] {
        display: flex;
        flex: 1 1 0;
        gap: 8px;
        min-width: 0
      }
      .an-jp__logo[data-v-2a0fd02b] {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 4px
      }
      .an-jp__logo img[data-v-2a0fd02b] {
        display: block;
        max-height: 56px;
        width: auto;
        max-width: 120px;
        -o-object-fit: contain;
        object-fit: contain
      }
      .an-jp__box[data-v-2a0fd02b] {
        position: relative;
        flex: 1 1 0;
        min-width: 0;
        height: 46px;
        border: 1px solid #cdae45;
        border-radius: 6px;
        background-repeat: repeat-x;
        background-size: auto 100%;
        background-position: 50%;
        overflow: hidden
      }
      .an-jp__suit[data-v-2a0fd02b] {
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        height: 32px;
        width: auto;
        pointer-events: none
      }
      .an-jp__amount[data-v-2a0fd02b] {
        position: absolute;
        right: 6px;
        left: 40px;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
        overflow: hidden
      }
      .an-jp__char[data-v-2a0fd02b] {
        display: inline-block;
        font: 800 18px/1 Arial, sans-serif;
        color: #fff;
        text-shadow: 0 1px 2px #000;
        white-space: nowrap
      }
      .an-jp__char--sep[data-v-2a0fd02b] {
        padding: 0 1px
      }
      .an-jp__cur[data-v-2a0fd02b] {
        margin-left: 2px;
        color: #fff
      }
      @media (max-width:768px) {
        .an-jp[data-v-2a0fd02b] {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 8px
        }
        .an-jp__logo[data-v-2a0fd02b] {
          display: none
        }
        .an-jp__group[data-v-2a0fd02b] {
          display: contents
        }
        .an-jp__char[data-v-2a0fd02b] {
          font-size: 15px
        }
      }
.jp-list-widget[data-v-643a92b0] {
        --jp-card-bg: #fff;
        --jp-card-border: #e3e6ea;
        --jp-card-border-hover: #d1d5db;
        --jp-card-shadow-hover: rgba(0, 0, 0, 0.06);
        --jp-logo-bg: #fff;
        --jp-logo-border: #e8eaed;
        --jp-text: #111827;
        --jp-text-muted: #6b7280;
        --jp-text-faint: #9ca3af;
        --jp-tier-bg: #f0f2f5;
        --jp-suit: #374151;
        --jp-shimmer-1: #e5e7eb;
        --jp-shimmer-2: #f9fafb;
        --jp-scrollbar: rgba(0, 0, 0, 0.15);
        width: 100%;
        overflow: hidden
      }
      .jp-list-widget.jp-theme-fixbet[data-v-643a92b0] {
        --jp-card-bg: #222630;
        --jp-card-border: rgba(169, 238, 22, 0.35);
        --jp-card-border-hover: rgba(169, 238, 22, 0.55);
        --jp-card-shadow-hover: rgba(0, 0, 0, 0.35);
        --jp-logo-bg: #2d323d;
        --jp-logo-border: rgba(169, 238, 22, 0.3);
        --jp-text: #fff;
        --jp-text-muted: #a8b0bd;
        --jp-text-faint: #7b8494;
        --jp-tier-bg: rgba(45, 50, 61, 0.95);
        --jp-suit: #c3c8d5;
        --jp-shimmer-1: #2d323d;
        --jp-shimmer-2: #3a404d;
        --jp-scrollbar: rgba(169, 238, 22, 0.25)
      }
      .jp-list-widget.jp-theme-bahis[data-v-643a92b0] {
        --jp-card-bg: #1c2126;
        --jp-card-border: rgba(0, 135, 88, 0.35);
        --jp-card-border-hover: rgba(0, 135, 88, 0.55);
        --jp-card-shadow-hover: rgba(0, 0, 0, 0.4);
        --jp-logo-bg: #252b31;
        --jp-logo-border: rgba(0, 135, 88, 0.3);
        --jp-text: #fff;
        --jp-text-muted: #9aa3ad;
        --jp-text-faint: #6d7782;
        --jp-tier-bg: rgba(37, 43, 49, 0.95);
        --jp-suit: #b8c0c8;
        --jp-shimmer-1: #252b31;
        --jp-shimmer-2: #323a42;
        --jp-scrollbar: rgba(0, 135, 88, 0.25)
      }
      .jp-list-track[data-v-643a92b0] {
        display: flex;
        flex-direction: row;
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 4px 2px 12px;
        -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin
      }
      .jp-list-track[data-v-643a92b0]::-webkit-scrollbar {
        height: 6px
      }
      .jp-list-track[data-v-643a92b0]::-webkit-scrollbar-thumb {
        background: var(--jp-scrollbar);
        border-radius: 3px
      }
      .jp-list-card[data-v-643a92b0] {
        flex: 0 0 88vw;
        max-width: 340px;
        scroll-snap-align: start;
        background: var(--jp-card-bg);
        border: 1px solid var(--jp-card-border);
        border-radius: 14px;
        padding: 14px;
        cursor: pointer;
        transition: border-color .2s ease, box-shadow .2s ease
      }
      .jp-list-card[data-v-643a92b0]:hover:not(.jp-list-card--skeleton) {
        border-color: var(--jp-card-border-hover);
        box-shadow: 0 2px 8px var(--jp-card-shadow-hover)
      }
      .jp-list-card__head[data-v-643a92b0] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 12px
      }
      .jp-list-card__brand[data-v-643a92b0] {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0
      }
      .jp-list-card__logo[data-v-643a92b0] {
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: var(--jp-logo-bg);
        border: 1px solid var(--jp-logo-border);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden
      }
      .jp-list-card__titles[data-v-643a92b0] {
        min-width: 0
      }
      .jp-list-card__subtitle[data-v-643a92b0] {
        font-size: 11px;
        color: var(--jp-text-muted);
        line-height: 1.2;
        min-height: 13px
      }
      .jp-list-card__title[data-v-643a92b0] {
        font-size: 15px;
        font-weight: 700;
        color: var(--jp-text);
        line-height: 1.25;
        min-height: 18px
      }
      .jp-list-card__total-wrap[data-v-643a92b0] {
        display: flex;
        align-items: flex-start;
        gap: 4px;
        flex-shrink: 0
      }
      .jp-list-card__total[data-v-643a92b0] {
        font-size: 15px;
        font-weight: 800;
        color: var(--jp-text);
        white-space: nowrap;
        min-width: 80px;
        min-height: 18px;
        text-align: right
      }
      .jp-list-card__chevron[data-v-643a92b0] {
        font-size: 18px;
        color: var(--jp-text-faint);
        line-height: 1;
        margin-top: 1px
      }
      .jp-list-card__grid[data-v-643a92b0] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px
      }
      .jp-list-card__tier[data-v-643a92b0] {
        background: var(--jp-tier-bg);
        border: none;
        border-radius: 10px;
        padding: 10px 10px 8px;
        min-height: 72px
      }
      .jp-list-card__tier-top[data-v-643a92b0] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 4px
      }
      .jp-list-card__tier-name[data-v-643a92b0] {
        font-size: 11px;
        font-weight: 600;
        color: var(--jp-text-muted)
      }
      .jp-list-card__suit[data-v-643a92b0] {
        font-size: 14px;
        color: var(--jp-suit);
        line-height: 1
      }
      .jp-list-card__tier-amount[data-v-643a92b0] {
        font-size: 13px;
        font-weight: 800;
        color: var(--jp-text);
        line-height: 1.2;
        min-height: 16px
      }
      .jp-list-card__tier-winners[data-v-643a92b0] {
        margin-top: 4px;
        font-size: 10px;
        color: var(--jp-text-faint);
        min-height: 12px
      }
      .jp-list-card__line--pulse[data-v-643a92b0], .jp-list-card__logo--pulse[data-v-643a92b0], .jp-list-card__tier--pulse[data-v-643a92b0] {
        background: linear-gradient(90deg, var(--jp-shimmer-1), var(--jp-shimmer-2) 50%, var(--jp-shimmer-1));
        background-size: 200% 100%;
        animation: jp-shimmer-data-v-643a92b0 1.2s ease-in-out infinite;
        border-radius: 6px;
        color: transparent
      }
      .jp-list-card__logo--pulse[data-v-643a92b0] {
        border-radius: 50%
      }
      .jp-list-card__subtitle.jp-list-card__line--pulse[data-v-643a92b0], .jp-list-card__title.jp-list-card__line--pulse[data-v-643a92b0], .jp-list-card__total.jp-list-card__line--pulse[data-v-643a92b0] {
        min-height: 14px;
        width: 100%
      }
      .jp-list-card__title.jp-list-card__line--pulse[data-v-643a92b0] {
        width: 70%
      }
      .jp-list-card__total.jp-list-card__line--pulse[data-v-643a92b0] {
        width: 90px
      }
      @keyframes jp-shimmer-data-v-643a92b0 {
        0% {
          background-position: 100% 0
        }
        to {
          background-position: -100% 0
        }
      }
      @media (max-width:768px) {
        .jp-list-card[data-v-643a92b0] {
          flex: 0 0 82vw
        }
      }
.side-col picture.mr-3 {
        background: rgba(18, 22, 26, .5411764705882353);
        padding: 3px;
        border-radius: 5px;
        transform: scale(.8)
      }
      .provider-dd {
        background-color: #262d33;
        border-radius: 20px;
        border-top-right-radius: 0;
        padding: 15px;
        position: absolute;
        right: 0;
        top: 50px;
        z-index: 99
      }
      .provider-dd.fade-enter-active, .provider-dd.fade-leave-active {
        transition: opacity .5s
      }
      .provider-dd.fade-leave-to {
        opacity: 0
      }
      .provider-dd .search {
        margin-bottom: 15px;
        background-color: #39414a !important;
        font-size: 15px !important;
        color: #fafcff !important
      }
      .provider-dd .items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px 30px
      }
      .isMobile .provider-dd .items {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px 10px
      }
      .provider-dd .items .item {
        position: relative;
        background-color: #303940;
        border-radius: 10px;
        padding: 5px;
        display: flex;
        font-size: 12px;
        font-weight: 600;
        color: #d5dde5;
        align-items: center
      }
      .provider-dd .items .item.active {
        background-color: transparent
      }
      .provider-dd .items .item.active, .provider-dd .items .item:hover {
        box-shadow: inset 0 0 0 1px #00c683
      }
      .provider-dd .items .item svg {
        box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
        margin-right: 10px
      }
      .provider-dd .items .item .badge {
        padding: 1px 3px 2px;
        transform: skewX(-12deg);
        font-size: 11px;
        background-color: #677380;
        position: absolute;
        right: 30px;
        top: -7px
      }
      .layout-games {
        background-color: unset !important
      }
      .layout-games header {
        margin-bottom: 30px
      }
      .layout-games .games-container {
        padding: 30px 20px;
        background: #39414a
      }
      .modeLight .layout-games .games-container {
        background: #d5dde5
      }
      .isDesktop .layout-games .games-container {
        border-radius: 20px
      }
      .layout-games .games-container .tags {
        position: relative;
        min-width: 0;
        width: -webkit-fill-available;
        width: stretch
      }
      .isMobile .layout-games .games-container .tags {
        margin-top: 2rem
      }
      .layout-games .games-container .tags .owl-stage {
        display: flex
      }
      .layout-games .games-container .tags a {
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        display: grid;
        white-space: nowrap;
        cursor: pointer
      }
      .layout-games .games-container .tags a:hover {
        color: #57a98c
      }
      .layout-games .games-container .tags a.active {
        border-bottom: 2px solid #ffde00
      }
      .layout-games .games-container .tags a span {
        padding: 1rem 0;
        font-weight: 600
      }
      .isMobile .layout-games .games-container .form-style-sal.filter .providers, .isMobile .layout-games .games-container .form-style-sal.filter .search {
        width: 100%
      }
      .isDesktop .layout-games .games-container .form-style-sal.filter .search {
        width: 45px
      }
      .layout-games .games-container .form-style-sal.filter .search:focus {
        width: auto
      }
      .layout-games .games-container .game-list {
        margin-left: 0;
        margin-right: 0
      }
      .layout-games .games-container .game-list .game.game-more {
        position: relative
      }
      .layout-games .games-container .game-list .game.game-more:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 56.25%
      }
      .layout-games .games-container .game-list .game.game-more .btn-light {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        border-radius: 15px
      }
      .layout-games .games-container .game-list .game .img {
        border-radius: 15px;
        transition: all .3s
      }
      .layout-games .games-container .game-list .game .img:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, .228229), 0 0 0 2px #00c683
      }
      .layout-games .games-container .game-list .game .title {
        font-size: 15px;
        font-weight: 400;
        padding: 15px 12px 0
      }
      .layout-games .games-container .game-list .game .limits {
        font-size: 13px;
        font-weight: 600;
        padding: 0 5px
      }
      .layout-games .games-container .game-list .game .limits svg {
        height: 10px
      }
      .layout-games .games-container .game-list .game .limits svg [fill]:not([fill=none]) {
        fill: #25a27c !important
      }
      .layout-games .games-container .game-list .game .limits svg [stroke] {
        stroke: #25a27c !important
      }
      .isMobile .layout-games .games-container .game-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px 10px;
        margin-left: -15px;
        margin-right: -15px
      }
      .isMobile .layout-games .games-container .game-list .game {
        width: 100%;
        padding: 0
      }
      @media (max-width:992px) {
        .layout-games .games-container .tags {
          grid-template-columns: repeat(12, 1fr)
        }
        .layout-games .games-container .providers {
          grid-template-columns: repeat(auto-fill, minmax(calc(50% - 1rem), 1fr))
        }
      }
      @media (max-width:1200px) {
        .layout-games .games-container .providers a .games .game:not(.count) {
          display: none
        }
      }
      @media (min-width:992px) {
        .layout-games .games-container .game-list.row {
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 28px;
          grid-auto-flow: dense;
          margin: 0
        }
        .layout-games .games-container .game-list.row .col-md-3 {
          grid-column: span 3;
          flex: unset;
          max-width: unset;
          padding-left: 0;
          padding-right: 0
        }
        .layout-games .games-container .game-list.row .col-md-4 {
          grid-column: span 4;
          flex: unset;
          max-width: unset;
          padding-left: 0;
          padding-right: 0
        }
        .layout-games .games-container .game-list.row .big {
          grid-column: span 6;
          flex: unset;
          max-width: unset
        }
        .layout-games .games-container .game-list.row .big.col-md-4 {
          grid-column: span 8
        }
        .layout-games .games-container .game-list.row .big img {
          width: 100%
        }
      }
      .layout-games .games-container .gamerow1 {
        margin: 0;
        width: 100%;
        background: #39414a;
        border-radius: 20px;
        padding: 15px 0 0 15px
      }
      .modeLight .layout-games .games-container .gamerow1 {
        background-color: #d5dde6 !important
      }
      .layout-games .games-container .gamerow1 .gtitle {
        position: relative;
        left: 10px;
        font-size: 15px;
        font-weight: 400
      }
      .layout-games .games-container .gamerow1 .game-more .btn-light {
        min-height: 120px;
        width: 100%;
        border-radius: 15px
      }
      .layout-games .games-container .gamerow1 .gamerow2 {
        cursor: pointer;
        width: 100%;
        position: relative;
        background: #1c2126;
        border-radius: 15px;
        margin-bottom: 10px;
        overflow: hidden
      }
      .layout-games .games-container .gamerow1 .gamerow2:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 50%
      }
      .modeLight .layout-games .games-container .gamerow1 .gamerow2 {
        border: 2px solid #858f99;
        background-color: transparent !important
      }
      .layout-games .games-container .gamerow1 .gamerow2:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, .228229), 0 0 0 2px #00845b;
        border-color: transparent !important
      }
      .layout-games .games-container .gamerow1 .gamerow2 .gamerow3 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        text-align: center
      }
      .layout-games .slick-slide {
        padding: 1rem
      }
      .img-placeholder {
        background: #f6f6f6;
        padding-top: 56.25%
      }
      .tab-arr {
        cursor: pointer;
        border-radius: 10px;
        width: 24px;
        height: 47px;
        display: flex;
        justify-content: center;
        flex-shrink: 0;
        background-color: #525c66;
        border: 1px solid #858f99
      }
      .modeLight .tab-arr {
        background-color: #d5dde6;
        border: 1px solid #b8c2cc
      }
      .tab-arr svg {
        width: 8px
      }
      .slot-jackpot-widgets {
        margin-bottom: 20px
      }
      .slot-jackpot-widgets .an-jp, .slot-jackpot-widgets .pp-jackpot-widget {
        margin-bottom: 0
      }
      .slot-jackpot-widgets .an-jp+.pp-jackpot-widget, .slot-jackpot-widgets .pp-jackpot-widget+.an-jp {
        margin-top: 12px
      }
      .wallet-card {
        margin-top: 16px;
        padding: 16px;
        border-radius: 10px;
        background-color: #1c2126;
        border: 1px solid #262d33
      }
      .wallet-card-header {
        margin-bottom: 14px
      }
      .wallet-card-name {
        font-size: 16px;
        font-weight: 600;
        color: #e4ebf2
      }
      .wallet-card-stats {
        display: flex;
        gap: 10px
      }
      .isMobile .wallet-card-stats {
        flex-direction: column
      }
      .wallet-card-stat {
        flex: 1;
        padding: 12px;
        border-radius: 8px;
        background-color: #12161a;
        display: flex;
        flex-direction: column;
        gap: 4px
      }
      .wallet-card-stat--highlight {
        background-color: #00b377
      }
      .wallet-card-stat--highlight .wallet-card-stat-label, .wallet-card-stat--highlight .wallet-card-stat-value {
        color: #fff
      }
      .wallet-card-stat-label {
        font-size: 12px;
        font-weight: 500;
        color: #8a9ab0;
        text-transform: uppercase
      }
      .wallet-card-stat-value {
        font-size: 18px;
        font-weight: 600;
        color: #e4ebf2
      }
      .wallet-card-progress {
        margin-top: 12px;
        height: 6px;
        border-radius: 3px;
        background-color: #262d33;
        overflow: hidden
      }
      .wallet-card-progress-bar {
        height: 100%;
        border-radius: 3px;
        background-color: #00b377;
        transition: width .4s ease
      }
      .wallet-card-games {
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid #262d33
      }
      .wallet-card-games-title {
        font-size: 14px;
        font-weight: 600;
        color: #e4ebf2;
        margin-bottom: 12px
      }
.provider-dd {
        background-color: #262d33;
        border-radius: 20px;
        border-top-right-radius: 0;
        padding: 15px;
        position: absolute;
        right: 0;
        top: 50px;
        z-index: 99
      }
      .provider-dd.fade-enter-active, .provider-dd.fade-leave-active {
        transition: opacity .5s
      }
      .provider-dd.fade-leave-to {
        opacity: 0
      }
      .provider-dd .search {
        margin-bottom: 15px;
        background-color: #39414a !important;
        font-size: 15px !important;
        color: #fafcff !important
      }
      .provider-dd .items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px 30px
      }
      .isMobile .provider-dd .items {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px 10px
      }
      .provider-dd .items .item {
        position: relative;
        background-color: #303940;
        border-radius: 10px;
        padding: 5px;
        display: flex;
        font-size: 12px;
        font-weight: 600;
        color: #d5dde5;
        align-items: center
      }
      .provider-dd .items .item.active {
        background-color: transparent
      }
      .provider-dd .items .item.active, .provider-dd .items .item:hover {
        box-shadow: inset 0 0 0 1px #00c683
      }
      .provider-dd .items .item svg {
        box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
        margin-right: 10px
      }
      .provider-dd .items .item .badge {
        padding: 1px 3px 2px;
        transform: skewX(-12deg);
        font-size: 11px;
        background-color: #677380;
        position: absolute;
        right: 30px;
        top: -7px
      }
      .layout-games {
        background-color: unset !important
      }
      .layout-games header {
        margin-bottom: 30px
      }
      .layout-games .games-container {
        padding: 30px 20px;
        background: #39414a
      }
      .modeLight .layout-games .games-container {
        background: #d5dde5
      }
      .isDesktop .layout-games .games-container {
        border-radius: 20px
      }
      .layout-games .games-container .tags {
        position: relative;
        min-width: 0;
        width: -webkit-fill-available;
        width: stretch
      }
      .isMobile .layout-games .games-container .tags {
        margin-top: 2rem
      }
      .layout-games .games-container .tags .owl-stage {
        display: flex
      }
      .layout-games .games-container .tags a {
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        display: grid;
        white-space: nowrap;
        cursor: pointer
      }
      .layout-games .games-container .tags a:hover {
        color: #57a98c
      }
      .layout-games .games-container .tags a.active {
        border-bottom: 2px solid #ffde00
      }
      .layout-games .games-container .tags a span {
        padding: 1rem 0;
        font-weight: 600
      }
      .isMobile .layout-games .games-container .form-style-sal.filter .providers, .isMobile .layout-games .games-container .form-style-sal.filter .search {
        width: 100%
      }
      .isDesktop .layout-games .games-container .form-style-sal.filter .search {
        width: 45px
      }
      .layout-games .games-container .form-style-sal.filter .search:focus {
        width: auto
      }
      .layout-games .games-container .game-list {
        margin-left: 0;
        margin-right: 0
      }
      .layout-games .games-container .game-list .game .img {
        border-radius: 15px;
        transition: all .3s
      }
      .layout-games .games-container .game-list .game .img:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, .228229), 0 0 0 2px #00c683
      }
      .layout-games .games-container .game-list .game .title {
        font-size: 15px;
        font-weight: 400;
        padding: 15px 12px 0
      }
      .layout-games .games-container .game-list .game .limits {
        font-size: 13px;
        font-weight: 600;
        padding: 0 5px
      }
      .layout-games .games-container .game-list .game .limits svg {
        height: 10px
      }
      .layout-games .games-container .game-list .game .limits svg [fill]:not([fill=none]) {
        fill: #25a27c !important
      }
      .layout-games .games-container .game-list .game .limits svg [stroke] {
        stroke: #25a27c !important
      }
      .isMobile .layout-games .games-container .game-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px 10px;
        margin-left: -15px;
        margin-right: -15px
      }
      .isMobile .layout-games .games-container .game-list .game {
        width: 100%;
        padding: 0
      }
      @media (max-width:992px) {
        .layout-games .games-container .tags {
          grid-template-columns: repeat(12, 1fr)
        }
        .layout-games .games-container .providers {
          grid-template-columns: repeat(auto-fill, minmax(calc(50% - 1rem), 1fr))
        }
      }
      @media (max-width:1200px) {
        .layout-games .games-container .providers a .games .game:not(.count) {
          display: none
        }
      }
      @media (min-width:992px) {
        .layout-games .games-container .game-list.row {
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 28px;
          grid-auto-flow: dense;
          margin: 0
        }
        .layout-games .games-container .game-list.row .col-md-3 {
          grid-column: span 3;
          flex: unset;
          max-width: unset;
          padding-left: 0;
          padding-right: 0
        }
        .layout-games .games-container .game-list.row .col-md-4 {
          grid-column: span 4;
          flex: unset;
          max-width: unset;
          padding-left: 0;
          padding-right: 0
        }
        .layout-games .games-container .game-list.row .big {
          grid-column: span 6;
          flex: unset;
          max-width: unset
        }
        .layout-games .games-container .game-list.row .big.col-md-4 {
          grid-column: span 8
        }
        .layout-games .games-container .game-list.row .big img {
          width: 100%
        }
      }
      .layout-games .games-container .gamerow1 {
        margin: 0;
        width: 100%;
        background: #39414a;
        border-radius: 20px;
        padding: 15px 0 0 15px
      }
      .modeLight .layout-games .games-container .gamerow1 {
        background-color: #d5dde6 !important
      }
      .layout-games .games-container .gamerow1 .gtitle {
        position: relative;
        left: 10px;
        font-size: 15px;
        font-weight: 400
      }
      .layout-games .games-container .gamerow1 .gamerow2 {
        cursor: pointer;
        width: 100%;
        position: relative;
        background: #1c2126;
        border-radius: 15px;
        margin-bottom: 10px;
        overflow: hidden
      }
      .layout-games .games-container .gamerow1 .gamerow2:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 50%
      }
      .modeLight .layout-games .games-container .gamerow1 .gamerow2 {
        border: 2px solid #858f99;
        background-color: transparent !important
      }
      .layout-games .games-container .gamerow1 .gamerow2:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, .228229), 0 0 0 2px #00845b;
        border-color: transparent !important
      }
      .layout-games .games-container .gamerow1 .gamerow2 .gamerow3 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        text-align: center
      }
      .layout-games .slick-slide {
        padding: 1rem
      }
      .img-placeholder {
        background: #f6f6f6;
        padding-top: 56.25%
      }
      .tab-arr {
        cursor: pointer;
        border-radius: 10px;
        width: 24px;
        height: 47px;
        display: flex;
        justify-content: center;
        flex-shrink: 0;
        background-color: #525c66;
        border: 1px solid #858f99
      }
      .modeLight .tab-arr {
        background-color: #d5dde6;
        border: 1px solid #b8c2cc
      }
      .tab-arr svg {
        width: 8px
      }
      .isMobile #filterContent {
        overflow-y: auto
      }
      .isMobile #filterContent.show {
        max-height: 265px
      }
      .slot-jackpot-widgets {
        margin-bottom: 16px
      }
      .slot-jackpot-widgets .an-jp, .slot-jackpot-widgets .pp-jackpot-widget {
        margin-bottom: 0
      }
      .slot-jackpot-widgets .an-jp+.pp-jackpot-widget, .slot-jackpot-widgets .pp-jackpot-widget+.an-jp {
        margin-top: 12px
      }
.with-side {
        position: relative
      }
      .with-side>.row {
        transition: all .3s ease-in-out
      }
      .with-side .side-col .list {
        font-weight: 600;
        margin-bottom: 30px
      }
      .with-side .side-col .list .title {
        margin-bottom: 17px
      }
      .with-side .side-col .list .title svg {
        float: right;
        margin: 5px;
        max-height: 27px
      }
      .with-side .side-col .list a {
        color: #d5dde5;
        margin-bottom: 15px;
        display: flex;
        align-items: center
      }
      .modeLight .with-side .side-col .list a {
        color: inherit
      }
      .with-side .side-col .list a.active, .with-side .side-col .list a:hover {
        color: #57a98c
      }
      .with-side .side-col .list a .i {
        display: inline-block;
        vertical-align: middle;
        width: 27px;
        height: 27px;
        background: #202020;
        margin-right: 13px
      }
      .with-side .side-col .list a .i, .with-side .side-col .list a svg {
        box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
        border-radius: 5px
      }
      .with-side .side-col .side-banner {
        border-radius: 20px
      }
      .isDesktop .with-side .banners>.row {
        margin-bottom: 30px
      }
      .isDesktop .with-side .banners .banner img {
        border-radius: 20px
      }
      .with-side .winners {
        font-weight: 600;
        color: #fff
      }
      .with-side .winners .rows:nth-child(2n) {
        border-radius: 10px;
        background: #39414a
      }
      .modeLight .with-side .winners .rows:nth-child(2n) {
        background: #525c66
      }
      .with-side .winners .rows>* {
        padding: 6px 15px
      }
      .with-side .winners .rows>* span:first-child {
        opacity: .4
      }
      .with-side .winners .rows>* span:nth-child(2) {
        opacity: .8
      }
      .with-side .winners .rows>* svg {
        margin: 0 10px
      }
#carousel1 .carousel-item a {
        height: 448px;
        background-blend-mode: overlay
      }
      #carousel1 .carousel-item a, .slot-top-container a {
        border-radius: 3px;
        box-shadow: inset 0 0 50px 50px rgba(0, 0, 0, .4666666666666667)
      }
      .slot-top-container a {
        background-size: contain;
        background-blend-mode: overlay
      }
      .img-zm {
        animation: img-zm 2s ease-in-out infinite alternate
      }
      @keyframes img-zm {
        to {
          transform: scale(1.05)
        }
      }
.container-vivo {
        background: #000;
        margin-top: -.5rem;
        padding-top: .5rem
      }
.GameList .game a[data-v-d740212c] {
        display: block;
        position: relative;
        border-radius: 5px;
        color: #fff
      }
      .GameList .game a img[data-v-d740212c] {
        width: 100%;
        border-radius: 5px
      }
      .GameList .game a .game-title[data-v-d740212c] {
        border-radius: 5px;
        position: absolute;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(255, 0, 0, .5);
        vertical-align: baseline;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        transition: all 2s
      }
      .GameList .game a:hover .game-title[data-v-d740212c] {
        display: block
      }
      @media (max-width:989px) {
        .GameList .game a[data-v-d740212c] {
          border: none !important
        }
      }
.img-zm[data-v-ecd71e9a] {
        animation: img-zm-data-v-ecd71e9a 2s ease-in-out infinite alternate
      }
      .bg-slot-side[data-v-ecd71e9a] {
        background: #fff url(../assets/side-bg-2.png);
        background-size: cover
      }
      .bg-slot-side .slot-side-bottom[data-v-ecd71e9a] {
        background: #2b3b4b;
        background: linear-gradient(180deg, #2b3b4b, #1c1f24);
        height: 0;
        padding: 15px 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        z-index: 10
      }
      .bg-slot-side img[data-v-ecd71e9a] {
        height: 220px
      }
      .bg-slot-side .t-slot-image[data-v-ecd71e9a] {
        position: absolute;
        z-index: 2;
        bottom: 20px
      }
      .bg-slot-side .t-slot-image.slot-back[data-v-ecd71e9a] {
        left: 30px
      }
      .bg-slot-side .t-slot-image.slot-model[data-v-ecd71e9a] {
        left: 120px;
        height: 280px
      }
      .slot-games .game a[data-v-ecd71e9a] {
        display: block;
        position: relative;
        border-radius: 5px;
        color: #fff
      }
      .slot-games .game a img[data-v-ecd71e9a] {
        width: 100%;
        border-radius: 5px
      }
      .slot-games .game a .game-title[data-v-ecd71e9a] {
        border-radius: 5px;
        position: absolute;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(255, 0, 0, .5);
        vertical-align: baseline;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        transition: all 2s
      }
      .slot-games .game a:hover .game-title[data-v-ecd71e9a] {
        display: block
      }
      @keyframes img-zm-data-v-ecd71e9a {
        to {
          transform: scale(1.05)
        }
      }
.featured-slots[data-v-3c9eca6a] {
        background: #e5e7f4
      }
      .featured-slots[data-v-3c9eca6a], .slot-games[data-v-3c9eca6a] {
        min-height: 250px
      }
      .featured-slots .btn.show-more[data-v-3c9eca6a], .slot-games .btn.show-more[data-v-3c9eca6a] {
        border-radius: 3px;
        background: #e5e7f4;
        border: 1px solid #524471;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        font-weight: 700;
        font-size: 14px;
        letter-spacing: .02em;
        line-height: 20px;
        padding: 5px 20px;
        color: #200b4d
      }
      .featured-slots .btn.show-more.active[data-v-3c9eca6a], .featured-slots .btn.show-more[data-v-3c9eca6a]:hover, .slot-games .btn.show-more.active[data-v-3c9eca6a], .slot-games .btn.show-more[data-v-3c9eca6a]:hover {
        background: #200b4d;
        color: #fff
      }
      .featured-slots .fs-tooltip[data-v-3c9eca6a], .slot-games .fs-tooltip[data-v-3c9eca6a] {
        position: absolute;
        top: 10px;
        left: 0;
        background: #f7697a;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        line-height: 1;
        font-weight: 700;
        color: #fff;
        padding: 5px 10px
      }
      .featured-slots .fs-tooltip.tt2[data-v-3c9eca6a], .slot-games .fs-tooltip.tt2[data-v-3c9eca6a] {
        background: #6fcaa8 !important
      }
      .featured-slots .fs-tooltip.tt3[data-v-3c9eca6a], .slot-games .fs-tooltip.tt3[data-v-3c9eca6a] {
        background: #3c8cea !important
      }
      .featured-slots .fs-tooltip.tt4[data-v-3c9eca6a], .slot-games .fs-tooltip.tt4[data-v-3c9eca6a] {
        background: linear-gradient(#eacf3c, #d09830) !important
      }
      .featured-slots .fs-content[data-v-3c9eca6a], .slot-games .fs-content[data-v-3c9eca6a] {
        font-weight: 400;
        font-size: 16px;
        text-align: left;
        color: #524471
      }
      .featured-slots .fs-title[data-v-3c9eca6a], .slot-games .fs-title[data-v-3c9eca6a] {
        font-weight: 700;
        font-size: 25px;
        letter-spacing: .02em;
        margin-bottom: 10px;
        text-align: left;
        color: #200b4d
      }
      .img-zm[data-v-3c9eca6a] {
        animation: img-zm-data-v-3c9eca6a 2s ease-in-out infinite alternate
      }
      .bg-slot-side[data-v-3c9eca6a] {
        background: #fff;
        background-size: cover
      }
      .bg-slot-side .slot-side-bottom[data-v-3c9eca6a] {
        background: #2b3b4b;
        background: linear-gradient(180deg, #2b3b4b, #1c1f24);
        height: 0;
        padding: 15px 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        z-index: 10
      }
      .bg-slot-side img[data-v-3c9eca6a] {
        height: 220px
      }
      .bg-slot-side .t-slot-image[data-v-3c9eca6a] {
        position: absolute;
        z-index: 2;
        bottom: 20px
      }
      .bg-slot-side .t-slot-image.slot-back[data-v-3c9eca6a] {
        left: 30px
      }
      .bg-slot-side .t-slot-image.slot-model[data-v-3c9eca6a] {
        left: 120px;
        height: 280px
      }
      .slot-games .game a[data-v-3c9eca6a] {
        display: block;
        position: relative;
        border-radius: 5px;
        color: #fff
      }
      .slot-games .game a img[data-v-3c9eca6a] {
        width: 100%;
        border-radius: 5px
      }
      .slot-games .game a .game-title[data-v-3c9eca6a] {
        border-radius: 5px;
        position: absolute;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(255, 0, 0, .5);
        vertical-align: baseline;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        transition: all 2s
      }
      .slot-games .game a:hover .game-title[data-v-3c9eca6a] {
        display: block
      }
      @keyframes img-zm-data-v-3c9eca6a {
        to {
          transform: scale(1.05)
        }
      }
.container-game {
        background: #000;
        padding-top: .5rem
      }
.page-algnet .container-game {
        background: #000;
        padding-top: .5rem
      }
      .page-algnet .container-game .container {
        height: 720px
      }
.featured-slots[data-v-5f428c82] {
        background: #e5e7f4
      }
      .featured-slots[data-v-5f428c82], .slot-games[data-v-5f428c82] {
        min-height: 250px
      }
      .featured-slots .btn.show-more[data-v-5f428c82], .slot-games .btn.show-more[data-v-5f428c82] {
        border-radius: 3px;
        background: #e5e7f4;
        border: 1px solid #524471;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        font-weight: 700;
        font-size: 14px;
        letter-spacing: .02em;
        line-height: 20px;
        padding: 5px 20px;
        color: #200b4d
      }
      .featured-slots .btn.show-more.active[data-v-5f428c82], .featured-slots .btn.show-more[data-v-5f428c82]:hover, .slot-games .btn.show-more.active[data-v-5f428c82], .slot-games .btn.show-more[data-v-5f428c82]:hover {
        background: #200b4d;
        color: #fff
      }
      .featured-slots .fs-tooltip[data-v-5f428c82], .slot-games .fs-tooltip[data-v-5f428c82] {
        position: absolute;
        top: 10px;
        left: 0;
        background: #f7697a;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        line-height: 1;
        font-weight: 700;
        color: #fff;
        padding: 5px 10px
      }
      .featured-slots .fs-tooltip.tt2[data-v-5f428c82], .slot-games .fs-tooltip.tt2[data-v-5f428c82] {
        background: #6fcaa8 !important
      }
      .featured-slots .fs-tooltip.tt3[data-v-5f428c82], .slot-games .fs-tooltip.tt3[data-v-5f428c82] {
        background: #3c8cea !important
      }
      .featured-slots .fs-tooltip.tt4[data-v-5f428c82], .slot-games .fs-tooltip.tt4[data-v-5f428c82] {
        background: linear-gradient(#eacf3c, #d09830) !important
      }
      .featured-slots .fs-content[data-v-5f428c82], .slot-games .fs-content[data-v-5f428c82] {
        font-weight: 400;
        font-size: 16px;
        text-align: left;
        color: #524471
      }
      .featured-slots .fs-title[data-v-5f428c82], .slot-games .fs-title[data-v-5f428c82] {
        font-weight: 700;
        font-size: 25px;
        letter-spacing: .02em;
        margin-bottom: 10px;
        text-align: left;
        color: #200b4d
      }
      .img-zm[data-v-5f428c82] {
        animation: img-zm-data-v-5f428c82 2s ease-in-out infinite alternate
      }
      .bg-slot-side[data-v-5f428c82] {
        background: #fff;
        background-size: cover
      }
      .bg-slot-side .slot-side-bottom[data-v-5f428c82] {
        background: #2b3b4b;
        background: linear-gradient(180deg, #2b3b4b, #1c1f24);
        height: 0;
        padding: 15px 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        z-index: 10
      }
      .bg-slot-side img[data-v-5f428c82] {
        height: 220px
      }
      .bg-slot-side .t-slot-image[data-v-5f428c82] {
        position: absolute;
        z-index: 2;
        bottom: 20px
      }
      .bg-slot-side .t-slot-image.slot-back[data-v-5f428c82] {
        left: 30px
      }
      .bg-slot-side .t-slot-image.slot-model[data-v-5f428c82] {
        left: 120px;
        height: 280px
      }
      .slot-games .game a[data-v-5f428c82] {
        display: block;
        position: relative;
        border-radius: 5px;
        color: #fff
      }
      .slot-games .game a img[data-v-5f428c82] {
        width: 100%;
        border-radius: 5px
      }
      .slot-games .game a .game-title[data-v-5f428c82] {
        border-radius: 5px;
        position: absolute;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(255, 0, 0, .5);
        vertical-align: baseline;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        transition: all 2s
      }
      .slot-games .game a:hover .game-title[data-v-5f428c82] {
        display: block
      }
      @keyframes img-zm-data-v-5f428c82 {
        to {
          transform: scale(1.05)
        }
      }
.casinoItems[data-v-4b84e1b2] {
        background: #fff;
        border-radius: 8px
      }
      .casinoItems .casinoItem[data-v-4b84e1b2] {
        padding: 10px !important
      }
      .casinoItems .casinoItem .itemSubHolder[data-v-4b84e1b2] {
        position: relative
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover[data-v-4b84e1b2] {
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 8px
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-4b84e1b2] {
        position: absolute;
        display: inline-block;
        background: rgba(66, 71, 87, .85);
        z-index: 11;
        padding: 10px;
        line-height: 1.45;
        font-size: 14px;
        color: #dbdde6;
        text-align: center;
        top: 0;
        left: 20%;
        right: 20%
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-4b84e1b2]:after {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: rgba(66, 71, 87, .85);
        transform-origin: bottom left;
        transform: skew(-20deg, 0deg)
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-4b84e1b2]:before {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: rgba(66, 71, 87, .85);
        transform-origin: bottom right;
        transform: skew(20deg, 0deg)
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-4b84e1b2] {
        background: rgba(66, 71, 87, .8);
        border-radius: 0 0 8px 8px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-4b84e1b2] {
        padding: 6px;
        background: #ff4b55;
        font-weight: 500;
        font-size: 11px;
        color: #fff;
        text-align: center
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-4b84e1b2]:first-child {
        background: #df3e47
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-4b84e1b2] {
        padding-top: 15px;
        font-weight: 600;
        font-size: 17px;
        color: #fff;
        text-align: center;
        padding-bottom: 4px
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-4b84e1b2] {
        font-weight: 600;
        font-size: 11px;
        color: #dbdde6;
        text-align: center;
        padding-bottom: 10px
      }
@media (max-width:989px) {
        .page-vivo .container {
          padding: 0
        }
        .page-vivo .casinoItems {
          background: none !important;
          padding: 0
        }
        .page-vivo .casinoItems .casinoItem {
          padding-top: 3px !important;
          margin: 0 !important
        }
      }
.isDesktop .page-betsolutions .container-main .container-betsolutions {
        min-width: 1280px !important
      }
.page-betsolutions .container-main {
        background: #07080e
      }
.casinoItems[data-v-f194f55e] {
        background: #fff;
        border-radius: 8px
      }
      .casinoItems .casinoItem[data-v-f194f55e] {
        padding: 10px !important
      }
      .casinoItems .casinoItem .itemSubHolder[data-v-f194f55e] {
        position: relative
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover[data-v-f194f55e] {
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 8px
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-f194f55e] {
        position: absolute;
        display: inline-block;
        background: rgba(66, 71, 87, .85);
        z-index: 11;
        padding: 10px;
        line-height: 1.45;
        font-size: 14px;
        color: #dbdde6;
        text-align: center;
        top: 0;
        left: 20%;
        right: 20%
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-f194f55e]:after {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: rgba(66, 71, 87, .85);
        transform-origin: bottom left;
        transform: skew(-20deg, 0deg)
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-f194f55e]:before {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: rgba(66, 71, 87, .85);
        transform-origin: bottom right;
        transform: skew(20deg, 0deg)
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-f194f55e] {
        background: rgba(66, 71, 87, .8);
        border-radius: 0 0 8px 8px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-f194f55e] {
        padding: 6px;
        background: #ff4b55;
        font-weight: 500;
        font-size: 11px;
        color: #fff;
        text-align: center
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-f194f55e]:first-child {
        background: #df3e47
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-f194f55e] {
        padding-top: 15px;
        font-weight: 600;
        font-size: 17px;
        color: #fff;
        text-align: center;
        padding-bottom: 4px
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-f194f55e] {
        font-weight: 600;
        font-size: 11px;
        color: #dbdde6;
        text-align: center;
        padding-bottom: 10px
      }
@media (max-width:989px) {
        .page-vivo .container {
          padding: 0
        }
        .page-vivo .casinoItems {
          background: none !important;
          padding: 0
        }
        .page-vivo .casinoItems .casinoItem {
          padding-top: 3px !important;
          margin: 0 !important
        }
      }
.casinoItems[data-v-5a930212] {
        background: #fff;
        border-radius: 8px
      }
      .casinoItems .casinoItem[data-v-5a930212] {
        padding: 10px !important
      }
      .casinoItems .casinoItem .itemSubHolder[data-v-5a930212] {
        position: relative
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover[data-v-5a930212] {
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 8px
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-5a930212] {
        position: absolute;
        display: inline-block;
        background: rgba(66, 71, 87, .85);
        z-index: 11;
        padding: 10px;
        line-height: 1.45;
        font-size: 14px;
        color: #dbdde6;
        text-align: center;
        top: 0;
        left: 20%;
        right: 20%
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-5a930212]:after {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: rgba(66, 71, 87, .85);
        transform-origin: bottom left;
        transform: skew(-20deg, 0deg)
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-5a930212]:before {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: rgba(66, 71, 87, .85);
        transform-origin: bottom right;
        transform: skew(20deg, 0deg)
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-5a930212] {
        background: rgba(66, 71, 87, .8);
        border-radius: 0 0 8px 8px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-5a930212] {
        padding: 6px;
        background: #ff4b55;
        font-weight: 500;
        font-size: 11px;
        color: #fff;
        text-align: center
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-5a930212]:first-child {
        background: #df3e47
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-5a930212] {
        padding-top: 15px;
        font-weight: 600;
        font-size: 17px;
        color: #fff;
        text-align: center;
        padding-bottom: 4px
      }
      .casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-5a930212] {
        font-weight: 600;
        font-size: 11px;
        color: #dbdde6;
        text-align: center;
        padding-bottom: 10px
      }
.container-game.container {
        background: #000;
        margin-top: -.5rem;
        padding-top: .5rem
      }
.container-game {
        background: #000;
        margin-top: -.5rem;
        padding-top: .5rem
      }
.error404 .container {
        max-width: none !important;
        margin: 0 !important;
        width: 100% !important;
        padding: 100px;
        color: hsla(0, 0%, 100%, .8);
        background-color: #1d233a
      }
      .error404 .container .box {
        background-color: #1f2841;
        height: 500px;
        border-radius: 30px;
        text-align: center;
        padding: 100px 0;
        overflow: hidden
      }
      .error404 .container .box .context {
        z-index: 5;
        position: relative
      }
      .error404 .container .box .context .t1 {
        margin: 10px;
        font-size: xx-large
      }
      .error404 .container .box .context .t2 {
        margin: 10px;
        font-size: x-large
      }
      .error404 .container .box .context .t3 {
        margin: 10px;
        font-size: large;
        color: hsla(0, 0%, 100%, .2)
      }
      .error404 .container .box .context .getout {
        width: 300px;
        margin: 50px;
        padding: 20px;
        font-size: large;
        border-radius: 50px;
        background-color: #f06191;
        color: #e0d6e8;
        border: 0
      }
      .error404 .container .box .t404 {
        white-space: nowrap;
        font-family: initial;
        position: relative;
        top: -400px;
        font-size: 400px;
        text-shadow: -10px 50px 100px rgba(0, 0, 0, .5647058823529412);
        color: #1f2841
      }
.error404 .container {
        max-width: none !important;
        margin: 0 !important;
        width: 100% !important;
        padding: 100px;
        color: hsla(0, 0%, 100%, .8);
        background-color: #1d233a
      }
      .error404 .container .box {
        background-color: #1f2841;
        height: 500px;
        border-radius: 30px;
        text-align: center;
        padding: 100px 0;
        overflow: hidden
      }
      .error404 .container .box .context {
        z-index: 5;
        position: relative
      }
      .error404 .container .box .context .t1 {
        margin: 10px;
        font-size: xx-large
      }
      .error404 .container .box .context .t2 {
        margin: 10px;
        font-size: x-large
      }
      .error404 .container .box .context .t3 {
        margin: 10px;
        font-size: large;
        color: hsla(0, 0%, 100%, .2)
      }
      .error404 .container .box .context .getout {
        width: 300px;
        margin: 50px;
        padding: 20px;
        font-size: large;
        border-radius: 50px;
        background-color: #f06191;
        color: #e0d6e8;
        border: 0
      }
      .error404 .container .box .t404 {
        white-space: nowrap;
        font-family: initial;
        position: relative;
        top: -400px;
        font-size: 400px;
        text-shadow: -10px 50px 100px rgba(0, 0, 0, .5647058823529412);
        color: #1f2841
      }
.editor-choice {
        margin-bottom: 3rem
      }
      .isMobile .editor-choice {
        margin-bottom: 2rem
      }
      .editor-choice .title {
        font-size: 36px;
        font-weight: 700;
        padding-bottom: 50px
      }
      .isMobile .editor-choice .title {
        font-size: 24px
      }
      .editor-choice .tabs {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 60px
      }
      .editor-choice .tabs a {
        padding: 9px 0;
        margin: 10px 20px
      }
      .editor-choice .tabs a.active {
        box-shadow: 0 3px 0 #ffde00
      }
      .editor-choice .images {
        display: flex;
        justify-content: flex-end
      }
      .editor-choice .images picture:first-child img {
        margin-top: -226px;
        border-radius: 50px 0 0 0
      }
      .editor-choice .images picture:last-child img {
        border-radius: 0 0 50px 0;
        box-shadow: 0 50px 90px rgba(101, 108, 115, .527781)
      }
      .isDesktop .editor-choice {
        margin-bottom: 140px
      }
      .isMobile .editor-choice .images {
        display: block
      }
      .isMobile .editor-choice .images picture img {
        margin-top: 0;
        border-radius: 20px;
        margin-bottom: 3rem
      }
      .isMobile .isMobile .editor-choice .images picture img {
        margin-bottom: 0
      }
.pi-box {
        text-align: left;
        align-items: start;
        border-radius: 10px;
        background: linear-gradient(273deg, #4a5460 .14%, #008758 50%, #4a5460 99.86%);
        display: flex;
        gap: 15px;
        padding: 10px
      }
      .pi-box .div {
        color: #fff;
        font: 700 15px/14px
      }
      .pi-box .pi-br {
        display: flex;
        flex-grow: 1;
        flex-basis: 0%;
        flex-direction: column
      }
      .pi-box .pi-remain {
        justify-content: flex-end;
        display: flex;
        padding-left: 28px;
        gap: 2px
      }
      .pi-box .r-1 {
        padding: 4px 10px
      }
      .pi-box .r-1, .pi-box .r-2 {
        color: #c1ede1;
        justify-content: center;
        border-radius: 2px;
        background-color: #39997d;
        font: 600 12px
      }
      .pi-box .r-2 {
        padding: 4px 9px
      }
      .pi-box .r-3 {
        color: #c1ede1;
        justify-content: center;
        border-radius: 2px;
        background-color: #39997d;
        padding: 3px 8px;
        font: 600 12px
      }
      .pi-box .my-point {
        justify-content: flex-end;
        display: flex;
        margin-top: 5px;
        gap: 5px
      }
      .pi-box .div-2 {
        color: #c1ede1;
        align-self: start;
        margin-top: 10px;
        font: 600 12px
      }
      .pi-box .div-3 {
        color: #fff;
        align-self: start;
        margin-top: 11px;
        font: 700 12px
      }
      .pi-box .buy-t {
        color: #7a5b33;
        justify-content: center;
        border-radius: 4px;
        background: linear-gradient(268deg, #e3a455, #f6dba6 34.9%, #ffebc3 66.67%, #f0be79);
        box-shadow: 2px 2px 4px 0 #293037;
        padding: 6px 11px;
        font: 700 13px
      }
.bgg {
        border-radius: 10px;
        background: linear-gradient(284deg, #b00 1.72%, #202529 51.12%);
        justify-content: center
      }
      .bgg, .bgg .div-1 {
        display: flex;
        width: 100%;
        flex-direction: column;
        overflow: hidden
      }
      .bgg .div-1 {
        background: linear-gradient(63deg, #b00 -4.06%, rgba(14, 14, 14, 0) 44.87%);
        disply: flex;
        position: relative;
        aspect-ratio: 2.34375;
        padding: 16px 15px
      }
      .bgg .img {
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
      }
      .bgg .img, .bgg .img-2 {
        -o-object-position: center;
        object-position: center
      }
      .bgg .img-2 {
        aspect-ratio: 14.38;
        -o-object-fit: contain;
        object-fit: contain;
        width: 345px;
        overflow: hidden;
        align-self: center
      }
      .bgg .div-2 {
        color: #fff;
        margin-top: 11px;
        font: 600 16px/18px
      }
      .bgg .div-2, .bgg .remain {
        position: relative;
        align-self: stretch
      }
      .bgg .remain {
        display: flex;
        margin-top: 10px;
        padding-right: 80px;
        gap: 2px
      }
      .bgg .min {
        aspect-ratio: 2.04;
        padding: 5px 9px
      }
      .bgg .hour, .bgg .min {
        color: #ffb3b2;
        border-radius: 3px;
        background-color: #920101;
        justify-content: center;
        font: 600 12px
      }
      .bgg .hour {
        aspect-ratio: 2.32;
        padding: 8px 9px
      }
      .bgg .sec {
        color: #ffb3b2;
        justify-content: center;
        border-radius: 3px;
        background-color: #920101;
        aspect-ratio: 2.8;
        padding: 7px 8px;
        font: 600 12px
      }
      .bgg .bott {
        position: relative;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        display: flex;
        margin-top: 8px;
        gap: 20px
      }
      .bgg .div-3 {
        margin: auto 0
      }
      .bgg .div-4 {
        display: flex;
        gap: 5px
      }
      .bgg .div-5 {
        color: #e9817f;
        font: 600 12px
      }
      .bgg .div-6 {
        color: #fff;
        font: 700 12px
      }
      .bgg .div-7 {
        display: flex;
        gap: 5px
      }
      .bgg .div-8 {
        color: #e9817f;
        font: 600 12px
      }
      .bgg .div-9 {
        color: #fff;
        align-self: start;
        font: 700 12px
      }
      .bgg .buy {
        color: #815d28;
        justify-content: center;
        align-self: stretch;
        border-radius: 8px;
        background: linear-gradient(268deg, #e3a455, #f6dba6 34.9%, #ffebc3 66.67%, #f0be79);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
        padding: 12px 30px 12px 24px;
        font: 700 16px
      }
.page-main .isDesktop .single-slide_ {
        box-shadow: 1px 18px 20px rgba(0, 0, 0, .4);
        border-radius: 25px;
        margin-bottom: 150px
      }
      .isMobile .index-banner {
        height: 400px
      }
      .isMobile .index-banner .text {
        text-align: center;
        line-height: 1.2;
        font-size: 36px;
        font-weight: 700;
        margin: 0 25px;
        color: #fff
      }
      .isDesktop .index-banner {
        height: 600px
      }
      .isDesktop .index-banner .text {
        font-size: 54px;
        margin: 120px 25px 60px 0;
        line-height: 1.2em;
        color: #fff
      }
      .isDesktop .index-banner .text:first-line {
        color: #ffde00;
        font-weight: 700
      }
      .index-games {
        margin-bottom: 150px
      }
      .isMobile .index-games {
        margin-bottom: 50px
      }
      .index-games .swiper-container {
        overflow: visible !important
      }
      .isMobile .index-games .swiper-container {
        overflow: hidden !important
      }
      .index-games .title {
        font-size: 36px;
        font-weight: 700;
        padding-bottom: 50px
      }
      .isMobile .index-games .title {
        padding-bottom: 20px;
        font-size: 26px
      }
      .index-games .gs {
        white-space: nowrap
      }
      .index-games .g .t {
        font-size: 36px;
        line-height: 1.2em;
        color: #fff;
        position: absolute;
        margin: 220px 0 0 45px;
        text-transform: capitalize
      }
      .isMobile .index-games .g .t {
        font-size: 24px;
        margin: 160px 0 0 45px
      }
      .index-games .g .t .live {
        font-size: 12px;
        line-height: 15px;
        font-weight: 700;
        background: #ce2135;
        transform: skewX(350deg);
        border-radius: 2px;
        padding: 0 3px;
        display: inline-block;
        float: right
      }
      .index-games .g img {
        border-radius: 25px;
        margin-right: 30px
      }
      .index-game-cats .games {
        border-radius: 5px
      }
      .index-game-cats .games .pr {
        border-radius: 5px;
        position: relative;
        background-size: auto 100% !important;
        background-position: 100% !important;
        background-repeat: no-repeat !important
      }
      @media (min-width:768px) {
        .index-game-cats .games .pr {
          height: 335px
        }
      }
      .index-game-cats .games .pr .overlay {
        color: #fff;
        padding: 30px 20px
      }
      @media (min-width:768px) {
        .index-game-cats .games .pr .overlay {
          background: #020308;
          border-radius: 5px;
          position: absolute;
          bottom: 0;
          margin: 13px
        }
        .index-game-cats .games .pr .overlay .title {
          font-size: 30px
        }
        .index-game-cats .games .pr .overlay .text {
          width: 100%
        }
      }
      @media (max-width:768px) {
        .index-game-cats .games .pr .overlay .title {
          font-size: 24px
        }
        .index-game-cats .games .pr .overlay .text {
          width: 70%
        }
      }
      .index-game-cats .games .pr .overlay .title {
        font-weight: 700
      }
      .index-game-cats .games .pr .overlay .text {
        font-size: 18px
      }
      .index-counted-games .game {
        background: #fff;
        border-radius: 5px;
        padding: 20px
      }
      .index-counted-games .game .logo {
        margin-bottom: 20px
      }
      .index-counted-games .game .gl .img {
        width: 50px;
        height: 50px;
        margin-right: -20px;
        border: 3px solid #fff;
        border-radius: 50%;
        float: left;
        background-size: 100%
      }
      .index-counted-games .game .gl .img.count {
        background: #0372d3;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .index-counted-games .game .gl .view {
        font-size: 13px;
        float: right;
        padding-top: 10px
      }
      .index-counted-games .game .gl .view>* {
        display: block;
        clear: both;
        float: right
      }
      .index-jackpot {
        font-size: 13px;
        border-radius: 5px;
        background-color: #fff
      }
      .index-jackpot .header .title {
        font-size: 30px
      }
      .index-jackpot .nav {
        display: flex;
        justify-content: flex-end
      }
      .index-jackpot .nav a {
        width: 30px;
        height: 30px;
        background: url(../assets/i-arr-l.svg) no-repeat 50%;
        border: 1px solid rgba(12, 13, 38, .18823529411764706);
        border-radius: 50%;
        margin: .33rem
      }
      .index-jackpot .nav a:last-child {
        background-image: url(../assets/i-arr-r.svg)
      }
      .index-jackpot .games img {
        border-radius: 5px
      }
      .index-jackpot .games .win {
        font-size: 18px;
        font-weight: 700
      }
      @media (min-width:768px) and (max-width:992px) {
        .index-game-cats {
          overflow-x: scroll
        }
        .index-game-cats .games {
          width: 960px
        }
      }
      @media (max-width:768px) {
        .index-counted-games {
          overflow-x: scroll
        }
        .index-counted-games>.row {
          width: 1330px
        }
        .index-counted-games .game .gl .img {
          width: 40px;
          height: 40px
        }
      }
      .mobileLoggedIn .col-6 {
        margin-bottom: 2rem
      }
      .mobileLoggedIn .col-6:nth-child(odd) {
        padding-right: 1rem
      }
      .mobileLoggedIn .col-6:nth-child(2n) {
        padding-left: 1rem
      }
      .H_menu-item:nth-child(2n) {
        margin-right: 0
      }
      .H_menu-grid .H_menu-in {
        margin-right: 0 !important
      }
.index2021 {
        background-color: #170f25;
        color: #fff
      }
      .index2021 .i-games {
        border-top: 5px solid #c625ac
      }
      .index2021 .i-games .i-title {
        font-size: 34pt
      }
      .index2021 .i-games .i-tab-title {
        font-size: 17pt;
        color: #8e859e
      }
      .index2021 .i-games .i-card-title {
        font-size: 17pt
      }
      .index2021 .i-games .i-card-title-sub {
        font-size: 14pt
      }
      .index2021 .i-social .i-s-top {
        color: #c625ac;
        font-size: 17pt
      }
      .index2021 .i-social .i-s-t {
        font-size: 28pt
      }
      .index2021 .i-social .i-s-sub {
        color: #8e859e;
        font-size: 20pt
      }
      .index2021 .i-social .i-c {
        margin-right: 10px;
        margin-bottom: 40px;
        height: 100px;
        width: 100px;
        background-color: #241d2f;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 12px
      }
      .index2021 .i-social .i-c:active {
        background-color: #e4405f
      }
      .index2021 .i-social .i-c .i-c-top {
        color: #8e859e;
        font-size: 12pt
      }
      .index2021 .i-social .i-c .i-c-t {
        font-size: 20pt
      }
      .index2021 .i-social .i-c .i-c-sub {
        color: #f5c337;
        font-size: 12pt
      }
.cp {
        cursor: pointer
      }
      .bb-db, .bb-lb {
        border-bottom: 1px solid #fff
      }
      .p-10 {
        padding: 10px
      }
      .bg-lb {
        background-color: #f5f5f5
      }
      .bg-bb {
        background-color: #39414a
      }
      .bg-db, .bg-mb {
        background-color: grey
      }
      .bg-fg {
        background-color: #1eff93
      }
      .bg-y {
        background-color: #f2c94c
      }
      .bg-lr {
        background-color: #ff8296
      }
      .font-db {
        color: #000
      }
.isDesktop .widenAccountPage {
        margin: 0 -50px
      }
      .open-conv {
        background: #2c343b;
        border-radius: 10px;
        padding: 30px
      }
      .open-conv .op30 {
        opacity: .3
      }
      .open-conv .f-s-12 {
        font-size: 12px
      }
      .open-conv .oc-messagebox textarea {
        background: #fafdff;
        border-radius: 10px;
        padding: 12px 20px 18px 13px;
        font-size: 12px;
        line-height: 20px;
        color: #262d33;
        width: 100%;
        min-height: 90px;
        border: 0;
        overflow: auto;
        resize: none
      }
.play-cont {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        max-width: 1024px;
        min-height: 512px;
        margin: auto auto 100px
      }
      .play-cont iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 5px
      }
      .play-cont .close {
        display: none;
        z-index: 999;
        background: #000;
        border-radius: 50%;
        justify-content: center;
        align-items: center
      }
      .isMobile .play-cont {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
      }
      .isMobile .play-cont .stretch {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99
      }
      .isMobile .play-cont .close {
        display: flex;
        position: fixed;
        width: 30px;
        height: 30px;
        touch-action: none
      }
      .isMobile .play-cont iframe {
        border-radius: 0
      }
.container-helio {
        background: #000;
        max-width: 1280px
      }
      .container-helio iframe {
        height: 768px
      }
      .isMobile .container-helio iframe {
        height: calc(100vh - 140px)
      }
.isMobile .How {
        margin-top: -110px
      }
      .How {
        position: relative;
        background-color: #39414a;
        padding-bottom: 120px;
        margin-top: -170px
      }
      .How .Banner {
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
      }
      .How .Banner-in {
        height: 640px;
        position: relative
      }
      .How .Banner-text {
        max-width: 460px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        margin-top: 65px
      }
      .How .Banner-text h6 {
        font-size: 34px;
        font-weight: 600;
        color: #ffde00
      }
      .How .Banner-text h5 {
        font-size: 54px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 30px
      }
      .How .Banner-text p {
        font-size: 20px;
        line-height: 1.6;
        color: #e4e9ee
      }
      .How .How-head {
        margin-top: 45px;
        display: flex;
        flex-direction: column;
        align-items: center
      }
      .How .How-head img {
        margin-bottom: 15px
      }
      .How .How-head h2 {
        font-size: 25px;
        font-weight: 600;
        line-height: 1.36;
        text-align: center;
        color: #fff
      }
      .How .How-head h2 span {
        color: #ffde00;
        display: block
      }
      .How .How-type {
        top: 640px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 60%
      }
      .How .How-type .nav {
        justify-content: center;
        border-radius: 6px;
        position: relative;
        display: inline-flex
      }
      .How .How-type .nav-item {
        width: 50%;
        padding: 4px
      }
      .How .How-type .nav-item:first-child .nav-link.active {
        background-color: #1ab780
      }
      .How .How-type .nav-item:last-child .nav-link.active {
        background-color: #c02929
      }
      .How .How-type .nav-link {
        line-height: normal;
        padding: 12px 40px;
        border-radius: 6px;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
        color: #fff
      }
      .How .tab-content .nav {
        margin-top: 100px;
        justify-content: center;
        border-radius: 6px;
        position: relative;
        display: inline-flex
      }
      .How .tab-content .nav-item {
        background-color: #2a3138;
        padding: 4px
      }
      .How .tab-content .nav-item:first-child {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
      }
      .How .tab-content .nav-item:last-child {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
      }
      .How .tab-content .nav-link {
        line-height: normal;
        padding: 12px 40px;
        border-radius: 6px;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
        color: #fff;
        margin-bottom: 0
      }
      .How .tab-content .nav .active {
        background-color: #008758
      }
      .How .How-inner {
        display: flex;
        flex-wrap: wrap;
        margin-top: 25px;
        margin-right: -8px
      }
      .How .How-item {
        margin-bottom: 8px;
        height: 284px;
        margin-right: 8px;
        width: calc(25% - 8px);
        border-radius: 10px;
        background-color: #2a3138;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 33px 10px 30px;
        position: relative;
        text-align: center
      }
      .How .How-item:before {
        left: 0
      }
      .How .How-item:after, .How .How-item:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 30px;
        height: 1px;
        background-color: #39414a;
        position: absolute;
        top: 35%
      }
      .How .How-item:after {
        right: 0
      }
      .How .How-item-type {
        width: 60px;
        height: 60px;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
      }
      .How .How-item-screen {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 7.2px;
        color: #717b86;
        margin-bottom: 15px
      }
      .How .How-item-screen:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 1px;
        height: 20px;
        background-color: #39414a;
        position: absolute;
        top: 0;
        left: 50%
      }
      .How .How-item h5 {
        margin-top: 15px;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.4;
        color: #fff;
        text-align: center
      }
      .How .How-item p {
        font-size: 17px;
        color: #e4e9ee
      }
      .How .How-item-open {
        margin-top: 15px;
        font-size: 14px;
        color: #c6cdd4;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 135px;
        height: 38px;
        border-radius: 6px;
        border: 1.4px solid #454d57;
        background-color: #39414a;
        cursor: pointer;
        transition: .5s
      }
      .How .How-item-open:hover {
        color: #fff;
        background-color: #008758;
        transition: .5s
      }
      .How .How-item-open:focus {
        color: #fff
      }
      .fancybox__container .modal-dialog, .modal_ .modal-dialog {
        padding-top: 30px;
        padding-bottom: 30px;
        margin: 0 auto;
        width: 100%;
        max-width: 920px;
        min-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .fancybox__container .modal-content, .modal_ .modal-content {
        width: 100%;
        background-color: transparent;
        border: none;
        box-shadow: none;
        border-radius: 10px;
        background-image: linear-gradient(0deg, #555d66, #4d5660)
      }
      .fancybox__container .How-content, .modal_ .How-content {
        width: 100%;
        padding: 30px
      }
      .fancybox__container .How-content-close, .modal_ .How-content-close {
        padding: 15px;
        right: 15px;
        top: 30px;
        position: absolute;
        background-color: transparent;
        cursor: pointer
      }
      .fancybox__container .How-content-close:before, .modal_ .How-content-close:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/close.svg)
      }
      .fancybox__container .How-content-close:hover, .modal_ .How-content-close:hover {
        filter: invert(15%) sepia(81%) saturate(6343%) hue-rotate(358deg) brightness(105%) contrast(113%)
      }
      .fancybox__container .How-content-header, .modal_ .How-content-header {
        padding: 30px;
        position: relative;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #646d78
      }
      .fancybox__container .How-content-header img, .modal_ .How-content-header img {
        width: 54px;
        height: 60px;
        -o-object-fit: contain;
        object-fit: contain
      }
      .fancybox__container .How-content-header-in, .modal_ .How-content-header-in {
        margin-left: 15px
      }
      .fancybox__container .How-content-header-in h6, .modal_ .How-content-header-in h6 {
        font-size: 17px;
        font-weight: 600;
        line-height: 1.41;
        color: #fff
      }
      .fancybox__container .How-content-header-in span, .modal_ .How-content-header-in span {
        font-size: 12px;
        font-weight: 600;
        color: #bbc5cf
      }
      .fancybox__container .How-content-video, .modal_ .How-content-video {
        height: 480px;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        position: relative;
        border-radius: 8px
      }
      .fancybox__container .How-content-video iframe, .modal_ .How-content-video iframe {
        border-radius: 8px
      }
      .fancybox__container .How-content-video:before, .modal_ .How-content-video:before {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
        transition: .5s;
        width: 60px;
        height: 50px;
        border-radius: 10px;
        background-position: 50%;
        background-repeat: no-repeat;
        background-position-x: 18px;
        background-size: 30px 30px;
        background-image: url(../assets/icon-play.svg);
        background-color: rgba(0, 0, 0, .3137254901960784)
      }
      .fancybox__container .How-content-video:hover:before, .modal_ .How-content-video:hover:before {
        transition: .5s;
        background-color: #008758
      }
      .fancybox__container .How-content-text, .modal_ .How-content-text {
        margin-top: clamp(10px, 1.5vw, 25px);
        padding: 30px;
        text-align: left
      }
      .fancybox__container .How-content-text h6, .modal_ .How-content-text h6 {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.65;
        color: #fff;
        margin-bottom: 15px
      }
      .fancybox__container .How-content-text p, .modal_ .How-content-text p {
        font-size: 16px;
        line-height: 1.65;
        color: #fff;
        display: flex;
        margin-bottom: 10px;
        align-items: flex-start
      }
      .fancybox__container .How-content-text p:before, .modal_ .How-content-text p:before {
        margin-top: 9px;
        border-radius: 100%;
        margin-right: 15px;
        content: "";
        display: inline-block;
        transition: .5s;
        min-width: 8px;
        height: 8px;
        background-color: #ffde00
      }
      .fancybox__container .How-content-text-link, .modal_ .How-content-text-link {
        font-size: 17px;
        font-weight: 600;
        color: #fff;
        padding: 14px 30px;
        border-radius: 6px;
        background-color: #008758;
        margin-top: 20px;
        display: inline-block;
        transition: .5s
      }
      .fancybox__container .How-content-text-link:hover, .modal_ .How-content-text-link:hover {
        background-color: #ffde00;
        color: #2a3138;
        transition: .5s
      }
      .modal-backdrop.show {
        opacity: .8
      }
      @media (max-width:991px) {
        .How .Banner-in {
          height: 400px
        }
        .How .Banner-text {
          margin-top: 30px
        }
        .How .Banner-text h6 {
          font-size: 24px
        }
        .How .Banner-text h5 {
          font-size: 32px;
          margin-bottom: 20px
        }
        .How .Banner-text p {
          max-width: 360px;
          font-size: 15px
        }
        .How .How {
          padding-bottom: 50px
        }
        .How .How-head {
          margin-top: 40px
        }
        .How .How-head img {
          margin-bottom: 10px
        }
        .How .How-head h2 {
          font-size: 20px
        }
        .How .How-type {
          top: 390px;
          width: 100%
        }
        .How .How-type .nav-link {
          padding: 10px 15px;
          font-size: 14px
        }
        .How .tab-content .nav {
          margin-top: 70px;
          flex-wrap: nowrap
        }
        .How .tab-content .nav-link {
          padding: 10px 20px;
          font-size: 15px
        }
        .How .How-inner {
          display: flex;
          flex-wrap: wrap;
          margin-top: 25px;
          margin-right: -8px
        }
        .How .How-item {
          height: 250px;
          width: calc(50% - 8px);
          padding-top: 30px;
          padding-bottom: 25px
        }
        .How .How-item-screen {
          margin-bottom: 10px
        }
        .How .How-item-type {
          width: 48px;
          height: 48px
        }
        .How .How-item h5 {
          margin-top: 10px;
          font-size: 16px
        }
        .How .How-item p {
          font-size: 16px
        }
        .How .fancybox__container .modal-dialog, .How .modal_ .modal-dialog {
          padding: 15px
        }
        .How .fancybox__container .How-content, .How .modal_ .How-content {
          width: 100%;
          padding: 30px
        }
        .How .fancybox__container .How-content-close, .How .modal_ .How-content-close {
          padding: 10px;
          right: 10px;
          top: 20px;
          border: 0
        }
        .How .fancybox__container .How-content-header, .How .modal_ .How-content-header {
          padding: 15px 50px 15px 15px
        }
        .How .fancybox__container .How-content-header img, .How .modal_ .How-content-header img {
          width: 40px;
          height: 40px
        }
        .How .fancybox__container .How-content-header-in, .How .modal_ .How-content-header-in {
          margin-left: 10px
        }
        .How .fancybox__container .How-content-header-in h6, .How .modal_ .How-content-header-in h6 {
          font-size: 15px
        }
        .How .fancybox__container .How-content-header-in span, .How .modal_ .How-content-header-in span {
          font-size: 11px
        }
        .How .fancybox__container .How-content-video, .How .modal_ .How-content-video {
          height: 260px
        }
        .How .fancybox__container .How-content-video iframe, .How .modal_ .How-content-video iframe {
          width: 100% !important;
          height: 100% !important
        }
        .How .fancybox__container .How-content-video:before, .How .modal_ .How-content-video:before {
          width: 50px;
          height: 45px;
          background-position-x: 17px;
          background-size: 20px 20px
        }
        .How .fancybox__container .How-content-text, .How .modal_ .How-content-text {
          padding: 10px
        }
        .How .fancybox__container .How-content-text h6, .How .modal_ .How-content-text h6 {
          font-size: 16px;
          line-height: 1.4;
          margin-bottom: 10px
        }
        .How .fancybox__container .How-content-text p, .How .modal_ .How-content-text p {
          font-size: 15px;
          line-height: 1.4;
          margin-bottom: 7px
        }
        .How .fancybox__container .How-content-text p:before, .How .modal_ .How-content-text p:before {
          margin-right: 10px;
          min-width: 6px;
          height: 6px
        }
        .How .fancybox__container .How-content-text-link, .How .modal_ .How-content-text-link {
          width: 100%;
          font-size: 14px;
          padding: 0;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 50px;
          margin-top: 15px;
          line-height: 1
        }
      }
      .fancybox__content {
        background: none !important
      }
      .fancybox__content, .fancybox__content .modal-dialog, .fancybox__content .modal_ .modal-dialog {
        padding: 0 !important
      }
      .fancybox__content .modal-content, .fancybox__content .modal_ .modal-content {
        margin: 0 !important
      }
      .fancybox__container .modal_, .fancybox__container .modal_ iframe {
        max-width: 100% !important
      }
      .How-content-close {
        display: none
      }
      .How .modal_ {
        display: none !important
      }
.quest-calendar[data-v-626f144c] {
        --qc-text: #f0ecf8;
        --qc-title: #fff;
        --qc-sub: hsla(0, 0%, 100%, 0.55);
        --qc-progress-bg: hsla(0, 0%, 100%, 0.12);
        --qc-progress-fill: linear-gradient(90deg, #28a745, #5dd879);
        --qc-reward: #7ecfff;
        --qc-day-radius: 12px;
        --qc-day-border: hsla(0, 0%, 100%, 0.08);
        --qc-tag-bg: hsla(0, 0%, 100%, 0.1);
        --qc-current-bg: linear-gradient(145deg, rgba(40, 167, 69, 0.22), rgba(30, 15, 79, 0.85));
        --qc-current-border: rgba(40, 167, 69, 0.55);
        --qc-done-bg: linear-gradient(145deg, rgba(61, 90, 254, 0.18), rgba(22, 14, 48, 0.9));
        --qc-done-border: rgba(61, 90, 254, 0.35);
        --qc-locked-bg: linear-gradient(145deg, hsla(0, 0%, 100%, 0.04), rgba(14, 10, 26, 0.95));
        --qc-locked-border: hsla(0, 0%, 100%, 0.05);
        --qc-locked-opacity: 0.55;
        --qc-claim-bg: #28a745;
        --qc-claim-color: #fff;
        --qc-cooldown-bg: rgba(255, 193, 7, 0.12);
        --qc-cooldown-border: rgba(255, 193, 7, 0.35);
        --qc-cooldown-text: #ffc107;
        --qc-msg-ok: #5dd879;
        --qc-msg-err: #ff7b7b;
        color: var(--qc-text)
      }
      .quest-theme-sahabet[data-v-626f144c] {
        --qc-text: #222423;
        --qc-title: #222423;
        --qc-sub: #5a6560;
        --qc-progress-bg: #ebf2ee;
        --qc-progress-fill: linear-gradient(90deg, #25a27c, #49b176);
        --qc-reward: #25a27c;
        --qc-day-border: #e4eae6;
        --qc-tag-bg: #ebf2ee;
        --qc-current-bg: #f3fffb;
        --qc-current-border: #49b176;
        --qc-done-bg: #ebf2ee;
        --qc-done-border: #c5ddd3;
        --qc-locked-bg: #f8faf9;
        --qc-locked-border: #e4eae6;
        --qc-locked-opacity: 0.72;
        --qc-claim-bg: #49b176;
        --qc-cooldown-bg: #fff8e6;
        --qc-cooldown-border: #e7b85e;
        --qc-cooldown-text: #9a7b2e;
        --qc-msg-ok: #25a27c;
        --qc-msg-err: #ff4e4e
      }
      .quest-theme-bahis[data-v-626f144c] {
        --qc-text: #e8edf2;
        --qc-title: #fff;
        --qc-sub: hsla(0, 0%, 100%, 0.65);
        --qc-progress-bg: #2d343c;
        --qc-progress-fill: linear-gradient(90deg, #5a9fd4, #7ecfff);
        --qc-reward: #7ecfff;
        --qc-day-border: hsla(0, 0%, 100%, 0.08);
        --qc-tag-bg: hsla(0, 0%, 100%, 0.08);
        --qc-current-bg: #475059;
        --qc-current-border: #5a9fd4;
        --qc-done-bg: #3a424b;
        --qc-done-border: rgba(90, 159, 212, 0.35);
        --qc-locked-bg: #2d343c;
        --qc-locked-border: hsla(0, 0%, 100%, 0.05);
        --qc-locked-opacity: 0.65;
        --qc-claim-bg: #5a9fd4;
        --qc-day-radius: 16px
      }
      .quest-theme-matador[data-v-626f144c] {
        --qc-text: #d8dce8;
        --qc-title: #fff;
        --qc-sub: hsla(0, 0%, 100%, 0.55);
        --qc-progress-bg: #1e2433;
        --qc-progress-fill: linear-gradient(90deg, #e63946, #ff6b6b);
        --qc-reward: #ff8a8a;
        --qc-day-border: hsla(0, 0%, 100%, 0.06);
        --qc-tag-bg: hsla(0, 0%, 100%, 0.06);
        --qc-current-bg: #2b334a;
        --qc-current-border: #e63946;
        --qc-done-bg: #232a3d;
        --qc-done-border: rgba(230, 57, 70, 0.3);
        --qc-locked-bg: #1e2433;
        --qc-locked-border: hsla(0, 0%, 100%, 0.04);
        --qc-locked-opacity: 0.6;
        --qc-claim-bg: #e63946;
        --qc-day-radius: 4px
      }
      .quest-theme-betturkey[data-v-626f144c] {
        --qc-text: #222423;
        --qc-title: #222423;
        --qc-sub: #5a6560;
        --qc-progress-bg: #e4eae6;
        --qc-progress-fill: linear-gradient(90deg, #3ba868, #3fb26e);
        --qc-reward: #2d8a5a;
        --qc-day-border: #e4eae6;
        --qc-tag-bg: #f5f5f5;
        --qc-current-bg: #fff;
        --qc-current-border: #3fb26e;
        --qc-done-bg: #f5f5f5;
        --qc-done-border: #d0d8d4;
        --qc-locked-bg: #fafafa;
        --qc-locked-border: #ececec;
        --qc-locked-opacity: 0.7;
        --qc-claim-bg: linear-gradient(0deg, #3ba868, #3fb26e);
        --qc-claim-color: #fff;
        --qc-cooldown-bg: #fff9e6;
        --qc-cooldown-border: #f7de39;
        --qc-cooldown-text: #8a7420;
        --qc-day-radius: 8px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
        border-radius: 8px;
        padding: .5rem 0
      }
      .quest-theme-fixbet[data-v-626f144c] {
        --qc-text: #cbd5e1;
        --qc-title: #f8fafc;
        --qc-sub: #94a3b8;
        --qc-progress-bg: #3f3f46;
        --qc-progress-fill: linear-gradient(90deg, #fbbf24, #f97316);
        --qc-reward: #fbbf24;
        --qc-day-border: #3f3f46;
        --qc-tag-bg: #27272a;
        --qc-current-bg: #27272a;
        --qc-current-border: #f59e0b;
        --qc-done-bg: #1f2128;
        --qc-done-border: rgba(245, 158, 11, 0.25);
        --qc-locked-bg: #18181b;
        --qc-locked-border: #3f3f46;
        --qc-locked-opacity: 0.65;
        --qc-claim-bg: linear-gradient(180deg, #fde047, #f97316);
        --qc-claim-color: #1e293b;
        --qc-day-radius: 12px
      }
      .quest-calendar.quest-theme-onwin[data-v-626f144c] {
        --qc-text: #210b4d;
        --qc-title: #210b4d;
        --qc-sub: #6b5f82;
        --qc-progress-bg: #e5e7f4;
        --qc-progress-fill: linear-gradient(90deg, #524471, #c625ac);
        --qc-reward: #524471;
        --qc-day-border: #dfe0e4;
        --qc-tag-bg: #e5e7f4;
        --qc-current-bg: #f3f0f8;
        --qc-current-border: #c625ac;
        --qc-done-bg: #e5e7f4;
        --qc-done-border: #524471;
        --qc-locked-bg: #f4f4f6;
        --qc-locked-border: #dfe0e4;
        --qc-locked-opacity: 1;
        --qc-claim-bg: #c625ac;
        --qc-claim-color: #fff;
        --qc-cooldown-bg: #fff8e1;
        --qc-cooldown-border: #d4a84b;
        --qc-cooldown-text: #6b4f0a;
        --qc-msg-ok: #3b2864;
        --qc-msg-err: #b91c4a;
        --qc-day-radius: 8px;
        color: #210b4d
      }
      .quest-calendar.quest-theme-onwin .quest-cooldown-banner[data-v-626f144c] {
        color: #210b4d
      }
      .quest-calendar.quest-theme-onwin .quest-cooldown-banner strong[data-v-626f144c] {
        color: #524471
      }
      .quest-calendar.quest-theme-onwin .quest-cooldown-hint[data-v-626f144c], .quest-calendar.quest-theme-onwin .quest-cooldown-hint strong[data-v-626f144c] {
        color: #6b4f0a
      }
      .quest-calendar.quest-theme-onwin .quest-day-locked .quest-day-desc[data-v-626f144c], .quest-calendar.quest-theme-onwin .quest-day-locked .quest-day-num[data-v-626f144c], .quest-calendar.quest-theme-onwin .quest-day-locked .quest-day-reward[data-v-626f144c], .quest-calendar.quest-theme-onwin .quest-day-locked .quest-day-title[data-v-626f144c] {
        color: #9d94b2
      }
      .quest-calendar.quest-theme-onwin .quest-day-current[data-v-626f144c] {
        box-shadow: 0 0 0 1px rgba(198, 37, 172, .12)
      }
      .quest-calendar.quest-theme-onwin .status-locked[data-v-626f144c] {
        background: #dfe0e4;
        color: #524471
      }
      .quest-calendar.quest-theme-onwin .status-available[data-v-626f144c] {
        background: #e5e7f4;
        color: #524471
      }
      .quest-calendar.quest-theme-onwin .status-claimed[data-v-626f144c] {
        background: #524471;
        color: #fff
      }
      .quest-calendar.quest-theme-onwin .status-claimable[data-v-626f144c] {
        background: #c625ac;
        color: #fff
      }
      .quest-calendar.quest-theme-onwin .status-cooldown[data-v-626f144c] {
        background: #fff3cd;
        color: #6b4f0a;
        border: 1px solid #e7b85e
      }
      .quest-calendar.quest-theme-onwin .status-missed[data-v-626f144c] {
        background: #f1f1f1;
        color: #7a6d96
      }
      .quest-header[data-v-626f144c] {
        margin-bottom: 1.5rem;
        text-align: center
      }
      .quest-title[data-v-626f144c] {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: .35rem;
        color: var(--qc-title)
      }
      .quest-sub[data-v-626f144c] {
        font-size: .85rem;
        color: var(--qc-sub);
        margin-bottom: 1rem
      }
      .quest-progress-wrap[data-v-626f144c] {
        max-width: 420px;
        margin: 0 auto
      }
      .quest-progress-bar[data-v-626f144c] {
        height: 8px;
        border-radius: 99px;
        background: var(--qc-progress-bg);
        overflow: hidden
      }
      .quest-progress-fill[data-v-626f144c] {
        height: 100%;
        border-radius: 99px;
        background: var(--qc-progress-fill);
        transition: width .4s ease
      }
      .quest-progress-label[data-v-626f144c] {
        display: block;
        margin-top: .4rem;
        color: var(--qc-sub);
        font-size: .8rem
      }
      .quest-cooldown-banner[data-v-626f144c] {
        margin-top: .85rem;
        padding: .55rem .9rem;
        border-radius: 8px;
        background: var(--qc-cooldown-bg);
        border: 1px solid var(--qc-cooldown-border);
        color: var(--qc-cooldown-text, var(--qc-text));
        font-size: .85rem
      }
      .quest-cooldown-banner strong[data-v-626f144c] {
        color: inherit
      }
      .quest-cooldown-hint[data-v-626f144c] {
        font-size: .8rem;
        color: var(--qc-cooldown-text, #ffc107);
        margin-top: .35rem
      }
      .quest-layout-grid .quest-days[data-v-626f144c] {
        display: grid;
        grid-template-columns: 1fr;
        gap: .85rem
      }
      @media (min-width:768px) {
        .quest-layout-grid .quest-days[data-v-626f144c] {
          grid-template-columns: repeat(2, 1fr);
          gap: 1rem
        }
      }
      @media (min-width:1200px) {
        .quest-layout-grid .quest-days[data-v-626f144c] {
          grid-template-columns: repeat(3, 1fr);
          gap: 1.1rem
        }
      }
      .quest-layout-list .quest-days[data-v-626f144c] {
        display: flex;
        flex-direction: column;
        gap: .65rem
      }
      .quest-layout-list .quest-day[data-v-626f144c] {
        border-left: 4px solid var(--qc-current-border)
      }
      .quest-layout-list .quest-day.quest-day-done[data-v-626f144c] {
        border-left-color: var(--qc-done-border)
      }
      .quest-layout-list .quest-day.quest-day-locked[data-v-626f144c] {
        border-left-color: var(--qc-locked-border);
        opacity: .55
      }
      .quest-layout-panel .quest-days[data-v-626f144c] {
        display: grid;
        grid-template-columns: 1fr;
        gap: .75rem
      }
      @media (min-width:992px) {
        .quest-layout-panel .quest-days[data-v-626f144c] {
          grid-template-columns: repeat(2, 1fr)
        }
      }
      .quest-layout-ribbon .quest-days[data-v-626f144c] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem
      }
      @media (min-width:768px) {
        .quest-layout-ribbon .quest-days[data-v-626f144c] {
          grid-template-columns: repeat(2, 1fr)
        }
      }
      .quest-layout-ribbon .quest-day[data-v-626f144c] {
        position: relative;
        padding-top: .5rem
      }
      .quest-day-ribbon[data-v-626f144c] {
        position: absolute;
        top: 0;
        left: 1rem;
        background: var(--qc-claim-bg);
        color: var(--qc-claim-color);
        font-size: .68rem;
        font-weight: 700;
        padding: .2rem .65rem;
        border-radius: 0 0 6px 6px;
        letter-spacing: .04em;
        text-transform: uppercase;
        z-index: 1
      }
      .quest-day-top-ribbon[data-v-626f144c] {
        justify-content: flex-end
      }
      .quest-layout-modern .quest-days[data-v-626f144c] {
        display: grid;
        grid-template-columns: 1fr;
        gap: .85rem
      }
      @media (min-width:768px) {
        .quest-layout-modern .quest-days[data-v-626f144c] {
          grid-template-columns: repeat(2, 1fr)
        }
      }
      @media (min-width:1200px) {
        .quest-layout-modern .quest-days[data-v-626f144c] {
          grid-template-columns: repeat(3, 1fr)
        }
      }
      .quest-layout-modern .quest-day-inner[data-v-626f144c] {
        padding: 1.15rem 1.25rem 1.25rem
      }
      .quest-day[data-v-626f144c] {
        border-radius: var(--qc-day-radius);
        border: 1px solid var(--qc-day-border);
        overflow: hidden;
        transition: transform .2s ease, box-shadow .2s ease
      }
      @media (min-width:768px) {
        .quest-day[data-v-626f144c]:hover {
          transform: translateY(-2px);
          box-shadow: 0 8px 24px rgba(0, 0, 0, .12)
        }
        .quest-calendar.quest-theme-betturkey .quest-day[data-v-626f144c]:hover, .quest-calendar.quest-theme-onwin .quest-day[data-v-626f144c]:hover, .quest-calendar.quest-theme-sahabet .quest-day[data-v-626f144c]:hover {
          box-shadow: 0 4px 16px rgba(33, 11, 77, .1)
        }
      }
      .quest-day-inner[data-v-626f144c] {
        padding: 1rem 1.1rem 1.15rem;
        height: 100%;
        display: flex;
        flex-direction: column
      }
      .quest-day-top[data-v-626f144c] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: .5rem
      }
      .quest-day-num[data-v-626f144c] {
        font-size: .7rem;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--qc-sub)
      }
      .quest-day-title[data-v-626f144c] {
        font-size: 1.05rem;
        font-weight: 600;
        margin: 0 0 .35rem;
        color: var(--qc-title);
        line-height: 1.3
      }
      .quest-day-desc[data-v-626f144c] {
        font-size: .8rem;
        color: var(--qc-sub);
        margin: 0 0 .5rem;
        line-height: 1.4
      }
      .quest-day-tags[data-v-626f144c] {
        display: flex;
        flex-wrap: wrap;
        gap: .35rem;
        margin-bottom: .5rem
      }
      .quest-tag[data-v-626f144c] {
        font-size: .72rem;
        padding: .15rem .5rem;
        border-radius: 99px;
        background: var(--qc-tag-bg, hsla(0, 0%, 100%, .1));
        color: var(--qc-text)
      }
      .quest-day-reward[data-v-626f144c] {
        font-size: .82rem;
        color: var(--qc-reward);
        margin-bottom: .65rem;
        margin-top: auto
      }
      .quest-claim-btn[data-v-626f144c] {
        align-self: flex-start;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        padding: .4rem 1.15rem;
        font-size: .85rem;
        background: var(--qc-claim-bg);
        color: var(--qc-claim-color);
        cursor: pointer
      }
      .quest-claim-btn[data-v-626f144c]:disabled {
        opacity: .65;
        cursor: not-allowed
      }
      .quest-claim-msg[data-v-626f144c] {
        margin-top: .5rem;
        font-size: .78rem
      }
      .quest-claim-msg.is-ok[data-v-626f144c] {
        color: var(--qc-msg-ok, #5dd879)
      }
      .quest-claim-msg.is-err[data-v-626f144c] {
        color: var(--qc-msg-err, #ff7b7b)
      }
      .quest-status-badge[data-v-626f144c] {
        font-size: .68rem;
        font-weight: 600;
        padding: .2rem .55rem;
        border-radius: 99px;
        white-space: nowrap
      }
      .status-claimable[data-v-626f144c] {
        background: #28a745;
        color: #fff
      }
      .status-cooldown[data-v-626f144c] {
        background: #ff9800;
        color: #1a1028
      }
      .status-claimed[data-v-626f144c] {
        background: #3d5afe;
        color: #fff
      }
      .status-missed[data-v-626f144c] {
        background: hsla(0, 0%, 100%, .15);
        color: hsla(0, 0%, 100%, .5)
      }
      .status-available[data-v-626f144c] {
        background: #ffc107;
        color: #1a1028
      }
      .status-locked[data-v-626f144c] {
        background: hsla(0, 0%, 100%, .08);
        color: hsla(0, 0%, 100%, .4)
      }
      .quest-day-current[data-v-626f144c] {
        background: var(--qc-current-bg);
        border-color: var(--qc-current-border);
        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .04)
      }
      .quest-day-done[data-v-626f144c] {
        background: var(--qc-done-bg);
        border-color: var(--qc-done-border)
      }
      .quest-day-missed[data-v-626f144c] {
        background: linear-gradient(145deg, rgba(80, 40, 40, .25), rgba(18, 10, 34, .92));
        border-color: hsla(0, 0%, 100%, .06);
        opacity: .72
      }
      .quest-day-locked[data-v-626f144c] {
        background: var(--qc-locked-bg);
        border-color: var(--qc-locked-border);
        opacity: var(--qc-locked-opacity, .55)
      }
      .quest-theme-betturkey .status-locked[data-v-626f144c], .quest-theme-sahabet .status-locked[data-v-626f144c] {
        background: #e4eae6;
        color: #888
      }
      .quest-theme-betturkey .status-available[data-v-626f144c], .quest-theme-sahabet .status-available[data-v-626f144c] {
        background: #e7b85e;
        color: #222423
      }
      .quest-empty[data-v-626f144c], .quest-loading[data-v-626f144c] {
        text-align: center;
        padding: 3rem 1rem;
        color: var(--qc-sub, hsla(0, 0%, 100%, .5))
      }
.modeLight .quest-theme-bahis {
        --qc-text: #262d33;
        --qc-title: #262d33;
        --qc-sub: #5a6560;
        --qc-progress-bg: #c5cdd6;
        --qc-day-border: rgba(0, 0, 0, 0.06);
        --qc-tag-bg: #c5cdd6;
        --qc-current-bg: #d5dde5;
        --qc-current-border: #5a9fd4;
        --qc-done-bg: #c5cdd6;
        --qc-locked-bg: #e8edf2
      }
      .modeLight .page-bns .quest-page-title {
        color: #262d33
      }
      .modeLight .page-bns .quest-page-lead {
        color: #5a6560;
        opacity: 1
      }
.quest-page-right[data-v-550d9386] {
        padding: 1.25rem 1rem 1.5rem
      }
      @media (min-width:768px) {
        .quest-page-right[data-v-550d9386] {
          padding: 1.5rem 1.75rem 1.75rem
        }
      }
      .quest-page-title[data-v-550d9386] {
        font-size: 1.35rem;
        font-weight: 700;
        margin: 0 0 .35rem
      }
      .quest-page-lead[data-v-550d9386] {
        font-size: .88rem;
        margin: 0;
        opacity: .75
      }
.Ticket {
        background-color: #343e46;
        padding-bottom: 40px
      }
      .Ticket-banner {
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        background-image: url(../assets/banner-ticket.png)
      }
      .Ticket-banner-text {
        background-repeat: no-repeat;
        background-image: url(../assets/banner-ticket-bg.png);
        height: 520px;
        max-width: 510px;
        display: flex;
        flex-direction: column;
        justify-content: center
      }
      .Ticket-banner-text-bottom {
        margin-top: clamp(20px, 3vw, 50px)
      }
      .Ticket-banner-text h6 {
        font-size: clamp(18px, 2vw, 28px);
        font-weight: 600;
        line-height: 1.29;
        letter-spacing: -1.12px;
        color: #fff
      }
      .Ticket-banner-text h4 {
        text-shadow: 0 3px 0 #da9500, 0 0 40px rgba(255, 147, 51, .44);
        font-family: PannoSign, sans-serif;
        font-size: clamp(40px, 4vw, 60px);
        font-weight: 400;
        line-height: 1.13;
        letter-spacing: -2.4px;
        color: #ffde00
      }
      .Ticket-banner-text h5 {
        font-size: clamp(24px, 3vw, 40px);
        font-weight: 600;
        line-height: 1;
        letter-spacing: -1.6px;
        color: #fff
      }
      .Ticket-banner-text p {
        font-size: 18px;
        line-height: 1.5;
        color: #fff
      }
      .Ticket-banner-get {
        display: flex;
        align-items: center;
        margin-top: 20px
      }
      .Ticket-banner-get-puan {
        margin-right: 20px;
        width: 170px;
        height: 70px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 22px;
        border-radius: 8px;
        box-shadow: 0 12px 24px 0 rgba(0, 245, 163, .25);
        background-color: #00f5a3
      }
      .Ticket-banner-get-puan p {
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        color: #39414a
      }
      .Ticket-banner-get-puan h6 {
        font-size: 28px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -1.12px;
        color: #39414a;
        font-family: PannoSign, sans-serif
      }
      .Ticket-banner-get-in {
        display: flex;
        align-items: center
      }
      .Ticket-banner-get-item {
        margin-right: 8px;
        padding-top: 6px;
        padding-bottom: 1px;
        text-align: center;
        width: 96px;
        height: 70px;
        border-radius: 12px;
        background-color: #5f7181;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 1
      }
      .Ticket-banner-get-item:before {
        z-index: -1;
        content: "";
        display: inline-block;
        transition: .5s;
        height: 27px;
        background-image: linear-gradient(180deg, #343e46, #23292f);
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
      }
      .Ticket-banner-get-item p {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.14;
        color: #fff
      }
      .Ticket-banner-get-item span {
        font-size: 10px;
        font-weight: 600;
        line-height: 1.4;
        color: #fff
      }
      .Ticket-banner-get-item h6 {
        margin-top: auto;
        font-family: PannoSign, sans-serif;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: -.72px;
        color: #00f5a3
      }
      .Ticket-banner-get-item:hover {
        transition: .5s
      }
      .Ticket-banner-get-item:hover:before {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        transition: .5s;
        height: 100%
      }
      .Ticket-description {
        position: relative;
        padding: 30px
      }
      .Ticket-description:after {
        pointer-events: none;
        bottom: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%) translateY(20%);
        content: "";
        display: inline-block;
        width: 98%;
        height: 131px;
        max-width: 1500px;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
        background-image: url(../assets/line-top.svg)
      }
      .Ticket-description-head {
        text-align: center
      }
      .Ticket-description-head h6 {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.3;
        color: #ffde00
      }
      .Ticket-description-head h3 {
        font-size: 34px;
        font-weight: 600;
        line-height: 1.24;
        color: #fff
      }
      .Ticket .collapse {
        overflow: hidden;
        display: block;
        transition: max-height .4s linear;
        max-height: 0
      }
      .Ticket .collapse.show {
        max-height: 1000px
      }
      .Ticket-description-content {
        margin-top: 20px
      }
      .Ticket-description-content p {
        margin-bottom: 10px;
        font-size: 16px;
        font-style: normal;
        line-height: 1.6;
        color: #dce1e5
      }
      .Ticket-description-content h6 {
        margin-top: 15px;
        font-weight: 600;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 1.6;
        color: #fff
      }
      .Ticket-description-content ul {
        margin-bottom: 10px
      }
      .Ticket-description-content ul li {
        font-size: 16px;
        line-height: 1.75;
        color: #dce1e5
      }
      .Ticket-description-button {
        margin-bottom: 10px;
        background-color: transparent;
        color: #ffde00;
        transition: .5s;
        cursor: pointer
      }
      .Ticket-description-button:focus, .Ticket-description-button:hover {
        color: #ffde00;
        text-decoration: underline;
        transition: .5s
      }
      .Ticket-get {
        padding-top: 50px;
        padding-bottom: 90px;
        position: relative
      }
      .Ticket-get:after {
        pointer-events: none;
        bottom: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%) translateY(75%);
        content: "";
        display: inline-block;
        width: 98%;
        height: 131px;
        max-width: 1500px;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
        background-image: url(../assets/line-bottom.svg)
      }
      .Ticket-get-head, .Ticket-get-in {
        display: flex;
        flex-direction: column;
        align-items: center
      }
      .Ticket-get-head {
        text-align: center
      }
      .Ticket-get-head h6 {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.3;
        color: #00f5a3
      }
      .Ticket-get-head h4 {
        font-size: 34px;
        font-weight: 600;
        line-height: 1.24;
        color: #fff
      }
      .Ticket-get-puan {
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 320px;
        height: 50px;
        border-radius: 12px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url(../assets/dots.svg);
        padding-left: 22px;
        padding-right: 22px
      }
      .Ticket-get-puan span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        color: #fff
      }
      .Ticket-get-puan p {
        font-family: PannoSign, sans-serif;
        font-size: 28px;
        line-height: 1;
        letter-spacing: -1.12px;
        color: #00f5a3
      }
      .Ticket-get-inner {
        margin-top: 24px;
        width: 100%;
        display: flex;
        justify-content: space-between
      }
      .Ticket-get-item {
        width: calc(33.33% - 12px);
        border-radius: 12px;
        box-shadow: 0 2px 0 0 #4e5d6a;
        background-color: #45525e;
        display: flex;
        flex-direction: column;
        justify-content: center
      }
      .Ticket-get-item-top {
        position: relative;
        padding: 20px 30px
      }
      .Ticket-get-item-top:before {
        left: 0;
        transform: translateX(-50%) translateY(50%)
      }
      .Ticket-get-item-top:after, .Ticket-get-item-top:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 32px;
        height: 32px;
        background-color: #343e46;
        border-radius: 100%;
        position: absolute;
        bottom: 0
      }
      .Ticket-get-item-top:after {
        right: 0;
        transform: translateX(50%) translateY(50%)
      }
      .Ticket-get-item-bottom {
        padding: 20px 30px;
        position: relative
      }
      .Ticket-get-item-bottom:before {
        position: absolute;
        top: 0;
        content: "";
        display: inline-block;
        transition: .5s;
        left: 16px;
        right: 16px;
        height: 1px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/line.svg)
      }
      .Ticket-get-item-head {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Ticket-get-item-head-left p {
        font-size: clamp(14px, 1vw, 16px);
        font-weight: 700;
        line-height: 1.5;
        color: #fff
      }
      .Ticket-get-item-head-left h6 {
        font-size: clamp(32px, 2vw, 40px);
        font-weight: 100;
        line-height: 1.1;
        color: #dce1e5
      }
      .Ticket-get-item-head-right {
        font-family: PannoSign, sans-serif
      }
      .Ticket-get-item-head-right p {
        font-size: 32px;
        line-height: 1;
        letter-spacing: -1.28px;
        color: #00f5a3
      }
      .Ticket-get-item-head-right span {
        display: block;
        font-size: 16px;
        line-height: 1;
        letter-spacing: -.64px;
        color: #b9c2cb
      }
      .Ticket-get-item-codes {
        display: flex;
        align-items: center
      }
      .Ticket-get-item-code {
        font-family: PannoSign, sans-serif;
        font-size: 32px;
        letter-spacing: -1.28px;
        color: #b9c2cb;
        width: 44px;
        height: 56px;
        border-radius: 12px;
        background-color: #5f7181;
        margin-right: 4px
      }
      .Ticket-get-item-button, .Ticket-get-item-code {
        line-height: 1.25;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Ticket-get-item-button {
        margin-top: 12px;
        width: 160px;
        height: 44px;
        border-radius: 8px;
        box-shadow: 0 12px 24px 0 rgba(0, 245, 163, .25);
        background-color: #00f5a3;
        font-size: 16px;
        font-weight: 600;
        color: #39414a;
        transition: .5s;
        border: 2px solid #00f5a3
      }
      .Ticket-get-item-button:hover {
        background-color: transparent;
        transition: .5s;
        color: #fff
      }
      .Ticket-my_tickets {
        padding-top: 40px
      }
      .Ticket-my_tickets-head {
        text-align: center
      }
      .Ticket-my_tickets-head h6 {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.3;
        color: #ffde00
      }
      .Ticket-my_tickets-head h3 {
        font-size: 34px;
        font-weight: 600;
        line-height: 1.24;
        color: #fff
      }
      .Ticket-my_tickets-nav {
        margin-top: 24px
      }
      .Ticket-my_tickets-nav .nav {
        justify-content: space-between
      }
      .Ticket-my_tickets-nav .nav-item {
        width: 32.2%
      }
      .Ticket-my_tickets-nav .nav-link {
        pointer-events: none;
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
        color: #b9c2cb
      }
      .Ticket-my_tickets-nav .nav .active {
        background-color: transparent
      }
      .Ticket-my_tickets-in {
        display: flex;
        justify-content: space-between
      }
      .Ticket-my_tickets-inner {
        width: 32.2%
      }
      .Ticket-my_tickets .tab-pane {
        display: block;
        opacity: 1
      }
      .Ticket-my_tickets-content {
        padding-right: 3px;
        max-height: 430px;
        overflow: hidden;
        overflow-y: scroll
      }
      .Ticket-my_tickets-content::-webkit-scrollbar {
        width: 6px
      }
      .Ticket-my_tickets-content::-webkit-scrollbar-track {
        background: transparent
      }
      .Ticket-my_tickets-content::-webkit-scrollbar-thumb {
        background: rgba(69, 82, 94, .4392156862745098);
        border-radius: 3px
      }
      .Ticket-my_tickets-content::-webkit-scrollbar-thumb:hover {
        background: #ffde00
      }
      .Ticket-my_tickets-item {
        margin-bottom: 4px;
        padding-left: 24px;
        padding-right: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        height: 50px;
        border-radius: 12px;
        background-color: #262d33
      }
      .Ticket-my_tickets-item:before {
        left: 0;
        transform: translateX(-50%) translateY(-50%)
      }
      .Ticket-my_tickets-item:after, .Ticket-my_tickets-item:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 12px;
        height: 12px;
        background-color: #343e46;
        border-radius: 100%;
        position: absolute;
        top: 50%
      }
      .Ticket-my_tickets-item:after {
        right: 0;
        transform: translateX(50%) translateY(-50%)
      }
      .Ticket-my_tickets-item p {
        font-family: PannoSign, sans-serif;
        font-size: clamp(20px, 1.6vw, 28px);
        line-height: 1.14;
        letter-spacing: 11.2px;
        color: #fff
      }
      .Ticket-my_tickets-item span {
        font-size: 12px;
        font-weight: 600;
        color: #b9c2cb
      }
      @media only screen and (max-width:991px) {
        .Ticket-banner {
          background-image: url(../assets/banner-ticket-mobile.png)
        }
        .Ticket-banner-text {
          height: 340px;
          max-width: none;
          padding-top: 40px
        }
        .Ticket-banner-text-bottom {
          margin-top: clamp(20px, 3vw, 50px)
        }
        .Ticket-banner-text h6 {
          font-size: 20px
        }
        .Ticket-banner-text h4 {
          letter-spacing: -1.6px
        }
        .Ticket-banner-text h5 {
          letter-spacing: -1px;
          font-size: 28px
        }
        .Ticket-banner-text p {
          display: none
        }
        .Ticket-banner-get {
          align-items: flex-start;
          margin-top: 0;
          flex-direction: column
        }
        .Ticket-banner-get-puan {
          margin-bottom: 30px;
          margin-right: 0;
          width: 140px;
          height: 62px;
          padding-left: 18px
        }
        .Ticket-banner-get-puan p {
          font-size: 12px;
          display: block
        }
        .Ticket-banner-get-puan h6 {
          font-size: 24px
        }
        .Ticket-banner-get-in {
          width: 100%;
          justify-content: space-between
        }
        .Ticket-banner-get-item {
          margin-right: 0;
          padding-top: 6px;
          padding-bottom: 1px;
          width: 31%
        }
        .Ticket-banner-get-item p {
          display: block
        }
        .Ticket-description {
          text-align: center;
          position: relative;
          padding-left: 0;
          padding-right: 0
        }
        .Ticket-description:after {
          background-image: url(../assets/line-top-mobile.svg)
        }
        .Ticket-description-head h6 {
          font-size: 16px
        }
        .Ticket-description-head h3 {
          font-size: 22px
        }
        .Ticket-description-content {
          margin-top: 20px
        }
        .Ticket-description-content p {
          margin-bottom: 10px;
          font-size: 14px
        }
        .Ticket-get {
          padding-top: 50px;
          padding-bottom: 50px;
          position: relative
        }
        .Ticket-get:after {
          background-image: url(../assets/line-bottom-mobile.svg)
        }
        .Ticket-get-head {
          width: 100%
        }
        .Ticket-get-head h6 {
          font-size: 16px
        }
        .Ticket-get-head h4 {
          font-size: 22px
        }
        .Ticket-get-puan {
          min-width: auto;
          width: 335px;
          background-size: 100% 100%;
          background-image: url(../assets/dots.svg)
        }
        .Ticket-get-puan p {
          font-size: 24px
        }
        .Ticket-get-inner {
          flex-direction: column
        }
        .Ticket-get-item {
          width: 100%;
          margin-bottom: 8px
        }
        .Ticket-get-item-head-right p {
          font-size: 28px;
          line-height: 1.2
        }
        .Ticket-get-item-head-right span {
          font-size: 14px
        }
        .Ticket-get-item-button {
          width: 140px;
          height: 40px;
          font-size: 14px
        }
        .Ticket-my_tickets {
          padding-top: 30px
        }
        .Ticket-my_tickets-head h6 {
          font-size: 16px
        }
        .Ticket-my_tickets-head h3 {
          font-size: 22px
        }
        .Ticket-my_tickets-nav {
          margin-top: 12px
        }
        .Ticket-my_tickets-nav .nav {
          justify-content: space-between
        }
        .Ticket-my_tickets-nav .nav-item {
          width: 32.2%
        }
        .Ticket-my_tickets-nav .nav-link {
          pointer-events: auto;
          font-size: 12px;
          border-radius: 6px;
          border: 1px solid #4e5d6a;
          background-color: #343e46
        }
        .Ticket-my_tickets-nav .nav .active {
          background-color: #5f7181
        }
        .Ticket-my_tickets .tab-pane {
          display: none;
          opacity: 0
        }
        .Ticket-my_tickets .tab-pane.active {
          display: block
        }
        .Ticket-my_tickets .tab-pane.show {
          opacity: 1
        }
        .Ticket-my_tickets-in {
          margin-top: 16px
        }
        .Ticket-my_tickets-inner {
          width: 100%
        }
        .Ticket-my_tickets-content {
          padding-right: 3px;
          max-height: 430px;
          overflow: hidden;
          overflow-y: scroll
        }
        .Ticket-my_tickets-content::-webkit-scrollbar {
          width: 6px
        }
        .Ticket-my_tickets-content::-webkit-scrollbar-track {
          background: transparent
        }
        .Ticket-my_tickets-content::-webkit-scrollbar-thumb {
          background: rgba(69, 82, 94, .4392156862745098);
          border-radius: 3px
        }
        .Ticket-my_tickets-content::-webkit-scrollbar-thumb:hover {
          background: #ffde00
        }
        .Ticket-my_tickets-item {
          margin-bottom: 4px;
          padding-left: 24px;
          padding-right: 24px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          position: relative;
          height: 50px;
          border-radius: 12px;
          background-color: #262d33
        }
        .Ticket-my_tickets-item:before {
          left: 0;
          transform: translateX(-50%) translateY(-50%)
        }
        .Ticket-my_tickets-item:after, .Ticket-my_tickets-item:before {
          content: "";
          display: inline-block;
          transition: .5s;
          width: 12px;
          height: 12px;
          background-color: #343e46;
          border-radius: 100%;
          position: absolute;
          top: 50%
        }
        .Ticket-my_tickets-item:after {
          right: 0;
          transform: translateX(50%) translateY(-50%)
        }
        .Ticket-my_tickets-item p {
          font-family: PannoSign, sans-serif;
          font-size: clamp(20px, 1.6vw, 28px);
          line-height: 1.14;
          letter-spacing: 11.2px;
          color: #fff
        }
        .Ticket-my_tickets-item span {
          font-size: 12px;
          font-weight: 600;
          color: #b9c2cb
        }
      }
.Bonus-add .Bonus-add-header {
        opacity: .5;
        font-size: 24px;
        font-weight: 600;
        color: #fff
      }
      .Bonus-add .Bonus-add-in {
        margin-top: 30px
      }
      .Bonus-add .Bonus-add-item {
        margin-bottom: 20px
      }
      .Bonus-add .Bonus-add-item.active .Bonus-add-button span:after {
        box-shadow: 0 0 4px 0 #35ffc0;
        background-color: #09c289
      }
      .Bonus-add .Bonus-add-item.passive .Bonus-add-button span:after {
        box-shadow: 0 0 4px 0 #ef0e0e;
        background-color: #ef0e0e
      }
      .Bonus-add .Bonus-add-button {
        text-align: left;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.47;
        color: #fafcff;
        width: 100%;
        height: 90px;
        border-radius: 10px;
        background-color: #475059;
        padding-left: clamp(15px, 2.4vw, 40px);
        padding-right: 100px;
        display: flex;
        align-items: center;
        cursor: pointer;
        position: relative
      }
      .Bonus-add .Bonus-add-button span {
        font-size: 12px;
        color: #fff;
        margin-left: auto;
        display: flex;
        align-items: center
      }
      .Bonus-add .Bonus-add-button span:after {
        margin-top: 2px;
        margin-left: 12px;
        content: " ";
        display: inline-block;
        transition: .5s;
        width: 6px;
        height: 6px;
        border-radius: 100%
      }
      .Bonus-add .Bonus-add-button:focus, .Bonus-add .Bonus-add-button:hover {
        color: #fafcff;
        transition: .5s
      }
      .Bonus-add .Bonus-add-button:after {
        content: " ";
        display: inline-block;
        width: 39px;
        height: 39px;
        border-radius: 10px;
        border: 1px solid #858f99;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 12px 7px;
        background-image: url(../assets/b-caret-down.svg)
      }
      .Bonus-add .Bonus-add-button[aria-expanded=true] {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
      }
      .Bonus-add .Bonus-add-button[aria-expanded=true]:after {
        background-image: url(../assets/b-close.svg);
        background-size: 11px 11px
      }
      .Bonus-add .Bonus-add-content {
        display: flex;
        padding: 20px clamp(15px, 2.4vw, 40px) 10px;
        background-color: #303840;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
      }
      .Bonus-add .Bonus-add-content-item {
        margin-bottom: 20px
      }
      .Bonus-add .Bonus-add-content-item h6 {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.47;
        color: #00c683;
        margin-bottom: 5px
      }
      .Bonus-add .Bonus-add-content-item p {
        font-size: 12px;
        line-height: 1.67;
        color: #fff
      }
      .Bonus-add .Bonus-add-column {
        flex-grow: 10
      }
      .Bonus-add .Bonus-add-column:last-child {
        flex-grow: 1
      }
      .Bonus-add .Bonus-add-info-item {
        width: 190px;
        border-radius: 10px;
        border: 2px solid transparent;
        padding: 5px 10px;
        margin-bottom: 10px
      }
      .Bonus-add .Bonus-add-info-item-in {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Bonus-add .Bonus-add-info-item h6 span {
        opacity: .7;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.6;
        color: #fff
      }
      .Bonus-add .Bonus-add-info-item h6 p {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.4;
        color: #fff
      }
      .Bonus-add .Bonus-add-info-item:first-of-type {
        border-color: #00c683
      }
      .Bonus-add .Bonus-add-info-item:first-of-type .Bonus-add-info-button {
        border-color: #00c683;
        background-color: #00c683
      }
      .Bonus-add .Bonus-add-info-item:first-of-type .Bonus-add-info-button.passive {
        border-color: rgba(0, 198, 131, 0);
        background-color: rgba(0, 198, 131, .5647058823529412)
      }
      .Bonus-add .Bonus-add-info-item:nth-of-type(2) {
        border-color: #f4e369
      }
      .Bonus-add .Bonus-add-info-item:nth-of-type(2) .Bonus-add-info-button {
        border-color: #f4e369;
        background-color: #f4e369
      }
      .Bonus-add .Bonus-add-info-item:nth-of-type(2) .Bonus-add-info-button.passive {
        border-color: rgba(244, 227, 105, 0);
        background-color: rgba(244, 227, 105, .5647058823529412)
      }
      .Bonus-add .Bonus-add-info-button {
        margin-top: 5px;
        margin-bottom: 2px;
        width: 100%;
        height: 27px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 600;
        color: #303840;
        cursor: pointer;
        transition: .5s;
        border: 2px solid transparent
      }
      .Bonus-add .Bonus-add-info-button.passive {
        pointer-events: none
      }
      .Bonus-add .Bonus-add-info-button:hover {
        background-color: transparent !important;
        transition: .5s;
        color: #fff
      }
      @media only screen and (max-width:900px) {
        .Bonus-add .Bonus-add-header {
          font-size: 20px
        }
        .Bonus-add .Bonus-add-in {
          margin-top: 20px
        }
        .Bonus-add .Bonus-add-item {
          margin-bottom: 15px
        }
        .Bonus-add .Bonus-add-button {
          font-size: 13px;
          height: 65px;
          padding-left: 20px;
          padding-right: 65px;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start
        }
        .Bonus-add .Bonus-add-button span {
          margin-left: 0
        }
        .Bonus-add .Bonus-add-button span:after {
          margin-left: 7px
        }
        .Bonus-add .Bonus-add-button:after {
          width: 30px;
          height: 30px;
          right: 15px;
          background-size: 12px 6px;
          border-radius: 8px
        }
        .Bonus-add .Bonus-add-button[aria-expanded=true]:after {
          background-size: 10px 10px
        }
        .Bonus-add .Bonus-add-content {
          flex-direction: column;
          padding: 15px
        }
        .Bonus-add .Bonus-add-content-item {
          margin-bottom: 15px
        }
        .Bonus-add .Bonus-add-content-item h6 {
          margin-bottom: 5px;
          line-height: normal
        }
        .Bonus-add .Bonus-add-info {
          display: flex;
          justify-content: space-between
        }
        .Bonus-add .Bonus-add-info-item {
          width: calc(50% - 5px)
        }
        .Bonus-add .Bonus-add-info-item h6 span {
          line-height: normal;
          font-size: 11px
        }
        .Bonus-add .Bonus-add-info-item h6 p {
          font-size: 16px
        }
      }
.vip-status .Banner {
        padding-bottom: 100px
      }
.max-quest-mobile .buttons {
        float: right
      }
      .max-quest-mobile p {
        padding: 10px;
        background-color: #e5e5e5;
        border-radius: 3px
      }
      .max-quest-mobile .btn {
        background-color: #fff;
        background-image: linear-gradient(#fff, #a69ac0);
        border: none;
        border-radius: 5px;
        color: #2e1c5a;
        font-weight: 700;
        padding: 12px 50px 12px 20px;
        font-size: 14px;
        cursor: pointer
      }
      .max-quest-mobile .btn [class^=flaticon-]:before {
        font-size: 14px;
        margin-top: 1px;
        margin-left: 14px
      }
      .max-quest-mobile .btn2 {
        background-color: #f5c638;
        background-image: linear-gradient(#f5c638, #f59138);
        border: none;
        border-radius: 5px;
        color: #2e1c5a;
        font-weight: 700;
        padding: 12px 56px 12px 20px;
        font-size: 14px;
        cursor: pointer
      }
      .max-quest-mobile .btn3 {
        background-color: #fff;
        border: none;
        border-radius: 5px;
        padding: 10px 10px 7px;
        cursor: pointer
      }
      .max-quest-mobile .btn2 [class^=flaticon-]:before {
        font-size: 14px;
        margin-top: 1px;
        margin-left: 22
      }
      .max-quest-mobile .abs2, .max-quest-mobile .shape3 {
        top: 0;
        right: 0
      }
      .max-quest-mobile .mr {
        margin-right: 16px
      }
      .max-quest-mobile .img2 {
        width: 100%
      }
      .max-quest-mobile .img-2-p, .max-quest-mobile .img-3-p {
        font-size: 17px;
        font-weight: 500;
        line-height: 28px
      }
      .max-quest-mobile .btn4 {
        background-color: #eeae0a;
        background-image: linear-gradient(#eeae0a, #e8750e)
      }
      .max-quest-mobile .btn4, .max-quest-mobile .btn5 {
        display: inline-block;
        border-radius: 5px;
        color: #fff;
        font-weight: 700;
        padding: 8px 15px;
        font-size: 18px;
        cursor: pointer;
        border: none
      }
      .max-quest-mobile .btn5 {
        background-color: #59606e;
        background-image: linear-gradient(#59606e, #282c35)
      }
      .max-quest-mobile .btn2:hover, .max-quest-mobile .btn3:hover, .max-quest-mobile .btn4:hover, .max-quest-mobile .btn5:hover, .max-quest-mobile .btn:hover {
        opacity: .7
      }
      .max-quest-mobile .lists li a:hover {
        text-decoration: underline;
        font-weight: 700
      }
      .max-quest-mobile .social li:hover {
        color: #6a5c8b;
        display: inline
      }
      .max-quest-mobile .topnav a:hover {
        color: #6c5a90;
        font-weight: 700
      }
.fade-enter-active, .fade-leave-active {
        transition: opacity .5s
      }
      .fade-enter, .fade-leave-to {
        opacity: 0
      }
.Bottom-Bar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999
      }
      .Bottom-Bar-in {
        display: flex;
        align-items: flex-end;
        justify-content: space-between
      }
      .Bottom-Bar-item {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -.2px;
        text-align: center;
        color: #c4cdd4;
        position: relative;
        background-color: #23292f;
        height: 70px;
        z-index: 9;
        margin: 0 !important
      }
      .Bottom-Bar-item i {
        margin-top: 2px;
        margin-bottom: 2px;
        font-size: 20px;
        color: #cacedb
      }
      .Bottom-Bar-item img {
        margin-bottom: 6px
      }
      .Bottom-Bar-item.circle {
        background-color: transparent;
        min-width: 94px;
        width: 94px;
        height: 74px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../assets/bottom-circle.png)
      }
      .Bottom-Bar-item:focus, .Bottom-Bar-item:hover {
        color: #fff
      }
      .Bottom-Bar .active i {
        color: #008758
      }
      .circle-icon {
        position: absolute;
        top: 13px
      }
      .Dropdown-button {
        background-color: transparent;
        position: relative;
        transition: .5s
      }
      .Dropdown-button:active, .Dropdown-button:focus, .Dropdown-button:hover {
        color: #fff
      }
      .Dropdown-button-active {
        background-color: #1a2348
      }
      .Dropdown-button:focus {
        transition: .5s;
        color: #fff
      }
      .Dropdown-button:nth-of-type(2) {
        padding-right: 5px
      }
      .Dropdown-button i {
        font-size: 22px;
        color: #fff;
        display: block
      }
      .Dropdown-button-badge {
        position: absolute;
        right: 8px;
        top: 8px;
        width: 20px;
        height: 20px;
        background-color: #157cdb;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Montserrat, sans-serif;
        font-size: 11px;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -.22px;
        text-align: center;
        color: #fff;
        border-radius: 100%
      }
      .Dropdown-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #262d33;
        color: #fff;
        padding-bottom: 30px;
        z-index: 999;
        transition: .3s
      }
      .Dropdown-menu-in {
        overflow-y: scroll;
        height: 100%
      }
      .Menu {
        transform: translateX(-100px);
        transition: .3s;
        opacity: 0;
        right: 0;
        pointer-events: none;
        z-index: 999
      }
      .Menu-active {
        opacity: 1;
        transition: .3s;
        transform: translateX(0);
        pointer-events: auto
      }
      .Menu-head {
        position: relative;
        padding: 45px 20px 35px
      }
      .Menu-close {
        border-radius: 100%;
        width: 36px;
        height: 36px;
        background-color: #1f252b;
        font-size: 14px;
        color: #c2c8d9;
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%)
      }
      .Menu-top {
        transition: .5s;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        height: 70px;
        left: 0;
        right: 0;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #262d33;
        z-index: 99
      }
      .Menu-top h5 {
        font-size: 28px;
        font-weight: 300;
        line-height: .79;
        color: #fff;
        margin-right: auto;
        margin-left: 60px
      }
      .Menu-top-logo:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 165px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/bar-logo.svg)
      }
      .Menu-login {
        margin-top: 30px;
        justify-content: space-between;
        width: 100%;
        height: 70px;
        border-radius: 12px;
        background-color: #39424b;
        padding-left: 15px;
        padding-right: 23px
      }
      .Menu-login, .Menu-login-left {
        display: flex;
        align-items: center
      }
      .Menu-login-left h6 {
        margin-left: 13px;
        display: flex;
        flex-direction: column;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        color: #fff
      }
      .Menu-login-left p {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.83;
        color: #00c683
      }
      .Menu-login-left span {
        color: #b9c0c8
      }
      .Menu-login-left a {
        color: #00c683
      }
      .Menu-mode {
        display: flex;
        align-items: center;
        background-color: transparent
      }
      .Menu-mode i {
        margin-right: 8px;
        font-size: 20px;
        color: #dbe1ea
      }
      .Menu-mode-in {
        width: 40px;
        height: 20px;
        border-radius: 10px;
        border: 1px solid #858f99;
        background-color: #39424b;
        display: block;
        position: relative
      }
      .Menu-mode-in:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 14px;
        height: 14px;
        background-color: #9ea8b2;
        position: absolute;
        right: 3px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 100%
      }
      .Menu-mode.active .Menu-mode-in:before {
        transition: .5s;
        right: 21px
      }
      .Menu-support {
        margin-top: 6px;
        display: flex;
        justify-content: space-between
      }
      .Menu-support a {
        height: 50px;
        border-radius: 12px;
        background-color: #1b2125;
        display: flex;
        font-weight: 600;
        align-items: center;
        justify-content: center;
        width: calc(50% - 3px)
      }
      .Menu-support a i {
        margin-right: 8px;
        font-size: 18px
      }
      .Menu-support a:first-child i {
        color: #008758
      }
      .Menu-support a:last-child i {
        color: #ffde00
      }
      .Menu-finance {
        justify-content: space-between
      }
      .Menu-finance, .Menu-finance a {
        display: flex;
        align-items: center
      }
      .Menu-finance a {
        width: calc(50% - 3px);
        justify-content: space-around;
        height: 60px;
        border-radius: 8px;
        border-style: solid;
        border-width: 1.4px;
        border-image-source: linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
        border-image-slice: 1;
        background-image: linear-gradient(180deg, #424b55, #424b55), linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
        background-origin: border-box;
        background-clip: content-box, border-box
      }
      .Menu-finance a p {
        font-size: 14px;
        font-weight: 600;
        font-style: normal;
        line-height: 1.4;
        color: #fff
      }
      .Menu-finance a p span {
        display: block;
        font-size: 12px;
        color: #e7ebef
      }
      .Menu-finance a i {
        font-size: 20px;
        position: relative
      }
      .Menu-finance a i:after {
        content: " ";
        display: inline-block;
        transition: .5s;
        width: 38px;
        height: 8px;
        opacity: .8;
        filter: blur(20px);
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
      }
      .Menu-finance a:first-child i {
        color: #00c683
      }
      .Menu-finance a:first-child i:after {
        background-color: #00c683;
        bottom: 0
      }
      .Menu-finance a:last-child i {
        color: #ffde00
      }
      .Menu-finance a:last-child i:after {
        background-color: #ffde00;
        top: 0
      }
      .Menu-inner {
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px
      }
      .Menu-inner:nth-of-type(2) {
        border-bottom: 1px solid #313a42;
        padding-bottom: 30px
      }
      .Menu-inner .Navbottom-app {
        margin-top: 0
      }
      .Menu-header {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.1;
        color: #ffde00;
        margin-left: 20px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 10px
      }
      .Menu-header span {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.47;
        letter-spacing: -.3px;
        color: #abb8c2
      }
      .Menu-item {
        height: 55px;
        border-radius: 12px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        display: flex;
        align-items: center
      }
      .Menu-item.active i {
        color: #ffde00
      }
      .Menu-item:nth-of-type(odd) {
        background-color: #313a42
      }
      .Menu-item a {
        height: 50px;
        padding: 0 20px;
        width: 100%
      }
      .Menu-item a, .Menu-item i {
        display: flex;
        align-items: center
      }
      .Menu-item i {
        font-size: 20px;
        color: #bfc8d2;
        margin-right: 20px;
        justify-content: center
      }
      .Menu-item-button[aria-expanded=true] {
        background-color: #212633
      }
      .Menu-item-button[aria-expanded=true]:after {
        transform: rotate(180deg)
      }
      .Menu-item-button:after {
        margin-left: auto;
        content: "";
        display: inline-block;
        width: 10px;
        height: 6px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/bar-icon-down2.svg)
      }
      .Menu-other a:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 6px;
        height: 6px;
        background-color: #4a555e;
        border-radius: 100%;
        margin-right: 12px
      }
      .Menu-open-icon {
        position: absolute;
        top: 16px
      }
      @keyframes preloader {
        to {
          opacity: .5;
          transform: scale(1.4)
        }
      }
      .Navbottom {
        width: 100%;
        position: relative;
        z-index: 1;
        overflow: hidden
      }
      .Navbottom-in {
        background-color: #39414a;
        padding-top: 25px;
        padding-bottom: 90px
      }
      .Navbottom-support-in {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        border-radius: 12px;
        background-color: #008758;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.57;
        color: #fff
      }
      .Navbottom-support-in i {
        margin-right: 12px;
        font-size: 16px
      }
      .Navbottom-support-in:focus, .Navbottom-support-in:hover, .Navbottom-support-in:visited {
        color: #fff;
        transition: .5s
      }
      .Navbottom-app {
        margin-top: 25px
      }
      .Navbottom-app-in {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px
      }
      .Navbottom-app h3 {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.57;
        text-align: center;
        color: #b9c0c8
      }
      .Navbottom-app-item {
        width: calc(50% - 3px);
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        border-radius: 12px;
        background-image: url(../assets/bar-app-back.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
      }
      .Navbottom-app-item span {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.7;
        color: #fff
      }
      .Navbottom-app-item i {
        color: #fff;
        font-size: 24px
      }
      .Navbottom-app-item:hover {
        transform: scale(.95);
        transition: .5s
      }
      .Navbottom-description {
        display: flex;
        padding: 30px 20px 20px
      }
      .Navbottom-description-left {
        padding-right: 20px;
        width: 30%
      }
      .Navbottom-description-left img {
        height: 102px;
        -o-object-fit: contain;
        object-fit: contain
      }
      .Navbottom-description-right {
        padding-right: 10px;
        width: 70%;
        display: flex;
        flex-direction: column;
        align-items: center
      }
      .Navbottom-description-right p {
        font-size: 11px;
        line-height: 1.6;
        color: #fff
      }
      .Navbottom-menu {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        position: relative
      }
      .Navbottom-menu-head {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px;
        position: relative;
        display: flex;
        align-items: center;
        text-align: left;
        color: #e0e5ef;
        height: 48px;
        line-height: 1;
        transition: .5s;
        border-radius: 6px;
        background-color: #4a535c;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px
      }
      .Navbottom-menu-head i {
        margin-left: auto;
        font-size: 6px;
        color: #9198ab
      }
      .Navbottom-menu-head:focus, .Navbottom-menu-head:hover {
        color: #fff
      }
      .Navbottom-menu-head[aria-expanded=true] {
        background-color: #555f69;
        transition: .5s
      }
      .Navbottom-menu-head[aria-expanded=true] i {
        transform: rotate(180deg)
      }
      .Navbottom-item {
        width: 100%
      }
      .Navbottom-item .active {
        color: #fff
      }
      .Navbottom-item ul {
        padding-top: 10px;
        padding-bottom: 10px
      }
      .Navbottom-item li {
        position: relative;
        margin-bottom: 10px;
        padding-left: 20px
      }
      .Navbottom-item li a {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -.28px;
        color: #e0e5ef;
        transition: color .5s
      }
      .Navbottom-item li a:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 10px;
        height: 10px;
        border: 2px solid #85919d;
        margin-right: 15px;
        border-radius: 100%
      }
      .Navbottom-item li a:hover a {
        color: #eaedfa;
        transition: .5s
      }
      .Navbottom-item li a:hover:before {
        transition: .5s;
        background-color: #e1233d
      }
      .Navbottom-item:last-child {
        margin-bottom: 0
      }
      .Navbottom-social {
        margin-top: 25px;
        padding-left: 15px;
        padding-right: 15px
      }
      .Navbottom-social-in {
        display: flex;
        align-items: center;
        justify-content: space-around
      }
      .Navbottom-social-item {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: #fff;
        width: 75px;
        height: 50px;
        border-radius: 12px;
        border: 2px solid transparent;
        transition: .5s
      }
      .Navbottom-social-item:hover {
        border-color: #313a42;
        transition: .5s;
        color: #fff
      }
      .Notification {
        opacity: 0;
        padding-bottom: 0;
        top: auto;
        left: 8px;
        right: 8px;
        bottom: 70px;
        border-radius: 12px;
        background-color: #262d33
      }
      .Notification.active {
        bottom: 79px;
        opacity: 1
      }
      .Notification-item {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #343e46;
        padding: 10px 15px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
        color: #fff
      }
      .Notification-item-text {
        padding-right: 15px
      }
      .Notification-item:last-child {
        border-bottom: none
      }
      .Notification-item-icon {
        margin-right: 10px
      }
      .Notification-item:after {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 6px;
        height: 10px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/icon-right-chevron.svg);
        margin-left: auto
      }
      .Notification-open-icon {
        position: absolute;
        top: 13px
      }
      .Notification-open:before {
        position: absolute;
        left: 5px;
        top: -5px;
        z-index: 9;
        content: "";
        display: inline-block;
        width: 83px;
        height: 56px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/circle-active.svg);
        opacity: 0
      }
      .Notification-open:after {
        border-radius: 100%;
        right: 37px;
        top: 13px;
        content: "";
        transition: .5s;
        width: 5px;
        height: 5px;
        background-color: #ffde00;
        position: absolute;
        animation: preloader 1s ease-in-out .5s infinite alternate;
        box-shadow: 0 0 10px 1px #ffde00
      }
      .Notification-open.active:before {
        opacity: 1
      }
      .footer-lbr {
        text-align: center;
        position: fixed;
        height: 75px;
        bottom: 0;
        background: #12161a;
        left: 0;
        right: 0;
        padding: 13px;
        z-index: 10
      }
      .footer-lbr .btn {
        font-family: Averta CY, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 23px;
        color: #fafdff;
        display: inline-block;
        padding: 12px 15px;
        background: #008758;
        border-radius: 11px;
        min-width: 120px
      }
      .footer-lbr .btn.btn-f-login {
        background: #303840
      }
      .footer-container .f-banks {
        background: #262d33;
        overflow: scroll
      }
      .modeLight .footer-container .f-banks {
        background: #e4ebf2
      }
      .modeLight .footer-container .f-banks svg [fill]:not([fill=none]) {
        fill: #1c2126 !important
      }
      .modeLight .footer-container .f-banks svg [stroke] {
        stroke: #1c2126 !important
      }
      .footer-container .f-banks>div {
        min-height: 100px
      }
      .isMobile .footer-container .f-banks>div {
        min-height: 45px
      }
      .footer-container .f-banks>div>div {
        height: 20px;
        margin: 1rem
      }
      .footer-container .f-banks svg {
        max-height: 100%
      }
      .footer-container .f-banks svg [fill]:not([fill=none]) {
        fill: #e4ebf2 !important
      }
      .footer-container .f-banks svg [stroke] {
        stroke: #e4ebf2 !important
      }
      .footer-container .footer {
        background: #39414a;
        font-style: normal
      }
      .modeLight .footer-container .footer {
        background: #d5dde5
      }
      .footer-container .footer .f-t {
        height: 94px;
        box-shadow: 0 1px 0 hsla(0, 0%, 63.9%, .18823529411764706)
      }
      .isMobile .footer-container .footer .f-t {
        display: none !important
      }
      .footer-container .footer .f-m {
        padding: 40px 0
      }
      .footer-container .footer .f-m .f-m-social {
        max-width: 120px
      }
      .footer-container .footer .f-m .f-m-btn-chat {
        cursor: pointer;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
      }
      .footer-container .footer .f-m .f-m-left {
        font-size: 21px;
        width: 240px
      }
      .footer-container .footer .f-m .f-m-left .m a {
        display: block;
        margin-bottom: 30px
      }
      .footer-container .footer .f-m .f-m-left .f-s-15 {
        font-weight: 600
      }
      .footer-container .footer .f-m .f-m-title {
        font-weight: 600;
        font-size: 21px;
        margin-bottom: 30px
      }
      .footer-container .footer .f-m .f-m-links {
        font-size: 15px
      }
      .footer-container .footer .f-m .f-m-links a {
        cursor: pointer;
        margin-bottom: 24px;
        white-space: nowrap
      }
      .footer-container .footer .f-m .f-m-links .flex-column {
        box-shadow: -1px 0 0 hsla(0, 0%, 63.9%, .18823529411764706);
        padding-left: 7rem
      }
      .footer-container .footer .f-m .f-m-links .flex-column:last-child {
        max-width: 320px
      }
      .footer-container .footer .f-b {
        font-size: 11px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0;
        text-align: left;
        padding: 40px
      }
      .isMobile .footer-container .footer .f-b {
        padding: 0
      }
      .footer-container .footer .license img {
        max-width: unset !important
      }
.footer-bg {
        background: #3b2864 url(../assets/footer-pattern.png) repeat-x top
      }
      .footer-bg .footer ul li.h {
        margin-bottom: 6px;
        font-weight: 900;
        font-size: 14px;
        line-height: 22px;
        text-align: left;
        color: #fff
      }
      .footer-bg .footer ul li.h:after {
        content: "";
        height: 5px;
        width: 80px;
        background: #c625ac;
        display: block
      }
      .footer-bg .footer ul li a {
        opacity: .5;
        font-size: 14px;
        color: #fff;
        letter-spacing: 0;
        line-height: 2
      }
      .footer-bg .footer.footer-mobile ul li.h.active:after {
        content: "";
        height: 5px;
        width: 80px;
        background: #c625ac;
        display: block
      }
      .footer-bg .footer.footer-mobile ul li.h:after {
        content: "";
        height: 0;
        width: 80px;
        background: transparent;
        display: block
      }
      .footer-bg .logo-bar {
        background: #2b3b4b;
        padding: 20px 0
      }
      .footer-bg .logo-bar .logos {
        display: table
      }
      .footer-bg .logo-bar .logos div {
        display: table-cell;
        text-align: center
      }
      .footer-bg .logo-bar .logos div:first-child {
        text-align: left !important
      }
      .footer-bg .social-icons {
        display: inline-block
      }
      .footer-bg .social-icons li {
        display: table-cell;
        text-align: left;
        text-indent: -9999em;
        padding: 5px
      }
      .footer-bg .social-icons li a {
        display: block;
        position: relative;
        width: 48px;
        height: 48px;
        text-decoration: none;
        color: #a7a7ab
      }
      .footer-bg .social-icons li a:before {
        position: absolute;
        left: 0;
        transition-duration: .2s;
        font: 50px/50px icomoon;
        text-indent: 0
      }
      .footer-bg .social-icons li a:hover:before {
        color: #878787
      }
      .footer-bg .social-icons li.facebook a:before {
        content: "\e6c7"
      }
      .footer-bg .social-icons li.twitter a:before {
        content: "\e6c5"
      }
      .footer-bg .social-icons li.google a:before {
        content: "\e6c4"
      }
      .footer-bg .social-icons li.youtube a {
        background: 0 0
      }
      .footer-bg .social-icons li.youtube a:before {
        content: "\e6c8"
      }
      .footer-bg .social-icons li.instagram a:before {
        content: "\e6c6"
      }
body.isMobile .menu {
        overflow-x: scroll;
        white-space: nowrap
      }
      .menu {
        position: relative;
        top: 0;
        z-index: 1;
        color: #fff;
        display: flex;
        overflow: hidden;
        justify-content: space-between
      }
      .isMobile .menu {
        overflow: auto
      }
      .menu a {
        font-size: 15px;
        font-weight: 600;
        white-space: nowrap;
        padding-bottom: 10px;
        position: relative;
        display: flex;
        align-items: center
      }
      .menu a svg {
        margin-right: 5px;
        height: 17px
      }
      .menu a.active:after, .menu a:hover:after {
        content: "";
        height: 2px;
        background: #ffde00;
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0;
        border-radius: 2px
      }
      .menu svg [fill]:not([fill=none]) {
        fill: #ffde00 !important
      }
      .menu svg [stroke] {
        stroke: #ffde00 !important
      }
      .menu .tv .tv {
        font-style: italic;
        color: #ffde00;
        font-weight: 800
      }
#site.account {
        background: #475059 !important
      }
      #site.account .menu.container {
        display: none
      }
      #account-menu .bg {
        background: #39414a;
        content: "";
        height: 10000px;
        width: 1000px;
        position: absolute;
        right: 30px;
        bottom: 0
      }
      .account-menu {
        position: -webkit-sticky;
        position: sticky;
        top: 12px;
        height: 100%;
        padding: 0 1rem 1rem;
        user-drag: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      .account-menu .account-menu-bt {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0
      }
      .account-menu .account-menu-bt .p-wallet {
        position: relative;
        padding: 20px;
        margin-bottom: 14px
      }
      .account-menu .account-menu-bt .p-wallet .svg-wallet {
        width: 19px;
        position: absolute;
        top: 9px;
        right: 9px
      }
      .account-menu .account-menu-bt .p-wallet .p-wallet-amount {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
      }
      .account-menu .account-menu-bt .border-green {
        border: 2px solid #00c683;
        border-radius: 10px
      }
      .account-menu .user-progress {
        border-radius: 3px;
        background: #e6e6e6
      }
      .account-menu .user-progress div {
        height: 6px;
        border-radius: 3px;
        background: #25a27c
      }
      .account-menu .per-text {
        font-size: 14px
      }
      .account-menu nav a {
        display: block;
        font-size: 15px;
        font-weight: 600;
        padding: 14px 0
      }
      .account-menu nav a:hover {
        opacity: .7
      }
      .account-menu nav a.router-link-active {
        font-weight: 700
      }
      .account-menu nav a>svg {
        width: 19px;
        height: 19px;
        margin-right: 12px
      }
.custom-control.custom-switch {
        height: 20px;
        width: 36px
      }
      .custom-control.custom-switch .custom-control-input~.custom-control-label:active {
        background-color: transparent
      }
      .custom-control.custom-switch .custom-control-input~.custom-control-label:before {
        background-color: transparent;
        border-radius: 100px;
        height: 1.667rem;
        width: 3rem;
        border-color: #858f99;
        top: 0
      }
      .custom-control.custom-switch .custom-control-input~.custom-control-label:after {
        background-color: #9da8b2;
        border-radius: 100px;
        top: .25rem;
        left: calc(-2.25rem + 3px);
        width: calc(1.667rem - 6px);
        height: calc(1.667rem - 6px)
      }
      .custom-control.custom-switch .custom-control-input:focus~.custom-control-label:before {
        box-shadow: unset
      }
      .custom-control.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label:before {
        border-color: unset
      }
      .custom-control.custom-switch .custom-control-input:hover~.custom-control-label:after {
        box-shadow: 0 0 0 7px rgba(0, 198, 131, .18823529411764706)
      }
      .custom-control.custom-switch .custom-control-input:checked~.custom-control-label:before {
        background-color: rgba(0, 198, 131, .08) !important;
        border-color: #858f99 !important
      }
      .custom-control.custom-switch .custom-control-input:checked~.custom-control-label:after {
        background-color: #00c683 !important;
        transform: translateX(1.3rem) !important
      }
.modal-dialog.tfa .modal-content {
        background: #fff;
        box-shadow: 0 0 30px rgba(0, 0, 0, .4666666666666667)
      }
      .tfa-error {
        color: red
      }
      .float.form-sal {
        background: #525c66;
        max-width: 409px;
        border-radius: 20px;
        box-shadow: 0 40px 50px rgba(81, 88, 95, .6549019607843137);
        padding: 24px 16px
      }
      .float.form-sal .title {
        font-size: 42px
      }
      .float.form-sal .inp-pri {
        background: transparent !important
      }
      .modeLight .float.form-sal {
        background-color: #fafdff;
        box-shadow: 0 40px 50px rgba(28, 33, 38, .6549019607843137)
      }
      @media (min-width:600px) {
        .float.form-sal {
          padding: 40px 30px 45px
        }
      }
      .login-mini {
        font-size: 15px
      }
      .isMobile .login-mini {
        max-width: calc(min(100vw, 400px) - 3rem)
      }
.time-zone {
        font-size: 15px
      }
      .time-zone .btn-x {
        font-size: 15px;
        color: inherit
      }
      .time-zone .dropdown-toggle:after {
        border-right: .2em solid transparent;
        border-left: .2em solid transparent
      }
.lang-select a {
        display: inline-flex;
        padding: 8px 14px;
        text-transform: uppercase;
        align-items: center;
        border-radius: 5px;
        border: 1px solid #858f99
      }
      .isMobile .lang-select a {
        margin-bottom: 10px
      }
      .lang-select a+a {
        margin-left: 10px
      }
      .isMobile .lang-select a+a {
        margin-left: 0
      }
      .lang-select a.active, .lang-select a:hover {
        border: 1px solid #00c683;
        background: #303840
      }
:root {
        --header-height: 50px
      }
      @keyframes animOpacity {
        0% {
          opacity: 0
        }
        to {
          opacity: 1
        }
      }
      .menu-expand {
        width: 100%;
        position: absolute;
        top: 0;
        background: linear-gradient(180deg, #1c2126, #303840 98.9%);
        padding: 150px 0 3rem;
        color: #fff;
        z-index: 2;
        display: none;
        animation: animOpacity .25s ease-in-out both
      }
      .modeLight .menu-expand {
        background: linear-gradient(180deg, #d5dde6, #fafdff 98.9%);
        color: #262d33
      }
      .modeLight .menu-expand .light-switch {
        background: #fff
      }
      .modeLight .menu-expand .light-switch [fill]:not([fill=none]) {
        fill: #000 !important
      }
      .modeLight .menu-expand .light-switch [stroke] {
        stroke: #000 !important
      }
      .menu-expand .light-switch {
        display: flex;
        align-items: center;
        background: #39414a;
        border-radius: 5px;
        font-size: 14px
      }
      .menu-expand.open {
        display: block
      }
      .menu-expand .container .iner {
        display: flex;
        justify-content: space-between;
        margin: 0 0 0 -60px
      }
      .menu-expand .colu .t {
        font-size: 20px;
        padding: 0 0 35px 60px
      }
      .menu-expand .colu.user .t {
        white-space: nowrap
      }
      .menu-expand .colu.user .t svg {
        margin: -15px 15px -15px 0
      }
      .menu-expand .colu+.colu .coli {
        box-shadow: -1px 0 0 hsla(0, 0%, 63.9%, .18823529411764706)
      }
      .menu-expand .colu .coli {
        padding: 0 0 0 60px
      }
      .menu-expand .colu .coli a {
        display: block;
        font-size: 14px;
        font-weight: 600
      }
      .menu-expand .colu .coli a+a {
        margin-top: 22px
      }
      .page-sportsbook .top-bg {
        background-color: #1c2126;
        position: fixed;
        width: 100%;
        z-index: 5
      }
      .page-sportsbook .container-main {
        margin-top: 141px
      }
      .page-sportsbook.isMobile .container-main {
        margin-top: 110px
      }
      .page-sportsbook.isMobile .container-main.memberLoggedIn {
        margin-top: 100px
      }
      header {
        position: relative
      }
      header .header-top {
        z-index: 3;
        position: relative;
        padding: 30px 0;
        align-items: center;
        color: #fff
      }
      header .header-top .acc-to-home {
        padding-left: 100px
      }
      header .header-top nav {
        margin: 10px 0 0;
        align-items: center
      }
      header .header-top nav a {
        font-weight: 600;
        color: inherit;
        margin: 0 10px;
        font-size: 14px
      }
      header .header-top .btn-sal {
        height: 49px;
        padding: 0 30px
      }
      header .header-top .logged-in {
        display: flex;
        justify-content: center;
        align-items: center !important
      }
      header .header-top .logged-in>*+* {
        margin-left: 10px
      }
      header .header-top .logged-in .bd-holder {
        background: #12161a;
        border-radius: 15px;
        padding: 11px 15px;
        display: flex;
        align-items: center
      }
      .isMobile header .header-top .logged-in .bd-holder {
        padding: 7px 10px;
        border-radius: 10px
      }
      header .header-top .logged-in .bd-holder .b-text {
        color: #fff;
        font-size: 17px;
        font-weight: 600
      }
      header .header-top .logged-in .bd-holder .d-btn {
        margin: 0 11px
      }
      .isMobile header .header-top .logged-in .bd-holder .d-btn {
        margin: 0 8px
      }
      header .header-top .logged-out {
        display: flex;
        justify-content: center
      }
      .menuExpand.modeLight header .header-top {
        color: #000
      }
      header .header-top .requestcall {
        border: 1px solid hsla(0, 0%, 100%, .1);
        border-radius: 15px;
        height: 48px;
        padding: 13px 16px;
        color: #fff;
        font-style: 15px;
        font-weight: 600
      }
      header .header-top .requestcall:hover {
        background-color: hsla(0, 0%, 100%, .1)
      }
      body.isMobile header .header-top nav a.active, body.isMobile header .header-top nav a.router-link-exact-active {
        opacity: unset
      }
      body.isMobile header .logged-in .user .money {
        display: block
      }
      .pop-menu .item {
        display: block;
        padding: 1rem;
        font-size: 18px;
        font-weight: 700;
        color: #c6c6c4
      }
      .pop-menu .item.router-link-active {
        color: #000
      }
@charset "UTF-8";
      @font-face {
        font-family: icon-pack;
        src: url(../assets/icon-pack.eot);
        src: url(../assets/icon-pack.eot) format("embedded-opentype"), url(../assets/icon-pack.woff2) format("woff2"), url(../assets/icon-pack.woff) format("woff"), url(../assets/icon-pack.ttf) format("truetype"), url(../assets/icon-pack.svg) format("svg");
        font-weight: 400;
        font-style: normal
      }
      [class*=" icon-"]:before, [class^=icon-]:before {
        font-family: icon-pack;
        font-style: normal;
        font-weight: 400;
        speak: never;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }
      .icon-add-user:before {
        content: "\e800"
      }
      .icon-american-football:before {
        content: "\e801"
      }
      .icon-android:before {
        content: "\e802"
      }
      .icon-badminton:before {
        content: "\e803"
      }
      .icon-apple:before {
        content: "\e804"
      }
      .icon-bank:before {
        content: "\e805"
      }
      .icon-basketball:before {
        content: "\e806"
      }
      .icon-baseball:before {
        content: "\e807"
      }
      .icon-beach-volleyball:before {
        content: "\e808"
      }
      .icon-billiar:before {
        content: "\e809"
      }
      .icon-bonus:before {
        content: "\e80a"
      }
      .icon-call:before {
        content: "\e80b"
      }
      .icon-casino-chip:before {
        content: "\e80c"
      }
      .icon-casino-chip2:before {
        content: "\e80d"
      }
      .icon-cekim:before {
        content: "\e80e"
      }
      .icon-close:before {
        content: "\e80f"
      }
      .icon-coupon:before {
        content: "\e810"
      }
      .icon-cricket:before {
        content: "\e811"
      }
      .icon-cs:before {
        content: "\e812"
      }
      .icon-cup:before {
        content: "\e813"
      }
      .icon-dart:before {
        content: "\e814"
      }
      .icon-dec:before {
        content: "\e815"
      }
      .icon-delete:before {
        content: "\e816"
      }
      .icon-dota:before {
        content: "\e817"
      }
      .icon-double-chevron:before {
        content: "\e818"
      }
      .icon-down-chevron:before {
        content: "\e819"
      }
      .icon-ehockey:before {
        content: "\e81a"
      }
      .icon-esoccer:before {
        content: "\e81b"
      }
      .icon-espor:before {
        content: "\e81c"
      }
      .icon-exit:before {
        content: "\e81d"
      }
      .icon-facebook:before {
        content: "\e81e"
      }
      .icon-floorball:before {
        content: "\e81f"
      }
      .icon-futsal:before {
        content: "\e820"
      }
      .icon-gear:before {
        content: "\e821"
      }
      .icon-handball:before {
        content: "\e822"
      }
      .icon-heart:before {
        content: "\e823"
      }
      .icon-heartfull:before {
        content: "\e824"
      }
      .icon-hockey:before {
        content: "\e825"
      }
      .icon-inc:before {
        content: "\e826"
      }
      .icon-instagram:before {
        content: "\e827"
      }
      .icon-key:before {
        content: "\e828"
      }
      .icon-last-date:before {
        content: "\e829"
      }
      .icon-left-arrow:before {
        content: "\e82a"
      }
      .icon-list:before {
        content: "\e82b"
      }
      .icon-live:before {
        content: "\e82c"
      }
      .icon-lol:before {
        content: "\e82d"
      }
      .icon-menu:before {
        content: "\e82e"
      }
      .icon-nhl:before {
        content: "\e82f"
      }
      .icon-minus:before {
        content: "\e830"
      }
      .icon-night-mode:before {
        content: "\e831"
      }
      .icon-other:before {
        content: "\e832"
      }
      .icon-overwatch:before {
        content: "\e833"
      }
      .icon-plus:before {
        content: "\e834"
      }
      .icon-profile-user:before {
        content: "\e835"
      }
      .icon-racquet:before {
        content: "\e836"
      }
      .icon-raibow:before {
        content: "\e837"
      }
      .icon-right-arrow:before {
        content: "\e838"
      }
      .icon-right-chevron:before {
        content: "\e839"
      }
      .icon-rugby:before {
        content: "\e83a"
      }
      .icon-sanal:before {
        content: "\e83b"
      }
      .icon-search:before {
        content: "\e83c"
      }
      .icon-soccer:before {
        content: "\e83d"
      }
      .icon-share:before {
        content: "\e83e"
      }
      .icon-slot:before {
        content: "\e83f"
      }
      .icon-soccer2:before {
        content: "\e840"
      }
      .icon-starcraft:before {
        content: "\e841"
      }
      .icon-statistics:before {
        content: "\e842"
      }
      .icon-sun:before {
        content: "\e843"
      }
      .icon-support:before {
        content: "\e844"
      }
      .icon-tennis:before {
        content: "\e845"
      }
      .icon-twitter:before {
        content: "\e846"
      }
      .icon-tv:before {
        content: "\e847"
      }
      .icon-user:before {
        content: "\e848"
      }
      .icon-volleyball:before {
        content: "\e849"
      }
      .icon-warcraft:before {
        content: "\e84a"
      }
      .icon-water:before {
        content: "\e84b"
      }
      .icon-yatirim:before {
        content: "\e84c"
      }
      .icon-youtube:before {
        content: "\e84d"
      }
      .icon-check:before {
        content: "\e84e"
      }
      .icon-at:before {
        content: "\e84f"
      }
      .icon-key-1:before {
        content: "\e850"
      }
      .icon-phone:before {
        content: "\e851"
      }
      .icon-point:before {
        content: "\e852"
      }
      .icon-born:before {
        content: "\e853"
      }
      .icon-edit:before {
        content: "\e854"
      }
      .icon-language:before {
        content: "\e855"
      }
      .icon-pin:before {
        content: "\e856"
      }
      .icon-gender:before {
        content: "\e857"
      }
      .icon-copy:before {
        content: "\e858"
      }
      .icon-date:before {
        content: "\e859"
      }
      .icon-questicon:before {
        content: "\e85b"
      }
      .icon-tr:before {
        content: "\e85c"
      }
      /*! formalize.css | MIT License | github.com/interacthings/formalize */
      *, :after, :before {
        box-sizing: inherit
      }
      html {
        box-sizing: border-box;
        text-rendering: optimizeLegibility
      }
      body {
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }
      a {
        color: inherit;
        text-decoration: none
      }
      a:active, a:focus, a:hover, button:active, button:focus, button:hover {
        outline: none;
        color: currentColor;
        text-decoration: none
      }
      img {
        vertical-align: middle
      }
      blockquote, dd, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, menu, ol, p, pre, ul {
        margin: 0
      }
      button, fieldset, iframe {
        border: 0
      }
      button, fieldset, menu, ol, ul {
        padding: 0
      }
      ol, ul {
        list-style: none
      }
      textarea {
        resize: vertical
      }
      table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0
      }
      td {
        padding: 0
      }
      .Main {
        background-color: #39414a;
        transition: .3s
      }
      .Main::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 4px transparent;
        border-radius: 8px;
        background-color: transparent
      }
      .Main::-webkit-scrollbar {
        height: 10px;
        background-color: transparent
      }
      .Main::-webkit-scrollbar-thumb {
        border-radius: 8px;
        -webkit-box-shadow: transparent;
        background-color: #11193d
      }
      .icon {
        display: block;
        background-repeat: no-repeat;
        background-size: 100% 100%
      }
      .icon-arrow {
        width: 8px;
        height: 6px;
        background-image: url(../assets/i-arr-r.svg)
      }
      .global_link {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
      }
      body {
        font-family: avertaCY, sans-serif
      }
      body .container {
        padding-left: 20px;
        padding-right: 20px
      }
      @font-face {
        font-family: pannosign;
        src: url(../assets/PannoSign-Positive.ttf)
      }
      @font-face {
        font-family: avertaCY;
        src: url(../assets/Averta-Light.ttf);
        font-weight: 300
      }
      @font-face {
        font-family: avertaCY;
        src: url(../assets/Averta-Regular.ttf);
        font-weight: 400
      }
      @font-face {
        font-family: avertaCY;
        src: url(../assets/Averta-Semibold.ttf);
        font-weight: 600
      }
      @font-face {
        font-family: avertaCY;
        src: url(../assets/Averta-Bold.ttf);
        font-weight: 700
      }
      @font-face {
        font-family: gilroy;
        src: url(../assets/Averta-Bold.ttf);
        font-weight: 800
      }
      @font-face {
        font-family: avertaCY;
        src: url(../assets/Averta-Black.ttf);
        font-weight: 900
      }
      @keyframes changewidth {
        0% {
          background-position: 190px
        }
        to {
          background-position: 0
        }
      }
      @keyframes marquee {
        0% {
          transform: translateX(0)
        }
        to {
          transform: translate(-50%)
        }
      }
      @keyframes pulse {
        0% {
          opacity: 0
        }
        to {
          opacity: 1
        }
      }
      @keyframes money {
        0% {
          opacity: 0;
          transform: scale(1) translateY(900%)
        }
        50%, 70%, 90% {
          opacity: 1;
          transform: scale(1.1) translateY(0)
        }
        60%, 80%, to {
          opacity: 1;
          transform: scale(1) translateY(0)
        }
      }
      @keyframes chip {
        0% {
          opacity: 1;
          -webkit-transform-origin: 50% 50%;
          -webkit-transform: scale(1) rotateY(0deg)
        }
        to {
          opacity: 0;
          -webkit-transform-origin: 50% 50%;
          -webkit-transform: scale(0) rotateY(180deg)
        }
      }
      @keyframes rock {
        0% {
          opacity: 0;
          transform-origin: 50% 50%;
          transform: scale(2) rotateX(-180deg);
          -webkit-filter: blur(90px)
        }
        to {
          opacity: 1;
          transform-origin: 50% 50%;
          transform: scale(.5) rotateX(0deg);
          -webkit-filter: blur(0)
        }
      }
      @keyframes coin {
        0% {
          opacity: 1;
          transform-origin: 0 0;
          transform: perspective(800px) rotateY(0deg) translateZ(0)
        }
        to {
          opacity: 0;
          transform-origin: 50% 0;
          transform: perspective(800px) rotateY(1turn) translateZ(100px)
        }
      }
      @keyframes cart {
        0% {
          opacity: 0;
          transform-origin: 50% 50%;
          transform: scale(1.5) perspective(800px) rotateX(0deg);
          filter: blur(2px)
        }
        to {
          opacity: 1;
          transform-origin: 50% 50%;
          transform: scale(.5) perspective(800px) rotateX(-180deg);
          filter: blur(0)
        }
      }
      @keyframes dice {
        0% {
          transform-origin: center;
          transform: rotate(0deg);
          animation-timing-function: ease-out
        }
        to {
          transform-origin: center;
          transform: rotate(-1turn);
          animation-timing-function: ease-in-out
        }
      }
      .blur {
        filter: blur(8px)
      }
      .over {
        overflow: hidden
      }
      @keyframes banner-animation {
        0% {
          transform: perspective(0) rotateY(0deg) scale(1)
        }
        to {
          transform: perspective(1200px) rotateY(10deg) scale(1.2)
        }
      }
      .flag {
        background: url(../assets/flags.png) no-repeat 0 0;
        width: 24px;
        height: 16px
      }
      .flag.argentina {
        background-position: 0 0
      }
      .flag.armenia {
        background-position: -34px 0
      }
      .flag.aruba {
        background-position: -68px 0
      }
      .flag.australia {
        background-position: -102px 0
      }
      .flag.austria {
        background-position: -136px 0
      }
      .flag.azerbaijan {
        background-position: -170px 0
      }
      .flag.azoresislands {
        background-position: -204px 0
      }
      .flag.bahamas {
        background-position: -238px 0
      }
      .flag.bahrain {
        background-position: -272px 0
      }
      .flag.balearicislands {
        background-position: -306px 0
      }
      .flag.bangladesh {
        background-position: -340px 0
      }
      .flag.barbados {
        background-position: -374px 0
      }
      .flag.basquecountry {
        background-position: -408px 0
      }
      .flag.belarus {
        background-position: -442px 0;
        height: 17px
      }
      .flag.belgium {
        background-position: -476px 0
      }
      .flag.belize {
        background-position: -510px 0
      }
      .flag.benin {
        background-position: -544px 0
      }
      .flag.bermuda {
        background-position: -578px 0
      }
      .flag.bhutan {
        background-position: -612px 0
      }
      .flag.bolivia {
        background-position: -646px 0
      }
      .flag.bonaire {
        background-position: -680px 0
      }
      .flag.bosniaandherzegovina {
        background-position: -714px 0
      }
      .flag.botswana {
        background-position: -748px 0
      }
      .flag.brazil {
        background-position: -782px 0
      }
      .flag.britishcolumbia {
        background-position: -816px 0
      }
      .flag.britishindianoceanterritory {
        background-position: -850px 0
      }
      .flag.britishvirginislands {
        background-position: -884px 0
      }
      .flag.brunei {
        background-position: -918px 0
      }
      .flag.bulgaria {
        background-position: -952px 0
      }
      .flag.burkinafaso {
        background-position: -986px 0
      }
      .flag.burundi {
        background-position: -1020px 0
      }
      .flag.cambodia {
        background-position: -1054px 0
      }
      .flag.cameroon {
        background-position: -1088px 0
      }
      .flag.canada {
        background-position: -1122px 0
      }
      .flag.canaryislands {
        background-position: -1156px 0
      }
      .flag.capeverde {
        background-position: -1190px 0
      }
      .flag.caymanislands {
        background-position: -1224px 0
      }
      .flag.centralafricanrepublic {
        background-position: -1258px 0
      }
      .flag.ceuta {
        background-position: -1292px 0
      }
      .flag.chad {
        background-position: -1326px 0
      }
      .flag.chile {
        background-position: -1360px 0
      }
      .flag.china {
        background-position: -1394px 0
      }
      .flag.christmasisland {
        background-position: -1428px 0
      }
      .flag.cocosisland {
        background-position: -1462px 0
      }
      .flag.colombia {
        background-position: -1496px 0
      }
      .flag.comoros {
        background-position: -1530px 0
      }
      .flag.cookislands {
        background-position: -1564px 0
      }
      .flag.corsica {
        background-position: -1598px 0
      }
      .flag.costarica {
        background-position: -1632px 0
      }
      .flag.croatia {
        background-position: -1666px 0
      }
      .flag.cuba {
        background-position: -1700px 0
      }
      .flag.curacao {
        background-position: -1734px 0
      }
      .flag.czechrepublic {
        background-position: -1768px 0
      }
      .flag.denmark {
        background-position: -1802px 0
      }
      .flag.democraticrepublicofcongo {
        background-position: -1836px 0
      }
      .flag.djibouti {
        background-position: -1870px 0
      }
      .flag.dominica {
        background-position: -1904px 0
      }
      .flag.dominicanrepublic {
        background-position: -1938px 0
      }
      .flag.easttimor {
        background-position: -1972px 0
      }
      .flag.ecuador {
        background-position: -2006px 0
      }
      .flag.egypt {
        background-position: -2040px 0
      }
      .flag.elsalvador {
        background-position: -2074px 0
      }
      .flag.england {
        background-position: -2108px 0
      }
      .flag.equatorialguinea {
        background-position: -2142px 0
      }
      .flag.eritrea {
        background-position: -2176px 0
      }
      .flag.estonia {
        background-position: -2210px 0
      }
      .flag.ethiopia {
        background-position: -2244px 0
      }
      .flag.europeanunion {
        background-position: -2278px 0
      }
      .flag.falklandislands {
        background-position: -2312px 0
      }
      .flag.fiji {
        background-position: -2346px 0
      }
      .flag.finland {
        background-position: -2380px 0
      }
      .flag.france {
        background-position: -2414px 0
      }
      .flag.frenchpolynesia {
        background-position: -2448px 0
      }
      .flag.gabon {
        background-position: -2482px 0
      }
      .flag.galapagosislands {
        background-position: -2516px 0
      }
      .flag.gambia {
        background-position: -2550px 0
      }
      .flag.georgia {
        background-position: -2584px 0
      }
      .flag.germany {
        background-position: -2618px 0
      }
      .flag.ghana {
        background-position: -2652px 0
      }
      .flag.gibraltar {
        background-position: -2686px 0
      }
      .flag.greece {
        background-position: -2720px 0
      }
      .flag.greenland {
        background-position: -2754px 0
      }
      .flag.grenada {
        background-position: -2788px 0
      }
      .flag.guam {
        background-position: -2822px 0
      }
      .flag.guatemala {
        background-position: -2856px 0
      }
      .flag.guernsey {
        background-position: -2890px 0
      }
      .flag.guinea {
        background-position: -2924px 0
      }
      .flag.guineabissau {
        background-position: -2958px 0
      }
      .flag.haiti {
        background-position: -2992px 0
      }
      .flag.honduras {
        background-position: -3026px 0
      }
      .flag.hawaii {
        background-position: -3060px 0
      }
      .flag.hongkong {
        background-position: -3094px 0
      }
      .flag.hungary {
        background-position: -3128px 0
      }
      .flag.iceland {
        background-position: -3162px 0
      }
      .flag.india {
        background-position: -3196px 0
      }
      .flag.indonesia {
        background-position: -3230px 0
      }
      .flag.iran {
        background-position: -3264px 0
      }
      .flag.iraq {
        background-position: -3298px 0
      }
      .flag.ireland {
        background-position: -3332px 0
      }
      .flag.isleofman {
        background-position: -3366px 0
      }
      .flag.israel {
        background-position: -3400px 0
      }
      .flag.italy {
        background-position: -3434px 0
      }
      .flag.ivorycoast {
        background-position: -3468px 0
      }
      .flag.jamaica {
        background-position: -3502px 0
      }
      .flag.japan {
        background-position: -3536px 0
      }
      .flag.jersey {
        background-position: -3570px 0
      }
      .flag.jordan {
        background-position: -3604px 0
      }
      .flag.kazakhstan {
        background-position: -3638px 0
      }
      .flag.kenya {
        background-position: -3672px 0
      }
      .flag.kiribati {
        background-position: -3706px 0
      }
      .flag.kosovo {
        background-position: -3740px 0
      }
      .flag.kwait {
        background-position: -3774px 0
      }
      .flag.kyrgyzstan {
        background-position: -3808px 0
      }
      .flag.laos {
        background-position: -3842px 0
      }
      .flag.latvia {
        background-position: -3876px 0
      }
      .flag.lebanon {
        background-position: -3910px 0
      }
      .flag.lesotho {
        background-position: -3944px 0
      }
      .flag.liberia {
        background-position: -3978px 0
      }
      .flag.libya {
        background-position: -4012px 0
      }
      .flag.liechtenstein {
        background-position: -4046px 0
      }
      .flag.lithuania {
        background-position: -4080px 0
      }
      .flag.luxembourg {
        background-position: -4114px 0
      }
      .flag.macao {
        background-position: -4148px 0
      }
      .flag.madagascar {
        background-position: -4182px 0
      }
      .flag.madeira {
        background-position: -4216px 0
      }
      .flag.malasya {
        background-position: -4250px 0
      }
      .flag.malawi {
        background-position: -4284px 0
      }
      .flag.maldives {
        background-position: -4318px 0
      }
      .flag.mali {
        background-position: -4352px 0
      }
      .flag.malta {
        background-position: -4386px 0
      }
      .flag.marshallisland {
        background-position: -4420px 0
      }
      .flag.martinique {
        background-position: -4454px 0
      }
      .flag.mauritania {
        background-position: -4488px 0
      }
      .flag.mauritius {
        background-position: -4522px 0
      }
      .flag.melilla {
        background-position: -4556px 0
      }
      .flag.mexico {
        background-position: -4590px 0
      }
      .flag.micronesia {
        background-position: -4624px 0
      }
      .flag.moldova {
        background-position: -4658px 0
      }
      .flag.monaco {
        background-position: -4692px 0
      }
      .flag.mongolia {
        background-position: -4726px 0
      }
      .flag.montenegro {
        background-position: -4760px 0
      }
      .flag.montserrat {
        background-position: -4794px 0
      }
      .flag.morocco {
        background-position: -4828px 0
      }
      .flag.mozambique {
        background-position: -4862px 0
      }
      .flag.myanmar {
        background-position: -4896px 0
      }
      .flag.namibia {
        background-position: -4930px 0
      }
      .flag.nato {
        background-position: -4964px 0
      }
      .flag.nauru {
        background-position: -4998px 0
      }
      .flag.nepal {
        background-position: -5032px 0
      }
      .flag.netherlands {
        background-position: -5066px 0
      }
      .flag.newzealand {
        background-position: -5100px 0
      }
      .flag.nicaragua {
        background-position: -5134px 0
      }
      .flag.niger {
        background-position: -5168px 0
      }
      .flag.nigeria {
        background-position: -5202px 0
      }
      .flag.niue {
        background-position: -5236px 0
      }
      .flag.norfolkisland {
        background-position: -5270px 0
      }
      .flag.northerncyprus {
        background-position: -5304px 0
      }
      .flag.northernmarianasislands {
        background-position: -5338px 0
      }
      .flag.northkorea {
        background-position: -5372px 0
      }
      .flag.norway {
        background-position: -5406px 0
      }
      .flag.oman {
        background-position: -5440px 0
      }
      .flag.ossetia {
        background-position: -5474px 0
      }
      .flag.pakistan {
        background-position: -5508px 0
      }
      .flag.palau {
        background-position: -5542px 0
      }
      .flag.palestine {
        background-position: -5576px 0
      }
      .flag.panama {
        background-position: -5610px 0
      }
      .flag.papuanewguinea {
        background-position: -5644px 0
      }
      .flag.paraguay {
        background-position: -5678px 0
      }
      .flag.peru {
        background-position: -5712px 0
      }
      .flag.philippines {
        background-position: -5746px 0
      }
      .flag.pitcairnislands {
        background-position: -5780px 0
      }
      .flag.poland {
        background-position: -5814px 0
      }
      .flag.portugal {
        background-position: -5848px 0
      }
      .flag.puertorico {
        background-position: -5882px 0
      }
      .flag.qatar {
        background-position: -5916px 0
      }
      .flag.rapanui {
        background-position: -5950px 0
      }
      .flag.republicofmacedonia {
        background-position: -5984px 0
      }
      .flag.republicofthecongo {
        background-position: -6018px 0
      }
      .flag.romania {
        background-position: -6052px 0
      }
      .flag.russia {
        background-position: -6086px 0
      }
      .flag.rwanda {
        background-position: -6120px 0
      }
      .flag.sabaisland {
        background-position: -6154px 0
      }
      .flag.sahrawiarabdemocraticrepublic {
        background-position: -6188px 0
      }
      .flag.saintkittsandnevis {
        background-position: -6222px 0
      }
      .flag.samoa {
        background-position: -6256px 0
      }
      .flag.sanmarino {
        background-position: -6290px 0
      }
      .flag.saotomeandprince {
        background-position: -6324px 0
      }
      .flag.sardinia {
        background-position: -6358px 0
      }
      .flag.saudiarabia {
        background-position: -6392px 0
      }
      .flag.scotland {
        background-position: -6426px 0
      }
      .flag.senegal {
        background-position: -6460px 0
      }
      .flag.serbia {
        background-position: -6494px 0
      }
      .flag.seychelles {
        background-position: -6528px 0
      }
      .flag.sicily {
        background-position: -6562px 0
      }
      .flag.sierraleone {
        background-position: -6596px 0
      }
      .flag.singapore {
        background-position: -6630px 0
      }
      .flag.sinteustatius {
        background-position: -6664px 0
      }
      .flag.sintmaarten {
        background-position: -6698px 0
      }
      .flag.slovakia {
        background-position: -6732px 0
      }
      .flag.slovenia {
        background-position: -6766px 0
      }
      .flag.solomonislands {
        background-position: -6800px 0
      }
      .flag.somalia {
        background-position: -6834px 0
      }
      .flag.somaliland {
        background-position: -6868px 0
      }
      .flag.southafrica {
        background-position: -6902px 0
      }
      .flag.southkorea {
        background-position: -6936px 0
      }
      .flag.southsudan {
        background-position: -6970px 0
      }
      .flag.spain {
        background-position: -7004px 0
      }
      .flag.srilanka {
        background-position: -7038px 0
      }
      .flag.stbarts {
        background-position: -7072px 0
      }
      .flag.stlucia {
        background-position: -7106px 0
      }
      .flag.stvincentandthegrenadines {
        background-position: -7140px 0
      }
      .flag.sudan {
        background-position: -7174px 0
      }
      .flag.suriname {
        background-position: -7208px 0
      }
      .flag.swaziland {
        background-position: -7242px 0
      }
      .flag.sweden {
        background-position: -7276px 0
      }
      .flag.switzerland {
        background-position: -7310px 0
      }
      .flag.syria {
        background-position: -7344px 0
      }
      .flag.taiwan {
        background-position: -7378px 0
      }
      .flag.tajikistan {
        background-position: -7412px 0
      }
      .flag.tanzania {
        background-position: -7446px 0
      }
      .flag.thailand {
        background-position: -7480px 0
      }
      .flag.tibet {
        background-position: -7514px 0
      }
      .flag.togo {
        background-position: -7548px 0
      }
      .flag.tokelau {
        background-position: -7582px 0
      }
      .flag.tonga {
        background-position: -7616px 0
      }
      .flag.transnistria {
        background-position: -7650px 0
      }
      .flag.trinidadandtobago {
        background-position: -7684px 0
      }
      .flag.tunisia {
        background-position: -7718px 0
      }
      .flag.turkey {
        background-position: -7752px 0
      }
      .flag.turkmenistan {
        background-position: -7786px 0
      }
      .flag.turksandcaicos {
        background-position: -7820px 0
      }
      .flag.tuvalu2 {
        background-position: -7854px 0
      }
      .flag.tuvalu {
        background-position: -7888px 0
      }
      .flag.uganda {
        background-position: -7922px 0
      }
      .flag.ukraine {
        background-position: -7956px 0
      }
      .flag.unitedarabemirates {
        background-position: -7990px 0
      }
      .flag.unitedkingdom {
        background-position: -8024px 0
      }
      .flag.unitednations {
        background-position: -8058px 0
      }
      .flag.unitedstates {
        background-position: -8092px 0
      }
      .flag.uruguay {
        background-position: -8126px 0
      }
      .flag.uzbekistn {
        background-position: -8160px 0
      }
      .flag.vanuatu {
        background-position: -8194px 0
      }
      .flag.vaticancity {
        background-position: -8228px 0
      }
      .flag.venezuela {
        background-position: -8262px 0
      }
      .flag.vietnam {
        background-position: -8296px 0
      }
      .flag.virginislands {
        background-position: -8330px 0
      }
      .flag.wales {
        background-position: -8364px 0
      }
      .flag.yemen {
        background-position: -8398px 0
      }
      .flag.zambia {
        background-position: -8432px 0
      }
      .flag.zimbabwe {
        background-position: -8466px 0
      }
      .flag.abkhazia {
        background-position: -8500px 0
      }
      .flag.afghanistan {
        background-position: -8534px 0
      }
      .flag.alandislands {
        background-position: -8568px 0
      }
      .flag.albania {
        background-position: -8602px 0
      }
      .flag.algeria {
        background-position: -8636px 0
      }
      .flag.americansamoa {
        background-position: -8670px 0
      }
      .flag.andorra {
        background-position: -8704px 0
      }
      .flag.angola {
        background-position: -8738px 0
      }
      .flag.anguilla {
        background-position: -8772px 0
      }
      .flag.antiguaandbarbuda {
        background-position: -8806px 0
      }
      .Navtop {
        position: relative;
        z-index: 99999;
        width: 100%;
        background-color: #323a42;
        border-bottom: 1px solid #4c5560
      }
      .Navtop-active {
        position: fixed;
        left: 0;
        top: 0;
        transition: .5s
      }
      .Navtop-active .Dropdown-button-menu, .Navtop-active .Navtop-links a {
        height: 50px !important;
        transition: .5s
      }
      .Navtop-active .Navtop-account-in {
        height: 42px !important;
        transition: .5s
      }
      .Navtop-in {
        justify-content: space-between
      }
      .Navtop-in, .Navtop-left {
        display: flex;
        align-items: center
      }
      .Navtop-left {
        padding-left: 20px;
        padding-right: 10px
      }
      .Navtop-left .Dropdown-button-menu {
        height: 60px;
        padding-right: 5px
      }
      .Navtop-left .Dropdown-button-menu i {
        color: #fff;
        font-size: 20px
      }
      .Navtop-language {
        margin-right: 10px
      }
      .Navtop-language-button {
        background-color: transparent;
        width: 40px;
        height: 40px
      }
      .Navtop-language-button img {
        width: 20px;
        height: 20px;
        -o-object-fit: contain;
        object-fit: contain
      }
      .Navtop-language-menu {
        transform: translate3d(0, 40px, 0) translateX(-50%) !important;
        left: 50% !important;
        border-radius: 6px;
        background-color: #48525c;
        padding-top: 0;
        padding-bottom: 0
      }
      .Navtop-language-item {
        display: flex;
        align-items: center;
        padding: 12px 10px;
        color: #bec7d0;
        font-size: 13px;
        border-bottom: 1px solid #55616c
      }
      .Navtop-language-item:last-child {
        border-bottom: none
      }
      .Navtop-language-item i, .Navtop-language-item img {
        width: 18px;
        height: 18px;
        font-size: 18px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-right: 3px
      }
      .Navtop-logo {
        margin-left: 15px;
        max-width: 150px
      }
      .Navtop-logo img {
        width: 100%;
        height: 25px;
        -o-object-fit: contain;
        object-fit: contain
      }
      .Navtop-right {
        flex-grow: 2;
        padding-left: 10px;
        display: flex;
        align-items: center;
        justify-content: flex-end
      }
      .Navtop-account {
        margin-right: 20px;
        margin-left: 15px;
        font-size: 24px;
        color: #9ea8b2;
        background-color: transparent;
        padding-bottom: 3px
      }
      .Navtop-account:focus, .Navtop-account:hover {
        color: #9ea8b2;
        transition: .5s
      }
      .Navtop-balance {
        height: 30px;
        border-radius: 6px;
        background-color: #1b2125;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 5px;
        padding-right: 5px
      }
      .Navtop-balance span {
        white-space: nowrap;
        padding-bottom: 3px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.24px;
        display: block;
        text-align: center;
        color: #fff
      }
      .Navtop-balance-link {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 14px
      }
      .Navtop-balance-link:first-child {
        color: #ff2551
      }
      .Navtop-balance-link:last-child {
        color: #008758
      }
      .Navtop-links {
        font-family: Montserrat, sans-serif
      }
      .Navtop-links, .Navtop-links a {
        display: flex;
        align-items: center
      }
      .Navtop-links a {
        flex-direction: column;
        justify-content: center;
        width: 60px;
        height: 60px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.24px;
        text-align: center;
        color: #e5eaf0;
        border-left: 1px solid #4c5560
      }
      .Navtop-links a i {
        font-size: 16px
      }
      .Navtop-links a:first-child i {
        color: #a7b1bc
      }
      .Navtop-links a:last-child i {
        color: #008758
      }
      .Bottom {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        background-color: #323a42
      }
      .Bottom-in {
        display: flex;
        justify-content: space-between
      }
      .Bottom-item {
        padding-top: 11px;
        padding-bottom: 11px;
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        text-align: center;
        color: #afbbc6;
        position: relative;
        background-color: transparent !important;
        font-weight: 600;
        height: auto !important;
        z-index: 9;
        margin: 0 !important
      }
      .Bottom-item i {
        margin-top: 2px;
        margin-bottom: 2px;
        font-size: 20px;
        color: #cacedb
      }
      .Bottom-item:nth-child(3) {
        font-size: 28px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: -.56px;
        text-align: center;
        color: #39414a;
        display: flex;
        border-radius: 16px;
        align-items: center;
        justify-content: center;
        transform: translateY(-16px);
        font-family: pannosign, sans-serif
      }
      .Bottom-item:nth-child(3):before {
        position: absolute;
        left: 50%;
        content: "";
        display: inline-block;
        transition: .5s;
        width: 50px;
        height: 50px;
        border: 3px solid #323a42;
        background-color: #ffde00;
        border-radius: 16px;
        transform: translateX(-50%) rotate(45deg);
        z-index: -1
      }
      .Bottom-item:focus, .Bottom-item:hover {
        color: #fff
      }
      .Bottom .active i {
        color: #008758
      }
      .Dropdown-button {
        background-color: transparent;
        position: relative;
        transition: .5s
      }
      .Dropdown-button:active, .Dropdown-button:focus, .Dropdown-button:hover {
        color: #fff
      }
      .Dropdown-button-active {
        background-color: #1a2348
      }
      .Dropdown-button:focus {
        transition: .5s;
        color: #fff
      }
      .Dropdown-button:nth-of-type(2) {
        padding-right: 5px
      }
      .Dropdown-button i {
        font-size: 22px;
        color: #fff;
        display: block
      }
      .Dropdown-button-badge {
        position: absolute;
        right: 8px;
        top: 8px;
        width: 20px;
        height: 20px;
        background-color: #157cdb;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Montserrat, sans-serif;
        font-size: 11px;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -.22px;
        text-align: center;
        color: #fff;
        border-radius: 100%
      }
      .Dropdown-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #262d33;
        color: #fff;
        padding-bottom: 30px;
        z-index: 999;
        transition: .3s
      }
      .Dropdown-menu-in {
        overflow-y: scroll;
        height: 100%
      }
      .All {
        transform: translateY(100px);
        transition: .3s;
        opacity: 0;
        pointer-events: none;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 999
      }
      .All-active {
        opacity: 1;
        transition: .3s;
        transform: translateY(0);
        pointer-events: auto
      }
      .All .Menu-inner {
        border-bottom: 1px solid #313a42
      }
      .All-favorite {
        padding-top: 15px;
        padding-bottom: 15px
      }
      .All-favorite-item {
        justify-content: space-between;
        margin-bottom: 15px
      }
      .All-favorite-item, .All-favorite-item-flag, .All-favorite-item-icon, .All-favorite-item-teams {
        display: flex;
        align-items: center
      }
      .All-favorite-item-icon {
        width: 38px;
        height: 38px;
        border: 1px solid #262d33;
        background-color: #4a535c;
        border-radius: 100%;
        justify-content: center
      }
      .All-favorite-item-icon:last-child {
        transform: translateX(-10px)
      }
      .All-favorite-item-icon img {
        width: 28px;
        height: 28px;
        -o-object-fit: contain;
        object-fit: contain
      }
      .All-favorite-item-name {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 190px;
        white-space: nowrap
      }
      .All-favorite-item-button {
        background-color: transparent;
        font-size: 20px;
        color: #9da8b3
      }
      .Menu {
        transform: translateX(-100px);
        transition: .3s;
        opacity: 0;
        right: 0;
        pointer-events: none;
        z-index: 999
      }
      .Menu-active {
        opacity: 1;
        transition: .3s;
        transform: translateX(0);
        pointer-events: auto
      }
      .Menu-head {
        position: relative;
        padding: 45px 20px 35px
      }
      .Menu-close {
        border-radius: 100%;
        width: 36px;
        height: 36px;
        background-color: #1f252b;
        font-size: 14px;
        color: #c2c8d9;
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%)
      }
      .Menu-top {
        transition: .5s;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        height: 70px;
        left: 0;
        right: 0;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #262d33;
        z-index: 99
      }
      .Menu-top h5 {
        font-size: 28px;
        font-weight: 300;
        line-height: .79;
        color: #fff;
        margin-right: auto;
        margin-left: 60px
      }
      .Menu-top-logo:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 165px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/logo.svg)
      }
      .Menu-login {
        margin-top: 30px;
        justify-content: space-between;
        width: 100%;
        height: 70px;
        border-radius: 12px;
        background-color: #39424b;
        padding-left: 15px;
        padding-right: 23px
      }
      .Menu-login, .Menu-login-left {
        display: flex;
        align-items: center
      }
      .Menu-login-left h6 {
        margin-left: 13px;
        display: flex;
        flex-direction: column;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        color: #fff
      }
      .Menu-login-left p {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.83;
        color: #00c683
      }
      .Menu-login-left span {
        color: #b9c0c8
      }
      .Menu-login-left a {
        color: #00c683
      }
      .Menu-mode {
        display: flex;
        align-items: center;
        background-color: transparent
      }
      .Menu-mode i {
        margin-right: 8px;
        font-size: 20px;
        color: #dbe1ea
      }
      .Menu-mode-in {
        width: 40px;
        height: 20px;
        border-radius: 10px;
        border: 1px solid #858f99;
        background-color: #39424b;
        display: block;
        position: relative
      }
      .Menu-mode-in:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 14px;
        height: 14px;
        background-color: #9ea8b2;
        position: absolute;
        right: 3px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 100%
      }
      .Menu-mode.active .Menu-mode-in:before {
        transition: .5s;
        right: 21px
      }
      .Menu-support {
        margin-top: 6px;
        display: flex;
        justify-content: space-between
      }
      .Menu-support a {
        height: 50px;
        border-radius: 12px;
        background-color: #1b2125;
        display: flex;
        font-weight: 600;
        align-items: center;
        justify-content: center;
        width: calc(50% - 3px)
      }
      .Menu-support a i {
        margin-right: 8px;
        font-size: 18px
      }
      .Menu-support a:first-child i {
        color: #008758
      }
      .Menu-support a:last-child i {
        color: #ffde00
      }
      .Menu-finance {
        justify-content: space-between
      }
      .Menu-finance, .Menu-finance a {
        display: flex;
        align-items: center
      }
      .Menu-finance a {
        width: calc(50% - 3px);
        justify-content: space-around;
        height: 60px;
        border-radius: 8px;
        border-style: solid;
        border-width: 1.4px;
        border-image-source: linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
        border-image-slice: 1;
        background-image: linear-gradient(180deg, #424b55, #424b55), linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
        background-origin: border-box;
        background-clip: content-box, border-box
      }
      .Menu-finance a p {
        font-size: 14px;
        font-weight: 600;
        font-style: normal;
        line-height: 1.4;
        color: #fff
      }
      .Menu-finance a p span {
        display: block;
        font-size: 12px;
        color: #e7ebef
      }
      .Menu-finance a i {
        font-size: 20px;
        position: relative
      }
      .Menu-finance a i:after {
        content: " ";
        display: inline-block;
        transition: .5s;
        width: 38px;
        height: 8px;
        opacity: .8;
        filter: blur(20px);
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
      }
      .Menu-finance a:first-child i {
        color: #00c683
      }
      .Menu-finance a:first-child i:after {
        background-color: #00c683;
        bottom: 0
      }
      .Menu-finance a:last-child i {
        color: #ffde00
      }
      .Menu-finance a:last-child i:after {
        background-color: #ffde00;
        top: 0
      }
      .Menu-inner {
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px
      }
      .Menu-inner:nth-of-type(2) {
        border-bottom: 1px solid #313a42;
        padding-bottom: 30px
      }
      .Menu-inner .Navbottom-app {
        margin-top: 0
      }
      .Menu-header {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.1;
        color: #ffde00;
        margin-left: 20px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 10px
      }
      .Menu-header span {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.47;
        letter-spacing: -.3px;
        color: #abb8c2
      }
      .Menu-item {
        height: 55px;
        border-radius: 12px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        display: flex;
        align-items: center
      }
      .Menu-item.active i {
        color: #ffde00
      }
      .Menu-item:nth-of-type(odd) {
        background-color: #313a42
      }
      .Menu-item a {
        height: 50px;
        padding: 0 20px;
        width: 100%
      }
      .Menu-item a, .Menu-item i {
        display: flex;
        align-items: center
      }
      .Menu-item i {
        font-size: 20px;
        color: #bfc8d2;
        margin-right: 20px;
        justify-content: center
      }
      .Menu-item-button[aria-expanded=true] {
        background-color: #212633
      }
      .Menu-item-button[aria-expanded=true]:after {
        transform: rotate(180deg)
      }
      .Menu-item-button:after {
        margin-left: auto;
        content: "";
        display: inline-block;
        width: 10px;
        height: 6px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/icon-down2.svg)
      }
      .Menu-other a:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 6px;
        height: 6px;
        background-color: #4a555e;
        border-radius: 100%;
        margin-right: 12px
      }
      .Account {
        transform: translateX(50px);
        transition: .3s;
        opacity: 0;
        top: 61px;
        pointer-events: none;
        background-color: #39414a
      }
      .Account-in {
        padding: 40px 20px
      }
      .Account-active {
        opacity: 1;
        transition: .3s;
        transform: translateX(0);
        pointer-events: auto
      }
      .Account-head, .Account-head-link {
        display: flex;
        justify-content: center
      }
      .Account-head-link {
        width: 45px;
        height: 45px;
        background-color: #262d33;
        align-items: center;
        border-radius: 100%;
        margin-top: 20px
      }
      .Account-head-link i {
        font-size: 18px
      }
      .Account-head-left i {
        color: #008758
      }
      .Account-head-right i {
        color: #ffde00
      }
      .Account-head-center {
        padding-left: 25px;
        padding-right: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
      }
      .Account-head-center img {
        width: 85px;
        height: 85px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-bottom: 15px
      }
      .Account-head-center p {
        font-size: 20px;
        font-weight: 400;
        color: #fff
      }
      .Account-head-center span {
        font-size: 17px;
        font-weight: 600;
        color: #00c683
      }
      .Account-menu {
        border-radius: 12px;
        background-color: #48525c;
        margin-top: 35px;
        margin-bottom: 35px
      }
      .Account-menu-item {
        height: 55px;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #55616c;
        font-size: 1rem
      }
      .Account-menu-item:last-child {
        border-bottom: none
      }
      .Account-menu-item i {
        margin-right: 20px
      }
      .Navbottom {
        width: 100%;
        position: relative;
        z-index: 1;
        overflow: hidden
      }
      .Navbottom-in {
        background-color: #39414a;
        padding-top: 25px;
        padding-bottom: 90px
      }
      .Navbottom-support-in {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        border-radius: 12px;
        background-color: #008758;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.57;
        color: #fff
      }
      .Navbottom-support-in i {
        margin-right: 12px;
        font-size: 16px
      }
      .Navbottom-support-in:focus, .Navbottom-support-in:hover, .Navbottom-support-in:visited {
        color: #fff;
        transition: .5s
      }
      .Navbottom-app {
        margin-top: 25px
      }
      .Navbottom-app-in {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px
      }
      .Navbottom-app h3 {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.57;
        text-align: center;
        color: #b9c0c8
      }
      .Navbottom-app-item {
        width: calc(50% - 3px);
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        border-radius: 12px;
        background-image: url(../assets/app-back.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
      }
      .Navbottom-app-item span {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.7;
        color: #fff
      }
      .Navbottom-app-item i {
        color: #fff;
        font-size: 24px
      }
      .Navbottom-app-item:hover {
        transform: scale(.95);
        transition: .5s
      }
      .Navbottom-description {
        display: flex;
        padding: 30px 20px 20px
      }
      .Navbottom-description-left {
        padding-right: 20px;
        width: 30%
      }
      .Navbottom-description-left img {
        height: 102px;
        -o-object-fit: contain;
        object-fit: contain
      }
      .Navbottom-description-right {
        padding-right: 10px;
        width: 70%;
        display: flex;
        flex-direction: column;
        align-items: center
      }
      .Navbottom-description-right p {
        font-size: 11px;
        line-height: 1.6;
        color: #fff
      }
      .Navbottom-menu {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        position: relative
      }
      .Navbottom-menu-head {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px;
        position: relative;
        display: flex;
        align-items: center;
        text-align: left;
        color: #e0e5ef;
        height: 48px;
        line-height: 1;
        transition: .5s;
        border-radius: 6px;
        background-color: #4a535c;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px
      }
      .Navbottom-menu-head i {
        margin-left: auto;
        font-size: 6px;
        color: #9198ab
      }
      .Navbottom-menu-head:focus, .Navbottom-menu-head:hover {
        color: #fff
      }
      .Navbottom-menu-head[aria-expanded=true] {
        background-color: #555f69;
        transition: .5s
      }
      .Navbottom-menu-head[aria-expanded=true] i {
        transform: rotate(180deg)
      }
      .Navbottom-item {
        width: 100%
      }
      .Navbottom-item .active {
        color: #fff
      }
      .Navbottom-item ul {
        padding-top: 10px;
        padding-bottom: 10px
      }
      .Navbottom-item li {
        position: relative;
        margin-bottom: 10px;
        padding-left: 20px
      }
      .Navbottom-item li a {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -.28px;
        color: #e0e5ef;
        transition: color .5s
      }
      .Navbottom-item li a:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 10px;
        height: 10px;
        border: 2px solid #85919d;
        margin-right: 15px;
        border-radius: 100%
      }
      .Navbottom-item li a:hover a {
        color: #eaedfa;
        transition: .5s
      }
      .Navbottom-item li a:hover:before {
        transition: .5s;
        background-color: #e1233d
      }
      .Navbottom-item:last-child {
        margin-bottom: 0
      }
      .Navbottom-social {
        margin-top: 25px;
        padding-left: 15px;
        padding-right: 15px
      }
      .Navbottom-social-in {
        display: flex;
        align-items: center;
        justify-content: space-around
      }
      .Navbottom-social-item {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: #fff;
        width: 75px;
        height: 50px;
        border-radius: 12px;
        border: 2px solid transparent;
        transition: .5s
      }
      .Navbottom-social-item:hover {
        border-color: #313a42;
        transition: .5s;
        color: #fff
      }
      .Slider {
        overflow: hidden;
        position: relative
      }
      .Slider .swiper-button-next, .Slider .swiper-button-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 21px;
        margin-top: 0;
        border-radius: 6px;
        background-color: #59636c;
        background-image: none;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Slider .swiper-button-next i, .Slider .swiper-button-prev i {
        font-size: 6px;
        color: #bcc5ce
      }
      .Slider .swiper-button-next:hover, .Slider .swiper-button-prev:hover {
        transition: .5s
      }
      .Slider .swiper-button-prev {
        left: 5px
      }
      .Slider .swiper-button-next {
        right: 5px
      }
      .Slider .swiper-pagination-bullets {
        background-color: #2a3040;
        height: 12px
      }
      .Slider .swiper-pagination-bullet {
        width: 18px;
        border-radius: 3px;
        height: 3px;
        margin: 0 10px 0 0;
        background-color: hsla(0, 0%, 100%, .2);
        opacity: 1;
        transform: translateY(-10px)
      }
      .Slider .swiper-pagination-bullet-active {
        background-color: #008758
      }
      .H_menu {
        background-color: #39414a;
        padding-top: 20px;
        padding-bottom: 20px
      }
      .H_menu-in {
        display: flex;
        transition: .5s;
        overflow-x: scroll;
        padding-left: 20px;
        padding-right: 20px
      }
      .H_menu-grid .H_menu-in {
        overflow-x: hidden;
        flex-wrap: wrap;
        margin-right: -5px
      }
      .H_menu-grid .H_menu-item {
        min-width: auto
      }
      .H_menu-item {
        position: relative;
        min-width: 165px;
        width: calc(50% - 5px);
        border-radius: 16px;
        margin-right: 5px;
        margin-bottom: 5px
      }
      .H_menu-item:before {
        content: "";
        display: inline-block;
        transition: .5s;
        background-image: linear-gradient(180deg, rgba(31, 37, 43, 0), rgba(31, 37, 43, .6), #1f252b);
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 65%;
        border-radius: 16px
      }
      .H_menu-item img {
        border-radius: 16px
      }
      .H_menu-item-text {
        z-index: 2;
        position: absolute;
        top: 20px;
        bottom: 20px;
        left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .H_menu-item-text i {
        width: 40px;
        height: 40px;
        padding: 8px;
        background-color: #d7e0e9;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #242a31;
        border-radius: 100%
      }
      .H_menu-item-text p {
        font-size: 20px;
        line-height: 1.1;
        letter-spacing: -.6px;
        color: #fff
      }
      .H_menu-item-text p span {
        display: block;
        font-size: 17px;
        line-height: 1.29;
        letter-spacing: -.51px;
        color: #ffde00
      }
      .H_bonus {
        padding-top: 20px;
        padding-bottom: 20px
      }
      .H_bonus-item {
        display: block
      }
      .H_bonus-item, .H_bonus-item img {
        border-radius: 20px
      }
      .H_bonus .swiper-container {
        padding-left: 20px;
        padding-right: 20px
      }
      .H_bonus .swiper-button-next, .H_bonus .swiper-button-prev {
        background-image: none;
        width: 33px;
        height: 33px;
        border: 3px solid #39414a;
        background-color: #56616c;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin-top: 0;
        transform: translateY(-50%);
        padding-bottom: 3px
      }
      .H_bonus .swiper-button-next i, .H_bonus .swiper-button-prev i {
        font-size: 8px;
        color: #e8eef3
      }
      .H_bonus .swiper-button-prev {
        left: 10px
      }
      .H_bonus .swiper-button-next {
        right: 10px
      }
      .H_games {
        padding-top: 15px;
        padding-bottom: 30px
      }
      .H_games .container {
        padding-right: 0
      }
      .H_games .swiper-container {
        z-index: 9;
        margin-top: 15px
      }
      .H_games .swiper-button-next, .H_games .swiper-button-prev {
        z-index: 12;
        opacity: 1;
        position: absolute;
        top: 0;
        margin-top: 0;
        border-radius: 5px;
        background-image: none;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .5s
      }
      .H_games .swiper-button-next i, .H_games .swiper-button-prev i {
        transition: .5s;
        font-size: 16px;
        color: #9399a9
      }
      .H_games .swiper-button-prev {
        left: auto;
        right: 25px
      }
      .H_games .swiper-button-next {
        z-index: 11;
        right: 0;
        width: 36px;
        border-left: none;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
      }
      .H_games-item {
        position: relative
      }
      .H_games-item-image, .H_games-item-image img {
        border-radius: 20px
      }
      .H_games-item-text {
        position: absolute;
        left: 25px;
        right: 25px;
        top: 25px;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .H_games-item-text p {
        font-size: 17px;
        font-weight: 300;
        line-height: 1.29;
        color: #fff
      }
      .H_games-item-text span {
        font-size: 24px;
        color: #ffde00
      }
      .H_payment-in {
        display: flex;
        overflow-x: scroll;
        padding: 20px 0 20px 20px;
        background-color: #262d33
      }
      .H_payment-item {
        margin-right: 20px
      }
      .H_payment-item img {
        max-width: unset
      }
      .H_match {
        background-color: #39414a;
        margin-top: 15px;
        transition: .3s
      }
      .H_match-header {
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        color: #fff
      }
      .H_match-links {
        margin-top: 15px
      }
      .H_match-links-in {
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        align-items: center;
        overflow-x: scroll;
        padding-bottom: 15px
      }
      .H_match-links-item {
        margin-right: 5px;
        min-width: 85px;
        height: 30px;
        border-radius: 6px;
        background-color: #4a535c;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: -.18px;
        color: #bec7d0
      }
      .H_match-links-item i {
        margin-right: 5px;
        font-size: 14px
      }
      .H_match-links-item.active {
        color: #fff;
        background-color: #008758
      }
      .Head {
        position: relative;
        display: flex;
        align-items: center;
        padding-right: 15px
      }
      .Head:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 4px;
        height: 32px;
        border-radius: 2px;
        background-color: #008758;
        margin-right: 15px
      }
      .Head h6 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.29;
        color: #fff;
        margin-bottom: 5px
      }
      .Head p {
        max-width: 350px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.5;
        color: #bec7d0
      }
      .Betsit_tv {
        margin-bottom: 15px;
        padding: 5px 20px
      }
      .Search {
        padding-bottom: 20px;
        background-color: #39414a
      }
      .Search-form {
        height: 60px;
        background-color: #2c343b;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        align-items: center
      }
      .Search-form:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 2px;
        height: 24px;
        border-radius: 1px;
        background-color: #00c683
      }
      .Search-form-label {
        font-size: 12px;
        color: #bec7d0;
        margin-bottom: 5px;
        line-height: 1
      }
      .Search-form form {
        width: 100%
      }
      .Search-form-in {
        padding-left: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
      }
      .Search-form-inner {
        width: 85%;
        display: flex;
        flex-direction: column;
        align-items: flex-start
      }
      .Search-form-input {
        padding-left: 0;
        background-color: transparent !important;
        border: none !important;
        font-size: 17px;
        letter-spacing: -.34px;
        color: #fff;
        height: 17px
      }
      .Search-form-input:-ms-input-placeholder {
        font-size: 17px;
        letter-spacing: -.34px;
        color: #fff;
        opacity: .7
      }
      .Search-form-input::placeholder {
        font-size: 17px;
        letter-spacing: -.34px;
        color: #fff;
        opacity: .7
      }
      .Search-form-input:focus {
        color: #fff;
        box-shadow: none;
        outline: none
      }
      .Search-form-button, .Search-form-input:focus {
        background-color: transparent
      }
      .Search-form-button i {
        color: #a3adb8;
        font-size: 16px
      }
      .Search-in {
        padding-top: 10px
      }
      .Search-head {
        padding: 15px 20px
      }
      .Search-head h6 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.29;
        letter-spacing: -.34px;
        color: #fff
      }
      .Search-head span {
        font-size: 12px;
        letter-spacing: -.22px;
        color: #bec7d0
      }
      .Search-danger {
        padding: 10px 20px
      }
      .Search-danger-in {
        padding: 15px 20px;
        border-radius: 12px;
        background-color: #313943
      }
      .Search-danger p {
        font-size: 12px;
        line-height: 1.8;
        letter-spacing: -.24px;
        color: #bec7d0
      }
      .Search-match {
        border-bottom: 1px solid #4a535c;
        padding: 12px 20px
      }
      .Search-match:first-child {
        border-top: 1px solid #4a535c
      }
      .Search-match-in {
        justify-content: space-between
      }
      .Search-match-in, .Search-match-left {
        display: flex;
        align-items: center
      }
      .Search-match-type {
        margin-right: 20px
      }
      .Search-match-type i {
        color: #fff;
        font-size: 16px
      }
      .Search-match-team {
        display: block
      }
      .Search-match-team p {
        font-size: 13px;
        letter-spacing: -.24px;
        color: #e8eef3;
        font-weight: 600;
        max-width: 160px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Search-match-team span {
        color: #00c683
      }
      .Search-match-date {
        line-height: 1.8;
        display: block;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.18px;
        color: #bec7d0
      }
      .Search-match-right {
        display: flex;
        align-items: center
      }
      .Search-match-statistics i {
        color: #838f9a;
        font-size: 16px
      }
      .Search-match-more {
        margin-left: 20px;
        width: 48px;
        height: 62px;
        border-radius: 6px;
        background-color: #4a535c;
        font-family: pannosign, sans-serif;
        font-size: 15px;
        letter-spacing: -.3px;
        text-align: center;
        color: #ffde00;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Search-leauge {
        margin-bottom: 8px;
        padding: 0 20px
      }
      .Search-leauge-in {
        padding: 0 15px;
        height: 40px;
        border-radius: 6px;
        background-color: #4a535c;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Search-leauge-type {
        color: #fff;
        font-size: 16px;
        margin-right: 10px
      }
      .Search-leauge-name {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -.28px;
        color: #e8eef3
      }
      .Search-leauge-name span {
        color: #00c683
      }
      .Search-leauge-counter {
        font-family: pannosign, sans-serif;
        font-size: 13px;
        letter-spacing: -.24px;
        color: #abb8c2
      }
      .Search-game {
        padding: 0 20px;
        margin-bottom: 8px
      }
      .Search-game-in {
        padding: 0 20px;
        display: flex;
        align-items: center;
        height: 84px;
        border-radius: 12px;
        background-color: #48525c
      }
      .Search-game-in img {
        width: 52px;
        height: 52px;
        border: 2px solid #737f89;
        border-radius: 100%
      }
      .Search-game-name {
        margin-left: 15px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -.28px;
        color: #fff
      }
      .Search-game-name span {
        color: #00c683
      }
      .Search-game-name b {
        display: block;
        font-weight: 400
      }
      .Search-game-icon {
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 12px;
        border: 1px solid #59636c;
        background-color: #404852;
        color: #a3adb8;
        font-size: 10px
      }
      .Filter {
        padding: 20px
      }
      .Filter-in {
        display: flex
      }
      .Filter-select {
        width: 50%;
        flex-grow: 2;
        margin-right: 5px
      }
      .Filter-select-button {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 40px;
        border-radius: 6px;
        background-color: #59636c;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.24px;
        color: #bec7d0;
        padding: 0 18px
      }
      .Filter-select-button i {
        color: #a3adb8;
        font-size: 7px
      }
      .Filter-select-button:focus, .Filter-select-button:hover {
        color: #bec7d0
      }
      .Filter-select-button[aria-expanded=true] {
        background-color: #69747d
      }
      .Filter-select-button[aria-expanded=true] .Filter-select-button-icon {
        transform: rotate(180deg)
      }
      .Filter-search {
        width: 50%;
        flex-grow: 2
      }
      .Filter-search-in {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 40px;
        border-radius: 6px;
        background-color: #59636c;
        padding: 0 18px
      }
      .Filter-search-input {
        padding-left: 0;
        background-color: transparent;
        border: none;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.24px;
        color: #bec7d0
      }
      .Filter-search-input:-ms-input-placeholder {
        font-size: 13px;
        letter-spacing: -.34px;
        color: #bec7d0;
        opacity: .7
      }
      .Filter-search-input::placeholder {
        font-size: 13px;
        letter-spacing: -.34px;
        color: #bec7d0;
        opacity: .7
      }
      .Filter-search-input:focus {
        color: #bec7d0;
        box-shadow: none;
        outline: none
      }
      .Filter-search-button, .Filter-search-input:focus {
        background-color: transparent
      }
      .Filter-search-button i {
        color: #a3adb8;
        font-size: 16px
      }
      .Sanal {
        padding-bottom: 20px
      }
      .Sanal-in {
        padding-left: 20px;
        padding-right: 20px
      }
      .Sanal-item {
        background-color: #606b78;
        display: block;
        margin-bottom: 8px
      }
      .Sanal-item, .Sanal-item img {
        border-radius: 12px
      }
      .Sanal-item-name {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        background-color: #606b78;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        position: relative
      }
      .G_list {
        padding-top: 5px
      }
      .G_list-in {
        padding: 20px;
        background-color: #2c343b;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
      }
      .G_list-search-in {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 55px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background-color: #262d34;
        padding: 0 18px;
        position: relative
      }
      .G_list-search-in:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 2px;
        height: 18px;
        border-radius: 1px;
        background-color: #00c683;
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%)
      }
      .G_list-search-input {
        padding-left: 20px;
        background-color: transparent;
        border: none;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.24px;
        color: #bec7d0
      }
      .G_list-search-input:-ms-input-placeholder {
        font-size: 13px;
        letter-spacing: -.34px;
        color: #bec7d0;
        opacity: .7
      }
      .G_list-search-input::placeholder {
        font-size: 13px;
        letter-spacing: -.34px;
        color: #bec7d0;
        opacity: .7
      }
      .G_list-search-input:focus {
        color: #bec7d0;
        box-shadow: none;
        outline: none
      }
      .G_list-search-button, .G_list-search-input:focus {
        background-color: transparent
      }
      .G_list-search-button i {
        color: #a3adb8;
        font-size: 16px
      }
      .G_list-item {
        margin-bottom: 8px
      }
      .G_list-item, .G_list-item-type {
        display: flex;
        align-items: center
      }
      .G_list-item-type {
        margin-right: 15px;
        width: 46px;
        height: 46px;
        border-radius: 6px;
        border: 2px solid #424d56;
        background-color: #2c343b;
        justify-content: center
      }
      .G_list-item-type img {
        max-width: 80%;
        max-height: 80%;
        -o-object-fit: contain;
        object-fit: contain
      }
      .G_list-item-name {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -.28px;
        color: #e8eef3;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 150px;
        white-space: nowrap
      }
      .G_list-item-counter {
        margin-left: auto;
        font-size: 15px;
        color: #abb8c2;
        font-family: pannosign, sans-serif
      }
      .G_list-item-counter i {
        margin-left: 12px;
        color: #00c683;
        font-size: 12px
      }
      .G_list-more {
        font-size: 12px;
        text-align: center;
        color: #dde4eb;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        border-radius: 6px;
        background-color: #606b78;
        margin-top: 10px
      }
      .G_list-more i {
        color: #00c683;
        font-size: 7px;
        margin-left: 6px;
        margin-top: 3px
      }
      .G_list-more:hover {
        color: #fff;
        transition: .5s
      }
      .G_links {
        background-color: #2c343b
      }
      .G_links-in {
        padding: 15px 20px;
        display: flex;
        align-items: center;
        overflow-x: scroll
      }
      .G_links-item {
        padding: 7px 15px;
        height: 32px;
        margin-right: 4px;
        border-radius: 6px;
        border: 1px solid #455059;
        background-color: #2c343b;
        font-size: 12px;
        font-weight: 600;
        color: #e0e7ed;
        white-space: nowrap
      }
      .G_links-item.active {
        background-color: #008758
      }
      .Game-header {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -.4px;
        color: #fff;
        display: flex;
        align-items: center
      }
      .Game-header:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 6px;
        height: 6px;
        background-color: #00c683;
        margin-right: 12px;
        border-radius: 100%
      }
      .Game-in {
        padding: 15px 20px
      }
      .Game-inner {
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
      }
      .Game-item {
        margin-bottom: 6px;
        width: calc(50% - 3px);
        background-color: #292f36
      }
      .Game-item, .Game-item-image, .Game-item-image img {
        border-radius: 8px
      }
      .Game-item-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px
      }
      .Game-item-favorite {
        z-index: 99;
        width: 20px;
        height: 20px;
        border-radius: 8px;
        background-color: transparent
      }
      .Game-item-favorite, .Game-item-favorite-icon {
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Game-item-favorite-icon:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 18px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/heart.svg)
      }
      .Game-item-favorite input[type=checkbox] {
        position: absolute;
        opacity: 0
      }
      .Game-item-favorite label {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Game-item-favorite input:checked~label .Game-item-favorite-icon:before {
        background-image: url(../assets/heartfull-green.svg)
      }
      .Game-item-text p {
        font-size: 12px;
        letter-spacing: -.22px;
        color: #fff;
        max-width: 115px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Game-item-text span {
        display: block;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: -.18px;
        color: #bec7d0
      }
      .Multi_slider {
        padding-top: 15px
      }
      .Multi_slider .swiper-container {
        padding-top: 10px;
        padding-bottom: 10px
      }
      .Multi_slider img {
        border-radius: 8px
      }
      .Multi_slider .swiper-slide {
        transition: .5s
      }
      .Multi_slider .swiper-slide-active {
        transform: scale(1.08)
      }
      .Bonus-in {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
      }
      .Bonus-item {
        display: block;
        width: 100%;
        margin-bottom: 6px
      }
      .Bonus-item, .Bonus-item img {
        border-radius: 8px
      }
      .Bonus-item.two {
        width: calc(50% - 3px)
      }
      .Bonus-detail {
        background-color: #39414a
      }
      .Bonus-detail-banner {
        position: relative
      }
      .Bonus-detail-in {
        padding: 30px 20px
      }
      .Bonus-detail .close {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 1;
        text-shadow: none
      }
      .Bonus-detail .close i {
        color: #c1cad3;
        font-size: 14px
      }
      .Bonus-detail-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px
      }
      .Bonus-detail-item span {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 26px;
        height: 26px;
        background-color: #008758;
        margin-right: 13px;
        border-radius: 100%;
        font-size: 11px;
        font-weight: 600;
        color: #fff
      }
      .Bonus-detail-item p {
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: -.28px;
        color: #fff
      }
      .Bonus-detail-back {
        height: 45px;
        border-radius: 6px;
        border: 1px solid #606b78;
        background-color: #39414a;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        text-align: center;
        color: #dde4eb
      }
      .Bonus-detail-back i {
        margin-right: 20px;
        color: #bcc5ce;
        font-size: 8px
      }
      .Bonus .modal-dialog {
        display: block;
        margin: 0
      }
      .Text-head {
        margin-bottom: 25px;
        height: 42px;
        border-radius: 12px;
        border: 1px solid #59636c;
        background-color: #39414a;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 20px;
        padding-right: 20px
      }
      .Text-head h5 {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.57;
        letter-spacing: -.28px;
        color: #bec7d0
      }
      .Text-head i {
        font-size: 12px;
        color: #bfc8d2
      }
      .Text-in {
        padding: 20px
      }
      .Text h1 {
        font-size: 20px;
        font-style: normal;
        line-height: 1.1;
        letter-spacing: -.4px;
        color: #fff
      }
      .Text h1, .Text h6 {
        margin-bottom: 15px
      }
      .Text h6 {
        font-size: 17px;
        line-height: 1.29;
        letter-spacing: -.34px;
        color: #ffde00
      }
      .Text p {
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: -.28px;
        color: #e8eef3;
        margin-bottom: 20px;
        display: flex;
        align-items: flex-start
      }
      .Text p i {
        color: #00c683;
        font-size: 8px;
        margin-top: 5px;
        margin-right: 12px
      }
      .Banner {
        position: relative;
        z-index: 1
      }
      .Banner-text {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
        width: 90%;
        z-index: 2
      }
      .Banner-text h1 {
        font-size: 25px;
        font-weight: 600;
        letter-spacing: -.5px;
        text-align: center;
        color: #fff;
        margin-bottom: 10px
      }
      .Banner-text p {
        font-size: 12px;
        letter-spacing: -.24px;
        text-align: center;
        color: #bec7d0
      }
      .button {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
      }
      .Register {
        background-color: #39414a;
        padding-bottom: 30px;
        padding-top: 10px
      }
      .Register-step {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 25px auto 20px
      }
      .Register-step:before {
        content: "";
        display: inline-block;
        transition: .5s;
        background-color: #59636c;
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1
      }
      .Register-step-item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border: 1px solid #59636c;
        background-color: #39414a;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        color: #bec7d0;
        margin-right: 45px;
        border-radius: 100%
      }
      .Register-step-item.active {
        background-color: #008758;
        color: #39414a;
        border-color: #008758
      }
      .Register-step-item:last-child {
        margin-right: 0
      }
      .Register-links {
        padding: 4px;
        border-radius: 12px;
        border: 1px solid #59636c;
        background-color: #39414a
      }
      .Register-links-in {
        display: flex
      }
      .Register-links-item {
        width: 50%;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        text-align: center;
        color: #bec7d0;
        border-radius: 12px
      }
      .Register-links-item.active {
        color: #fff;
        background-color: #008758
      }
      .Register-item {
        margin-bottom: 13px;
        position: relative
      }
      .Register-item-in {
        position: relative;
        display: flex;
        align-items: center;
        height: 50px;
        border-radius: 12px;
        border: 1px solid #59636c;
        background-color: #404852;
        padding-left: 18px
      }
      .Register-item-in .iti__arrow {
        border-top-color: #fff
      }
      .Register-item-in .iti__selected-flag {
        padding: 0
      }
      .Register-item-in .iti--allow-dropdown input, .Register-item-in .iti--allow-dropdown input[type=text] {
        padding-left: 37px
      }
      .Register-item-textarea .Register-item-in {
        height: 160px
      }
      .Register-item-icon {
        font-size: 18px;
        color: #bfc8d2;
        margin-right: 12px
      }
      .Register-item-label {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 1.83;
        color: #bec7d0;
        padding-left: 20px
      }
      .Register-item-input {
        background-color: transparent !important;
        border: none !important;
        font-size: 14px;
        color: #fff !important;
        height: 20px;
        padding: .375rem .75rem .375rem 0 !important;
        border-radius: 0 !important
      }
      .Register-item-input:-ms-input-placeholder {
        color: #8c949d;
        font-size: 13px
      }
      .Register-item-input::placeholder {
        color: #8c949d;
        font-size: 13px
      }
      .Register-item-input:focus {
        box-shadow: none;
        color: #fff;
        background-color: transparent
      }
      .Register-item-textarea {
        padding-top: 10px;
        background-color: transparent;
        border: none;
        padding-left: 0;
        font-size: 14px;
        color: #fff;
        height: 100%
      }
      .Register-item-textarea:-ms-input-placeholder {
        color: #8c949d;
        font-size: 14px
      }
      .Register-item-textarea::placeholder {
        color: #8c949d;
        font-size: 14px
      }
      .Register-item-textarea:focus {
        box-shadow: none;
        color: #fff;
        background-color: transparent
      }
      .Register-item-date .Register-item-in {
        background-color: transparent;
        border: none;
        padding: 0
      }
      .Register-item .bootstrap-select {
        width: 100% !important
      }
      .Register-item .bootstrap-select .btn {
        height: 20px;
        background-color: transparent;
        border: none;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: -.56px;
        color: #8c949d;
        cursor: pointer;
        outline: none;
        box-shadow: none;
        padding: 0 20px 0 0
      }
      .Register-item .bootstrap-select .btn:after {
        display: none
      }
      .Register-item .bootstrap-select .btn:before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 6px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/icon-down-chevron.svg);
        transform: translateY(-5px)
      }
      .Register-item .bootstrap-select .btn:focus, .Register-item .bootstrap-select .btn:hover {
        outline: none;
        border: none;
        box-shadow: none;
        background-color: transparent;
        color: #fff
      }
      .Register-item .bootstrap-select .btn[aria-expanded=true]:before {
        transform: rotate(180deg) translateY(5px)
      }
      .Register-item .bootstrap-select .dropdown-item {
        font-size: 14px
      }
      .Register-item .bootstrap-select .dropdown-item.active, .Register-item .bootstrap-select .dropdown-item:active {
        background-color: #008758
      }
      .Register-item .input-show {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
        color: #68719d;
        font-size: 12px
      }
      .Register-item .birthDate, .Register-item .Multidate {
        width: 100%
      }
      .Register-item .birthDate .combodate, .Register-item .Multidate .combodate {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
      }
      .Register-item .birthDate i, .Register-item .Multidate i {
        color: #8c949d
      }
      .Register-item .birthDate select, .Register-item .Multidate select {
        -webkit-appearance: none;
        appearance: none;
        background-repeat: no-repeat;
        background-position: 80px;
        background-size: 10px 6px;
        background-image: url(../assets/icon-down-chevron.svg);
        height: 50px;
        outline: none;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.71;
        letter-spacing: -.56px;
        color: #8c949d;
        border-radius: 12px;
        border: 1px solid #59636c !important;
        background-color: #404852 !important;
        width: calc(33.33% - 5px);
        padding-left: 20px;
        padding-right: 20px
      }
      .Register-item .birthDate select.birthDateSelect, .Register-item .Multidate select.birthDateSelect {
        width: 100% !important;
        border-radius: 12px !important;
        padding-left: 20px !important
      }
      .Register-in {
        padding-left: 20px;
        padding-right: 20px
      }
      .Register-head {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 30px;
        padding-right: 30px;
        position: relative
      }
      .Register-head:before {
        left: 0;
        bottom: 0;
        transform: translateY(75%);
        width: 40px;
        height: 70px
      }
      .Register-head:after, .Register-head:before {
        position: absolute;
        content: "";
        display: inline-block;
        transition: .5s;
        background-repeat: no-repeat;
        background-size: auto 100%
      }
      .Register-head:after {
        top: 0;
        right: 0;
        width: 50px;
        height: 100px
      }
      .Register-head-icon {
        margin-bottom: 12px;
        width: 65px;
        height: 65px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #157cdb;
        border-radius: 100%
      }
      .Register-head-icon i {
        color: #f5f5f5;
        font-size: 25px
      }
      .Register-head h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -.8px;
        color: #4b5469
      }
      .Register-head h5 span {
        color: #008758
      }
      .Register-head h6 {
        margin-top: 7px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.5
      }
      .Register-head h6, .Register-head p {
        font-weight: 500;
        letter-spacing: -.56px;
        color: #8f95a5
      }
      .Register-head p {
        font-size: 11px;
        line-height: 1.71
      }
      .Register-head p a {
        color: #008758;
        letter-spacing: normal
      }
      .Register-inner {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px
      }
      .Register-group {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Register-group .Register-item {
        width: calc(50% - 1px)
      }
      .Register-header {
        padding-left: 30px;
        padding-right: 30px;
        display: flex;
        align-items: center;
        height: 52px;
        border-radius: 8px;
        background-color: #373e50;
        margin-bottom: 5px
      }
      .Register-header i {
        font-size: 20px;
        color: #dfe3ec;
        margin-right: 20px
      }
      .Register-header h6 {
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -.68px;
        color: #dfe3ec
      }
      .Register-button {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        width: 100%;
        height: 52px;
        text-align: center;
        border-radius: 12px;
        background-color: #008758;
        transition: .5s
      }
      .Register-button i {
        font-size: 18px;
        transition: .5s
      }
      .Register-checkbox {
        display: flex;
        align-items: center;
        position: relative;
        margin-bottom: 15px;
        margin-top: 15px
      }
      .Register-checkbox input[type=checkbox] {
        position: absolute;
        opacity: 0
      }
      .Register-checkbox label {
        cursor: pointer;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.75;
        color: #bec7d0;
        margin-bottom: 0;
        position: relative;
        transition: .5s;
        padding-left: 40px;
        padding-top: 3px
      }
      .Register-checkbox label a {
        color: #008758
      }
      .Register-checkbox label:before {
        position: absolute;
        left: 0;
        top: 0;
        margin-right: 10px;
        content: "";
        display: inline-block;
        transition: .5s;
        width: 24px;
        height: 24px;
        border-radius: 6px;
        border: 1px solid #59636c;
        background-color: #39414a
      }
      .Register-checkbox label:after {
        transition: .5s;
        content: "";
        position: absolute;
        left: 9px;
        top: 5px;
        width: 7px;
        height: 12px;
        border: solid #39414a;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        opacity: 0
      }
      .Register-checkbox input:checked~label:before {
        transition: .5s;
        background-color: #00c683;
        border-color: #00c683
      }
      .Register-checkbox input:checked~label:after {
        transition: .5s;
        opacity: 1
      }
      .Register-forget {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        color: #d2d9df;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        border-radius: 12px;
        background-color: #606b78
      }
      .modal {
        padding-right: 0;
        z-index: 9999999
      }
      .modal-dialog {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .modal-content {
        border-radius: 0;
        border: none
      }
      .input-show {
        cursor: pointer
      }
      .Info {
        padding-bottom: 30px
      }
      .Info-menu {
        background-color: #2c343b;
        display: flex;
        overflow-x: scroll
      }
      .Info-menu-item {
        position: relative;
        height: 75px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
        flex-grow: 2
      }
      .Info-menu-item.active i {
        color: #00c683
      }
      .Info-menu-item.active span {
        color: #fff
      }
      .Info-menu-item:after {
        content: " ";
        display: inline-block;
        transition: .5s;
        width: 1px;
        height: 24px;
        background-color: #424a53;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
      }
      .Info-menu-item i {
        color: #bfc8d2;
        font-size: 22px
      }
      .Info-menu-item span {
        white-space: nowrap;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        color: #e0e7ed;
        display: block
      }
      .Info-in {
        padding: 20px
      }
      .Info-header {
        font-size: 28px;
        line-height: normal;
        font-weight: 300;
        color: #fff
      }
      .Info-text {
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.57;
        color: #bec7d0
      }
      .Info-head {
        margin-top: 30px
      }
      .Info-head h6 {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 10px
      }
      .Info-head p {
        font-size: 12px;
        line-height: 1.83;
        color: #e0e7ed
      }
      .Info-head-line {
        margin-top: 20px;
        display: inline-block;
        transition: .5s;
        width: 40px;
        height: 2px;
        background-color: #ffde00
      }
      .Info-submenu {
        display: flex;
        overflow-x: scroll;
        width: calc(100% + 20px)
      }
      .Info-submenu-item {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 34px;
        padding-left: 18px;
        padding-right: 18px;
        border-radius: 12px;
        border: 1px solid #59636c;
        background-color: #39414a;
        margin-right: 4px;
        font-size: 12px;
        font-weight: 600;
        color: #bec7d0;
        white-space: nowrap
      }
      .Info-submenu-item.active {
        border-color: #008758;
        background-color: #008758;
        color: #fff
      }
      .Info-submenu-item:focus, .Info-submenu-item:hover {
        color: #bec7d0
      }
      .Info-account-in {
        margin-top: 20px
      }
      .Info-account-item {
        height: 50px;
        border-radius: 12px;
        background-color: #48525c;
        justify-content: space-between;
        margin-bottom: 4px;
        position: relative;
        padding-left: 20px;
        padding-right: 50px
      }
      .Info-account-item, .Info-account-item-left {
        display: flex;
        align-items: center
      }
      .Info-account-item-left i {
        margin-right: 10px
      }
      .Info-account-item-right {
        text-align: right;
        display: flex;
        align-items: center
      }
      .Info-account-item span {
        font-size: 12px;
        color: #fff;
        display: flex;
        align-items: center;
        white-space: nowrap;
        max-width: 170px;
        overflow: hidden;
        text-overflow: ellipsis
      }
      .Info-account-item i {
        font-size: 18px;
        color: #bfc8d2
      }
      .Info-account-item img {
        width: 18px;
        height: 18px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-right: 10px
      }
      .Info-account-item-edit {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%)
      }
      .Info-account-item-edit i {
        color: #ffde00;
        font-size: 18px
      }
      .Info-account-password {
        margin-top: 20px
      }
      .Info-banks {
        background-color: #313943
      }
      .Info-banks-item {
        border-top: 1px solid #48525c;
        background-color: #313943;
        display: flex;
        align-items: center;
        position: relative;
        height: 70px;
        padding-left: 20px;
        padding-right: 40px
      }
      .Info-banks-item-logo {
        margin-right: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 26px;
        border-radius: 6px;
        border-style: solid;
        border-width: 1px;
        border-image-source: linear-gradient(180deg, #56616c, #3c4651);
        border-image-slice: 1;
        background-image: linear-gradient(180deg, #313943, #313943), linear-gradient(180deg, #56616c, #3c4651);
        background-origin: border-box;
        background-clip: content-box, border-box
      }
      .Info-banks-item-logo img {
        max-width: 80%;
        max-height: 80%
      }
      .Info-banks-item-name {
        font-size: 12px;
        color: #e8eef3
      }
      .Info-banks-item-iban {
        font-size: 14px;
        color: #fff
      }
      .Info-banks-item-edit {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px
      }
      .Info-banks-item-edit i {
        color: #ffde00;
        font-size: 14px
      }
      .Info-banks-item:last-child {
        border-bottom: 1px solid #48525c
      }
      .Info-bank_add {
        padding-bottom: 30px
      }
      .Info-bank_add, .Info-funding, .Info-funding-head {
        padding-left: 20px;
        padding-right: 20px
      }
      .Info-funding-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5px
      }
      .Info-funding-head-right {
        display: flex;
        align-items: center;
        text-align: center
      }
      .Info-funding-head-right span {
        margin-left: 15px
      }
      .Info-funding-head span {
        font-size: 12px;
        font-weight: 600;
        color: #bec7d0;
        width: 51px;
        display: block
      }
      .Info-funding-item {
        position: relative;
        padding-left: 12px;
        padding-right: 12px;
        height: 64px;
        border-radius: 12px;
        background-color: #48525c;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Info-funding-item p, .Info-funding-item span {
        font-size: 14px;
        color: #fff;
        display: block
      }
      .Info-funding-item p.badge, .Info-funding-item span.badge {
        font-size: 11px;
        display: inline-block
      }
      .Info-funding-item-left {
        display: flex;
        align-items: center
      }
      .Info-funding-item-left img {
        margin-right: 12px
      }
      .Info-funding-item-right {
        text-align: center;
        display: flex;
        align-items: center
      }
      .Info-funding-item-right span {
        margin-left: 15px;
        width: 52px
      }
      .Info-funding-back {
        display: flex;
        align-items: center;
        position: relative;
        padding-bottom: 20px
      }
      .Info-funding-back-link {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        border: 2px solid #68727b;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Info-funding-back-link i {
        color: #bcc5ce;
        font-size: 7px
      }
      .Info-funding-back-text {
        margin-left: 15px
      }
      .Info-funding-back-text h6 {
        font-size: 17px;
        font-weight: 600;
        color: #fff
      }
      .Info-funding-back-text p {
        font-size: 12px;
        line-height: 1.83;
        color: #bec7d0
      }
      .Info-funding-back:after {
        content: " ";
        display: inline-block;
        transition: .5s;
        width: 40px;
        height: 2px;
        background-color: #ffde00;
        position: absolute;
        bottom: 0;
        left: 0
      }
      .Info-funding-havale {
        padding-top: 20px;
        padding-bottom: 20px
      }
      .Info-funding-havale-in {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
        justify-content: space-between
      }
      .Info-funding-havale-item {
        width: calc(50% - 3px);
        margin-bottom: 6px;
        height: 138px;
        border-radius: 12px;
        background-color: #48525c;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
      }
      .Info-funding-havale-item-icon {
        width: 69px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        border-style: solid;
        border-width: 1px;
        border-image-source: linear-gradient(180deg, #56616c, #4d5965);
        border-image-slice: 1;
        background-image: linear-gradient(180deg, #313943, #313943), linear-gradient(180deg, #56616c, #4d5965);
        background-origin: border-box;
        background-clip: content-box, border-box;
        margin-bottom: 10px
      }
      .Info-funding-havale-item-icon img {
        max-width: 90%;
        max-height: 90%
      }
      .Info-funding-havale-item p {
        font-size: 14px;
        font-weight: 600;
        color: #fff
      }
      .Info-funding-havale-danger, .Info-funding-havale-item span {
        font-size: 12px;
        color: #bec7d0
      }
      .Info-funding-havale-danger {
        margin-top: 20px;
        display: flex;
        align-items: center;
        padding: 12px 20px;
        border-radius: 12px;
        background-color: #48525c;
        border: none;
        line-height: 1.67
      }
      .Info-funding-havale-danger i {
        font-size: 24px;
        color: #bcc5ce;
        margin-right: 15px
      }
      .Info-funding-havale-danger p {
        font-size: 12px;
        line-height: 1.67;
        color: #bec7d0
      }
      .Info-funding-havale-info {
        margin-top: 20px
      }
      .Info-funding-havale-info-item {
        width: calc(100% + 40px);
        transform: translateX(-20px);
        background-color: #313943;
        padding: 12px 20px 12px 35px;
        position: relative;
        border-top: 1px solid #48525c
      }
      .Info-funding-havale-info-item:last-child {
        border-bottom: 1px solid #48525c
      }
      .Info-funding-havale-info-item:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 4px;
        height: 22px;
        border-radius: 2px;
        background-color: #00c683;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px
      }
      .Info-funding-havale-info-item span {
        font-size: 12px;
        line-height: 1.83;
        color: #e8eef3
      }
      .Info-funding-havale-info-item p {
        font-size: 14px;
        line-height: 1.57;
        color: #fff
      }
      .Info-funding-havale-info-copy {
        background-color: transparent;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        padding: 10px
      }
      .Info-funding-havale-info-copy i {
        color: #bcc5ce;
        font-size: 18px
      }
      .Info-funding-havale-form-in {
        padding-top: 20px
      }
      .Info-funding-havale-cash {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Info-funding-havale-cash-item {
        height: 70px;
        border-radius: 12px;
        background-color: #48525c;
        width: calc(50% - 3px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
      }
      .Info-funding-havale-cash-item span {
        font-size: 12px;
        line-height: 1.83;
        color: #bec7d0
      }
      .Info-funding-havale-cash-item p {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.57;
        color: #fff
      }
      .Info-funding-withdraw-info {
        margin-top: 20px;
        display: flex;
        justify-content: space-between
      }
      .Info-funding-withdraw-info-item {
        width: calc(50% - 3px);
        height: 70px;
        border-radius: 12px;
        background-color: #48525c;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
      }
      .Info-funding-withdraw-info-item span {
        font-size: 12px;
        line-height: 1.83;
        color: #bec7d0
      }
      .Info-funding-withdraw-info-item p {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.57;
        color: #fff
      }
      .Accordion-button {
        position: relative;
        z-index: 2;
        height: 90px;
        border-radius: 12px;
        background-color: #48525c;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        padding-left: 20px;
        padding-right: 65px
      }
      .Accordion-button-left {
        max-width: 130px
      }
      .Accordion-button-left h6 {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
        color: #fff
      }
      .Accordion-button-left p {
        font-size: 12px;
        color: #fff;
        line-height: 1.7
      }
      .Accordion-button-left span {
        display: block;
        font-size: 11px;
        color: #ffde00
      }
      .Accordion-button-info span {
        display: block;
        font-size: 11px;
        color: #bec7d0
      }
      .Accordion-button-info p {
        font-size: 14px;
        line-height: 1.57;
        color: #fff
      }
      .Accordion-button .icon-down-chevron {
        width: 28px;
        height: 28px;
        border-radius: 12px;
        border: 1px solid #59636c;
        background-color: #404852;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #a3adb8;
        font-size: 6px;
        padding-top: 2px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%)
      }
      .Accordion-button[aria-expanded=true] .icon-down-chevron {
        background-color: #008758;
        border-color: #008758;
        color: #fff;
        transform: rotate(180deg) translateY(50%)
      }
      .Accordion-content {
        border-radius: 12px;
        background-color: #3f4851;
        position: relative;
        z-index: 1
      }
      .Accordion-content:before {
        content: "";
        display: inline-block;
        transition: .5s;
        background-color: #3f4851;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        transform: translateY(-50%);
        height: 15px;
        z-index: -1
      }
      .datepicker table tr td.active.active {
        background-image: none;
        background-color: #008758
      }
      .Call-in {
        display: flex;
        justify-content: space-between;
        margin-top: 15px
      }
      .Call-item {
        width: calc(50% - 4px)
      }
      .Call-history {
        margin-top: 30px
      }
      .Call-history-header {
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.1;
        color: #fff
      }
      .Call-history-status {
        text-align: right
      }
      .Call-history-item {
        margin-bottom: 8px;
        border-radius: 12px;
        background-color: #48525c
      }
      .Call-history-item-text {
        padding: 12px 20px
      }
      .Call-history-item-text p {
        font-size: 14px;
        line-height: 1.57;
        color: #fff
      }
      .Call-history-item-info {
        padding: 12px 20px;
        display: flex;
        border-top: 1px solid #57636f
      }
      .Call-history-item-info span {
        flex-grow: 2;
        font-size: 12px;
        font-weight: 600;
        color: #bec7d0
      }
      .Call-history-item-info span:nth-of-type(2) {
        text-align: center
      }
      .Call-history-item.wait .Call-history-status {
        color: #157cdb
      }
      .Call-history-item.success .Call-history-status {
        color: #00c683
      }
      .My_oparation {
        margin-top: 15px
      }
      .My_oparation-date {
        display: flex;
        justify-content: space-between
      }
      .My_oparation-date-item {
        width: calc(50% - 4px)
      }
      .My_oparation-date-item .Register-item-icon {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        color: #8b97a3;
        font-size: 16px
      }
      .My_oparation-item {
        margin-bottom: 8px
      }
      .My_oparation-item.lose .My_oparation-item-head-result {
        background-color: #ff2551
      }
      .My_oparation-item.win .My_oparation-item-head-result {
        background-color: #008758
      }
      .My_oparation-item-head {
        padding: 15px 20px
      }
      .My_oparation-item-head, .My_oparation-item-head-left {
        display: flex;
        align-items: center
      }
      .My_oparation-item-head-item {
        margin-right: 20px
      }
      .My_oparation-item-head-item span {
        font-size: 11px;
        font-weight: 600;
        color: #bec7d0
      }
      .My_oparation-item-head-item p {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.83;
        color: #fff
      }
      .My_oparation-item-head-result {
        font-size: 12px;
        font-weight: 600;
        color: #fff;
        margin-left: auto;
        width: 79px;
        height: 36px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .My_oparation-item-in {
        display: flex;
        justify-content: space-between;
        padding: 15px 20px;
        border-top: 1px solid #525b64
      }
      .My_oparation-item-in-team {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.57;
        color: #fff
      }
      .My_oparation-item-in-teams {
        font-size: 12px;
        font-weight: 600;
        color: #bec7d0
      }
      .My_oparation-item-in-type {
        font-size: 12px;
        font-weight: 600;
        color: #ffde00;
        display: block
      }
      .My_oparation-item-in-info {
        display: flex;
        align-items: center;
        margin-top: 5px
      }
      .My_oparation-item-in-info-score {
        width: 52px;
        height: 28px;
        border-radius: 8px;
        border: 1px solid #59636c;
        background-color: #404852;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 600;
        color: #fff
      }
      .My_oparation-item-in-info-minute {
        font-size: 11px;
        font-weight: 600;
        color: #fff;
        margin-left: 12px;
        display: block
      }
      .My_oparation-item-in-right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
        justify-content: space-between
      }
      .My_oparation-item-in-result p {
        height: 30px;
        background-color: #2c343b;
        font-size: 14px;
        z-index: 2
      }
      .My_oparation-item-in-result p, .My_oparation-item-in-result span {
        width: 72px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        color: #fff;
        position: relative
      }
      .My_oparation-item-in-result span {
        height: 20px;
        font-size: 11px;
        z-index: 1
      }
      .My_oparation-item-in-result span:before {
        content: "";
        display: inline-block;
        transition: .5s;
        height: 15px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        transform: translateY(-50%);
        z-index: -1
      }
      .My_oparation-item-in-result.lose span, .My_oparation-item-in-result.lose span:before {
        background-color: #ff2551
      }
      .My_oparation-item-in-result.win span, .My_oparation-item-in-result.win span:before {
        background-color: #008758
      }
      .My_oparation-item-in-date {
        font-size: 11px;
        font-weight: 600;
        color: #fff
      }
      .My_oparation-item-footer-item {
        padding: 15px 20px;
        border-top: 1px solid #525b64;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .My_oparation-item-footer-item p, .My_oparation-item-footer-item span {
        font-size: 14px;
        font-weight: 600;
        color: #fff
      }
      .My_oparation-item-footer-item p {
        color: #ffde00
      }
      .Bonuses, .Bonuses-in {
        margin-top: 15px
      }
      .Bonuses-item {
        margin-bottom: 8px
      }
      .Bonuses-item .Accordion-button:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 2px;
        height: 34px;
        border-radius: 2px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
      }
      .Bonuses-item-status {
        font-size: 12px;
        color: #fff;
        display: flex;
        align-items: center
      }
      .Bonuses-item-status:before {
        margin-right: 10px;
        content: "";
        display: inline-block;
        transition: .5s;
        width: 12px;
        height: 12px;
        background-repeat: no-repeat;
        background-size: auto 100%
      }
      .Bonuses-item.active .Bonuses-item-status:before {
        background-image: url(../assets/bonus-active.svg)
      }
      .Bonuses-item.active .Accordion-button:before {
        background-color: #00c683
      }
      .Bonuses-item.expired .Bonuses-item-status:before {
        background-image: url(../assets/bonus-expired.svg)
      }
      .Bonuses-item.expired .Accordion-button:before {
        background-color: #8b96a4
      }
      .Bonuses-item.cancel .Bonuses-item-status:before {
        background-image: url(../assets/bonus-cancel.svg)
      }
      .Bonuses-item.cancel .Accordion-button:before {
        background-color: #ff2551
      }
      .Bonuses-item.available .Bonuses-item-status:before {
        background-image: url(../assets/bonus-available.svg)
      }
      .Bonuses-item.available .Accordion-button:before {
        background-color: #34ceff
      }
      .Bonuses-content {
        padding: 20px
      }
      .Bonuses-accepted, .Bonuses-accepted-badge {
        display: flex;
        align-items: center
      }
      .Bonuses-accepted-badge {
        width: 98px;
        height: 36px;
        border-radius: 8px;
        background-color: #008758;
        justify-content: center;
        font-size: 12px;
        font-weight: 600;
        text-align: left;
        color: #fff
      }
      .Bonuses-timeline {
        margin-left: 20px
      }
      .Bonuses-timeline p {
        font-size: 11px;
        font-weight: 600;
        color: #bec7d0
      }
      .Bonuses-timeline-in {
        display: flex;
        align-items: center
      }
      .Bonuses-timeline-inner {
        margin-right: 10px;
        width: 140px;
        height: 4px;
        border-radius: 2px;
        background-color: #515c67
      }
      .Bonuses-timeline-inner span {
        border-radius: 2px;
        display: block;
        height: 100%;
        background-color: #00c683;
        position: relative
      }
      .Bonuses-timeline-inner span:after {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%) translateX(50%);
        content: "";
        display: inline-block;
        transition: .5s;
        width: 8px;
        height: 8px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/bonus-active.svg)
      }
      .Bonuses-category {
        margin-top: 20px
      }
      .Bonuses-category h6 {
        font-size: 11px;
        font-weight: 600;
        color: #bec7d0
      }
      .Bonuses-category-in {
        display: flex;
        flex-wrap: wrap;
        margin-top: 7px
      }
      .Bonuses-category-item {
        display: flex;
        align-items: center;
        padding: 7px 15px;
        font-size: 11px;
        font-weight: 600;
        color: #fff;
        border-radius: 8px;
        border: 1px solid #59636c;
        margin-right: 4px
      }
      .Bonuses-category-item i {
        margin-right: 8px;
        font-size: 16px;
        color: #ffde00
      }
      .Bonuses-info {
        margin-top: 12px
      }
      .Bonuses-info-item {
        padding-top: 7px;
        padding-bottom: 7px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #59636c
      }
      .Bonuses-info-item span {
        font-size: 14px;
        color: #bec7d0;
        text-align: left
      }
      .Bonuses-info-item p {
        text-align: right
      }
      .Bonuses-button, .Bonuses-info-item p {
        font-size: 14px;
        font-weight: 600;
        color: #fff
      }
      .Bonuses-button {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        border-radius: 12px;
        border: 2px solid #ffde00;
        background-color: #3f4851;
        width: 100%;
        margin-top: 15px
      }
      .Bonuses-rule {
        margin-top: 20px
      }
      .Bonuses-rule-item {
        margin-bottom: 4px
      }
      .Bonuses-rule-item-button {
        width: 100%;
        height: 32px;
        border-radius: 8px;
        background-color: #4f5964;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 600;
        color: #bec7d0
      }
      .Bonuses-rule-item-button:before {
        margin-right: 12px;
        content: "";
        display: inline-block;
        transition: .5s;
        width: 10px;
        height: 10px;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-image: url(../assets/icon-plus.svg)
      }
      .Bonuses-rule-item-button[aria-expanded=true]:before {
        background-image: url(../assets/icon-minus.svg)
      }
      .Bonuses-rule-item-button:focus, .Bonuses-rule-item-button:hover {
        color: #bec7d0
      }
      .Bonuses-rule-item-content {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background-color: #39414a;
        position: relative
      }
      .Bonuses-rule-item-content:before {
        content: "";
        display: inline-block;
        transition: .5s;
        z-index: -1;
        position: absolute;
        background-color: #39414a;
        left: 0;
        right: 0;
        top: 0;
        height: 20px;
        transform: translateY(-50%)
      }
      .Bonuses-rule-item-content-head {
        padding: 10px 12px;
        display: flex;
        border-bottom: 1px solid #464f59
      }
      .Bonuses-rule-item-content-head-item {
        width: 20%;
        text-align: center;
        display: block;
        font-size: 11px;
        font-weight: 600;
        color: #bec7d0
      }
      .Bonuses-rule-item-content-head-item:first-child {
        width: 40%;
        text-align: left
      }
      .Bonuses-rule-item-content-item {
        border-bottom: 1px solid #464f59;
        padding: 10px 12px;
        display: flex;
        align-items: center
      }
      .Bonuses-rule-item-content-item-in {
        width: 20%;
        text-align: center
      }
      .Bonuses-rule-item-content-item-in:first-child {
        width: 40%;
        text-align: left
      }
      .Bonuses-rule-item-content-item:last-child {
        border-bottom: none
      }
      .Bonuses-rule-item-content-item p {
        font-size: 12px;
        font-weight: 600;
        color: #bec7d0
      }
      .Bonuses-rule-item-content-item span {
        display: block;
        font-size: 11px;
        font-weight: 600;
        color: #bec7d0
      }
      .Bonuses-description {
        margin-top: 20px;
        width: 95%
      }
      .Bonuses-description h6 {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.6;
        color: #fff;
        padding-right: 10px;
        margin-bottom: 5px
      }
      .Bonuses-description p {
        font-size: 13px;
        line-height: 1.75;
        color: #fff
      }
      .Bonuses-progress {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding-bottom: 20px
      }
      .Bonuses-progress-item {
        width: 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
      }
      .Bonuses-progress-item:after {
        content: " ";
        display: inline-block;
        transition: .5s;
        position: absolute;
        width: 45%;
        top: 12px;
        height: 4px;
        border-radius: 2px;
        background-color: #515c67;
        z-index: -1
      }
      .Bonuses-progress-item:first-of-type:after {
        left: 40px
      }
      .Bonuses-progress-item:nth-of-type(2):after {
        left: 50%
      }
      .Bonuses-progress-item:nth-of-type(3):after {
        display: none
      }
      .Bonuses-progress-item-in {
        margin-bottom: 7px;
        width: 36px;
        height: 28px;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        background-image: url(../assets/progress-null.svg);
        position: relative
      }
      .Bonuses-progress-item-in span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 7px;
        font-size: 8px;
        font-weight: 600;
        text-align: center;
        color: #fff
      }
      .Bonuses-progress-item p {
        font-size: 12px;
        font-weight: 600;
        color: #bec7d0;
        position: relative
      }
      .Bonuses-progress-item.active .Bonuses-progress-item-in {
        background-image: url(../assets/progress-active.svg)
      }
      .Bonuses-progress-item.active p:after {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 6px;
        height: 12px;
        background-repeat: no-repeat;
        background-image: url(../assets/arrow-down.svg);
        position: absolute;
        bottom: 0;
        transform: translateY(150%) translateX(-50%);
        left: 50%
      }
      .Bonuses-progress-item.success .Bonuses-progress-item-in {
        background-image: url(../assets/progress-success.svg)
      }
      .Bonuses-progress-item.success:after {
        background-color: #00c683
      }
      .Bonuses-buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 15px
      }
      .Bonuses-buttons-item {
        width: 49%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        border-radius: 12px;
        border: 2px solid #59636c;
        background-color: #3f4851;
        font-size: 14px;
        font-weight: 600;
        color: #bec7d0
      }
      .Bonuses-buttons-item.play {
        background-color: #008758;
        border-color: #008758;
        color: #fff
      }
      .Bets {
        transform: translateY(100%);
        transition: .3s;
        opacity: 0;
        top: auto;
        pointer-events: none;
        background-color: #39414a
      }
      .Bets-in {
        padding-bottom: 10px
      }
      .Bets-inner {
        padding: 10px 20px
      }
      .Bets-active {
        opacity: 1;
        transition: .3s;
        transform: translateY(0);
        pointer-events: auto;
        top: 0
      }
      .Bets-item {
        border-radius: 16px;
        background-color: #2c343b;
        margin-bottom: 8px;
        position: relative
      }
      .Bets-item-button {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        background-color: transparent;
        display: flex;
        align-items: center;
        margin-right: 15px
      }
      .Bets-item-button i {
        margin-right: 12px;
        color: #a3adb8;
        font-size: 7px
      }
      .Bets-item-button[aria-expanded=true] i {
        transform: rotate(180deg)
      }
      .Bets-item-date {
        font-size: 11px;
        font-weight: 600;
        color: #dde4eb
      }
      .Bets-item-head {
        height: 50px;
        display: flex;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 1px solid #3d464f;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
      }
      .Bets-item-head-badge {
        width: 64px;
        height: 26px;
        border-radius: 4px;
        background-color: #008758;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        font-size: 15px;
        text-align: center;
        color: #fff;
        font-family: pannosign, sans-serif
      }
      .Bets-item-footer {
        padding: 15px
      }
      .Bets-item-footer-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 3px;
        padding-bottom: 3px
      }
      .Bets-item-footer-item span {
        font-size: 12px;
        color: #fff
      }
      .Bets-item-footer-item.total span {
        font-size: 14px;
        font-weight: 600;
        color: #e0d9a8
      }
      .Bets-item.lose .Bets-item-head-badge {
        background-color: #ff2551
      }
      .Bets-item.win .Bets-item-head-badge {
        background-color: #008758
      }
      .Bets-item.bonus {
        margin-top: 35px
      }
      .Bets-item.bonus .Bets-item-bonus {
        background-color: #00c683
      }
      .Bets-item.freebet {
        margin-top: 35px
      }
      .Bets-item.freebet .Bets-item-bonus {
        background-color: #ffde00
      }
      .Bets-item-bonus {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 12px;
        padding-top: 1px;
        font-family: pannosign, sans-serif;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        transform: translateY(-26px);
        z-index: -1
      }
      .Bets-item-bonus p {
        font-size: 18px;
        color: #39414a
      }
      .Bets-content {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px
      }
      .Bets-content-item {
        margin-bottom: 8px;
        border-radius: 16px;
        background-color: #4a535c
      }
      .Bets-content-item.lose .Bets-content-item-head-result {
        color: #ff738c
      }
      .Bets-content-item.win .Bets-content-item-head-result {
        color: #00c683
      }
      .Bets-content-item-head {
        padding-left: 15px;
        padding-right: 15px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #57616b
      }
      .Bets-content-item-head-team {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 170px;
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: -.28px;
        color: #fff
      }
      .Bets-content-item-head-right {
        font-family: pannosign, sans-serif;
        display: flex;
        align-items: center
      }
      .Bets-content-item-head-right span {
        margin-left: 15px
      }
      .Bets-content-item-head-result {
        font-size: 15px
      }
      .Bets-content-item-head-odd {
        font-size: 15px;
        color: #fff
      }
      .Bets-content-item-info {
        padding: 10px 15px
      }
      .Bets-content-item-info-type {
        font-size: 12px;
        color: #dde4eb;
        display: block
      }
      .Bets-content-item-info-name {
        font-size: 14px;
        color: #e0d9a8;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
      }
      .Bets-content-item-info-time {
        display: flex;
        align-items: center;
        font-size: 11px;
        font-weight: 600;
        color: #dde4eb
      }
      .Bets-content-item-info-score {
        margin-right: 12px;
        width: 40px;
        height: 22px;
        border-radius: 4px;
        background-color: #5f6974;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: pannosign, sans-serif;
        font-size: 15px;
        text-align: center;
        color: #fff
      }
      .Bets-close, .Bets-open, .Bets .Coupon-open {
        width: 44px;
        height: 44px;
        border-radius: 6px;
        background-color: #2c343b;
        margin-left: 5px
      }
      .Bets-settings-head {
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 32px;
        background-color: #5f6974
      }
      .Bets-settings-head span {
        font-size: 11px;
        font-weight: 600;
        color: #dde4eb
      }
      .Bets-settings-head p {
        font-family: pannosign, sans-serif;
        font-size: 15px;
        color: #00c683
      }
      .Bets-settings .Coupon-settings-in {
        width: 300px
      }
      .Bets-settings .Coupon-settings-odds-item {
        margin-bottom: 10px
      }
      .Sport_list {
        display: flex;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        background-color: #157cdb;
        z-index: 9
      }
      .Sport_list .swiper-container {
        width: 100%;
        overflow: visible
      }
      .Sport_list .swiper-container:before {
        left: -7px;
        transform: translateX(-100%)
      }
      .Sport_list .swiper-container:after, .Sport_list .swiper-container:before {
        content: "";
        display: inline-block;
        transition: .5s;
        background-color: #157cdb;
        opacity: .3;
        position: absolute;
        top: 0;
        bottom: 0;
        width: calc(50vw - 700px);
        z-index: 99
      }
      .Sport_list .swiper-container:after {
        right: -7px;
        transform: translateX(100%)
      }
      .Sport_list .swiper-button-next, .Sport_list .swiper-button-prev {
        background-image: none;
        width: 56px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
        z-index: 99999
      }
      .Sport_list .swiper-button-next:before, .Sport_list .swiper-button-prev:before {
        content: "";
        display: inline-block;
        transition: .5s;
        background-color: #157cdb;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 3px solid #fff;
        border-radius: 12px;
        z-index: -1;
        transform: rotate(45deg)
      }
      .Sport_list .swiper-button-next i, .Sport_list .swiper-button-prev i {
        color: #fff
      }
      .Sport_list .swiper-button-prev {
        left: 0;
        transform: translateX(-50%)
      }
      .Sport_list .swiper-button-next {
        right: 0;
        transform: translateX(50%)
      }
      .Sport_list-item {
        background-color: #fff;
        border-radius: 12px;
        transition: .5s;
        width: 100%;
        padding-top: 20px;
        border: 2px solid #fff
      }
      .Sport_list-item:hover {
        transform: translateY(-5px);
        transition: .5s
      }
      .Sport_list-item-more {
        width: 36px;
        height: 20px;
        border-radius: 3px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: -.24px;
        color: #565966;
        transition: .4s;
        cursor: pointer
      }
      .Sport_list-item-more:hover {
        background-image: linear-gradient(0deg, #37b5b5, #3598aa);
        transition: .4s;
        color: #fff
      }
      .Sport_list-item-league {
        padding-left: 25px;
        padding-right: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Sport_list-item-league i {
        font-size: 14px;
        color: #157cdb
      }
      .Sport_list-item-type {
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -.24px;
        color: #7c8fa4
      }
      .Sport_list-item-teams {
        padding-left: 25px;
        padding-right: 35px;
        padding-top: 5px
      }
      .Sport_list-item-team {
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 600;
        line-height: .86;
        letter-spacing: -.28px;
        color: #565966;
        display: flex;
        align-items: center
      }
      .Sport_list-item-team img {
        margin-right: 10px;
        width: 24px;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain
      }
      .Sport_list-item-date {
        margin-top: 2px;
        padding-left: 25px;
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -.24px;
        color: #157cdb
      }
      .Sport_list-item-rates {
        margin-top: 20px;
        border-top: 2px solid #e8eaf0;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
      }
      .Sport_list-item-rate, .Sport_list-item-rates {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Sport_list-item-rate {
        flex-grow: 2;
        border-right: 2px solid #e8eaf0;
        height: 34px;
        background-color: transparent;
        transition: .5s;
        cursor: pointer;
        padding-left: 15px;
        padding-right: 15px
      }
      .Sport_list-item-rate:first-child {
        border-bottom-left-radius: 12px
      }
      .Sport_list-item-rate:last-child {
        border-bottom-right-radius: 12px;
        border-right: none
      }
      .Sport_list-item-rate span {
        font-size: 13px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -.26px;
        text-align: right;
        color: #545a6a
      }
      .Sport_list-item-rate span:first-child {
        color: #8899ad
      }
      .Sport_list-item-rate:hover {
        transition: .5s;
        background-color: #157cdb
      }
      .Sport_list-item-rate:hover span {
        color: #fff
      }
      .Sport_list-item .active {
        color: #fff;
        background-image: linear-gradient(0deg, #37b5b5, #3598aa)
      }
      .Sport_list-item .active span {
        color: #fff
      }
      .Sport_live {
        padding-top: 20px
      }
      .Sport_live-item {
        width: 100%;
        height: 108px;
        border-radius: 12px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: .5s
      }
      .Sport_live-item-icon {
        color: #9ba3b8;
        font-size: 24px;
        margin-top: 4px;
        transition: .5s
      }
      .Sport_live-item-name {
        margin-top: 3px;
        font-size: 13px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -.26px;
        text-align: center;
        color: #4c5366;
        transition: .5s;
        max-width: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Sport_live-item-counter {
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -.22px;
        color: #ff3039;
        transition: .5s
      }
      .Sport_live-item:hover {
        transition: .5s;
        background-color: #ff2551
      }
      .Sport_live-item:hover .Sport_live-item-counter, .Sport_live-item:hover .Sport_live-item-icon, .Sport_live-item:hover .Sport_live-item-name {
        color: #fff;
        transition: .5s
      }
      .Sport_live .active {
        background-color: #ff2551
      }
      .Sport_live .active .Sport_live-item-counter, .Sport_live .active .Sport_live-item-icon, .Sport_live .active .Sport_live-item-name {
        color: #fff
      }
      .Sport_live .swiper-slide:first-child .Sport_live-item-icon {
        color: #ffde00
      }
      .Sport_live .swiper-container {
        padding-left: 46px;
        padding-right: 46px
      }
      .Sport_live .swiper-button-next, .Sport_live .swiper-button-prev {
        width: 42px;
        height: 108px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
        z-index: 99999;
        top: 0;
        margin-top: 0;
        background-color: #eff2f8;
        background-image: none;
        pointer-events: auto
      }
      .Sport_live .swiper-button-next:before, .Sport_live .swiper-button-prev:before {
        content: "";
        display: inline-block;
        transition: .5s;
        background-color: #eff2f8;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        border-radius: 12px;
        border: 3px solid #fff
      }
      .Sport_live .swiper-button-next i, .Sport_live .swiper-button-prev i {
        color: #aab0c2
      }
      .Sport_live .swiper-button-next:hover:before, .Sport_live .swiper-button-prev:hover:before {
        background-color: #11193d;
        transition: .5s
      }
      .Sport_live .swiper-button-prev {
        left: 0
      }
      .Sport_live .swiper-button-next {
        right: 0
      }
      .Content {
        min-width: 1280px;
        margin-top: 20px;
        margin-bottom: 20px
      }
      .Content-in {
        display: flex;
        justify-content: space-between
      }
      .Content-left {
        width: 250px
      }
      .Content-left-in {
        position: relative;
        z-index: 9
      }
      .Content-left-special-head {
        cursor: pointer;
        width: 100%;
        height: 50px;
        padding: 0 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        background-color: #11193d;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Content-left-special-head:before {
        background-color: #11193d
      }
      .Content-left-special-head h6 {
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 400;
        color: #fff
      }
      .Content-left-special-head i {
        font-size: 20px;
        color: #157cdb
      }
      .Content-left-special-head[aria-expanded=false] {
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px
      }
      .Content-left-special-head[aria-expanded=false]:before {
        opacity: 0
      }
      .Content-left-special-in {
        z-index: 99;
        position: relative
      }
      .Content-left-special-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        background-color: #676e92;
        border-bottom: 1px solid #7c83a5;
        transition: .5s
      }
      .Content-left-special-item:first-child {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
      }
      .Content-left-special-item:last-child {
        border-bottom: none;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
      }
      .Content-left-special-item span {
        transition: .5s;
        font-size: 13px;
        font-weight: 500;
        line-height: normal;
        color: #fff
      }
      .Content-left-special-item i {
        font-size: 16px;
        color: #fff
      }
      .Content-left-special-item:hover {
        background-color: #2c355c;
        transition: .5s
      }
      .Content-left-fav {
        margin-top: 10px
      }
      .Content-left-fav-head {
        cursor: pointer;
        width: 100%;
        height: 50px;
        padding: 0 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        background-color: #11193d;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Content-left-fav-head[aria-expanded=false] {
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px
      }
      .Content-left-fav-head[aria-expanded=false]:before {
        opacity: 0
      }
      .Content-left-fav-head:before {
        background-color: #11193d
      }
      .Content-left-fav-head h6 {
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 400;
        color: #fff
      }
      .Content-left-fav-head h6 i {
        margin-right: 10px;
        font-size: 20px;
        color: #ffde00
      }
      .Content-left-fav-head span {
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -.32px;
        color: #9ba0b9
      }
      .Content-left-fav-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        background-color: #fff;
        border-bottom: 1px solid #e4e8f1
      }
      .Content-left-fav-item:first-child {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
      }
      .Content-left-fav-item:last-child {
        border-bottom: none;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
      }
      .Content-left-fav-item span {
        font-size: 13px;
        font-weight: 500;
        line-height: normal;
        color: #51566e;
        transition: .5s
      }
      .Content-left-fav-item i {
        font-size: 16px;
        color: #f6b714
      }
      .Content-left-fav-item:hover span {
        color: #157cdb;
        transition: .5s
      }
      .Content-left-popular {
        margin-top: 10px
      }
      .Content-left-popular-head {
        cursor: pointer;
        width: 100%;
        height: 50px;
        padding: 0 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        background-color: #11193d;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Content-left-popular-head[aria-expanded=false] {
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px
      }
      .Content-left-popular-head[aria-expanded=false]:before {
        opacity: 0
      }
      .Content-left-popular-head:before {
        background-color: #11193d
      }
      .Content-left-popular-head h6 {
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 400;
        color: #fff
      }
      .Content-left-popular-head h6 i {
        margin-right: 10px;
        font-size: 20px;
        color: #157cdb
      }
      .Content-left-popular-head span {
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -.32px;
        color: #9ba0b9
      }
      .Content-left-popular-in {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: #fff;
        border-radius: 12px;
        position: relative;
        z-index: 9
      }
      .Content-left-popular-in:before {
        content: "";
        display: inline-block;
        transition: .5s;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #e4e8f1;
        position: absolute;
        height: 100%;
        width: 2px
      }
      .Content-left-popular-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
        width: calc(50% - 1px);
        text-align: center;
        height: 84px;
        transition: .5s;
        border-bottom: 2px solid #e4e8f1
      }
      .Content-left-popular-item:last-child, .Content-left-popular-item:nth-last-child(2) {
        border-bottom: none
      }
      .Content-left-popular-item p {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.22px;
        text-align: center;
        color: #7c8fa4
      }
      .Content-left-popular-item i {
        transition: .5s
      }
      .Content-left-popular-item img {
        height: 30px;
        max-width: 80%;
        margin-bottom: 7px;
        -o-object-fit: contain;
        object-fit: contain;
        transition: .5s
      }
      .Content-left-popular-item:hover {
        background-color: #157cdb;
        transition: .5s;
        border-radius: 12px
      }
      .Content-left-popular-item:hover p, .Content-left-popular-item:hover p span {
        color: #fff
      }
      .Content-left-popular-item:hover img {
        transition: .5s;
        filter: grayscale(100%) invert(1) brightness(5)
      }
      .Content-middle {
        width: calc(100% - 560px)
      }
      .Content-right {
        width: 280px
      }
      .Content-right-banner {
        position: relative;
        margin-top: 10px;
        z-index: 1
      }
      .Content-right-banner img {
        border-radius: 12px
      }
      .Content-right-banner-text {
        transition: .5s;
        position: absolute;
        left: 6px;
        right: 6px;
        bottom: 6px;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: hsla(0, 0%, 100%, .8);
        padding: 15px 25px;
        border-radius: 12px;
        display: flex;
        align-items: center
      }
      .Content-right-banner-text i {
        font-size: 14px;
        color: #157cdb
      }
      .Content-right-banner-text h6 {
        font-size: 13px;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 2px;
        letter-spacing: -.26px;
        color: #7e8894
      }
      .Content-right-banner-text h5 {
        font-size: 21px;
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: -.42px;
        color: #454d64
      }
      .Content-right-banner-text h5 span {
        color: #157cdb
      }
      .Content-right-banner:hover .Content-right-banner-text {
        bottom: 20px;
        transition: .5s
      }
      .Content-right-banner:hover .Content-right-banner-text i {
        transform: translateX(5px);
        transition: .5s
      }
      .List {
        margin-top: 10px
      }
      .List-head {
        cursor: pointer;
        height: 50px;
        padding: 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        background-color: #11193d;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: 100%
      }
      .List-head[aria-expanded=false] {
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px
      }
      .List-head[aria-expanded=false]:before {
        opacity: 0
      }
      .List-head:before {
        background-color: #11193d
      }
      .List-head h6 {
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 400;
        color: #fff
      }
      .List-head h6 i {
        margin-right: 10px;
        font-size: 20px;
        color: #157cdb
      }
      .List-head span {
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -.32px;
        color: #9ba0b9
      }
      .List-head-search {
        display: flex;
        align-items: center
      }
      .List-head-search-icon {
        font-size: 20px;
        color: #157cdb;
        margin-right: 10px
      }
      .List-head-search-input {
        background-color: transparent;
        border: none;
        padding: 0;
        color: #fff
      }
      .List-head-search-input:focus {
        background-color: transparent;
        box-shadow: none;
        color: #fff
      }
      .List-head-search-input:-ms-input-placeholder {
        color: #fff
      }
      .List-head-search-input::placeholder {
        color: #fff
      }
      .List-head-search-button {
        background-color: transparent;
        cursor: pointer;
        transition: .5s
      }
      .List-head-search-button i {
        font-size: 20px;
        color: #7c8396
      }
      .List-head-search-button:hover {
        transition: .5s;
        transform: scale(1.1)
      }
      .List-head-search-button:hover i {
        color: #157cdb;
        transition: .5s
      }
      .List-last {
        display: flex
      }
      .List-last-item {
        width: 50%;
        height: 34px;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        text-align: center;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        transition: .5s;
        border-right: 1px solid hsla(0, 0%, 100%, .08235294117647059)
      }
      .List-last-item:nth-of-type(2n) {
        background-color: #2c355c
      }
      .List-last-item:nth-of-type(odd) {
        background-color: #404972
      }
      .List-last-item:last-child {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px
      }
      .List-last-item:first-child {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px
      }
      .List-last-item:hover {
        transition: .5s;
        color: #fff
      }
      .List-last-item:hover, .List-last .active {
        background-color: #157cdb
      }
      .List-item {
        margin-bottom: 4px
      }
      .List-item-button {
        position: relative;
        width: 100%;
        height: 40px;
        border-radius: 6px;
        background-color: #4a535c;
        display: flex;
        align-items: center;
        padding-left: 15px;
        padding-right: 20px;
        font-size: 14px;
        font-weight: 600;
        color: #e8eef3;
        cursor: pointer;
        transition: .5s
      }
      .List-item-button i {
        margin-right: 12px;
        color: #fff;
        font-size: 20px
      }
      .List-item-button i:nth-of-type(2) {
        margin-right: 0;
        margin-left: 10px;
        color: #a9b1ba;
        font-size: 7px
      }
      .List-item-button:focus, .List-item-button:hover {
        color: #e8eef3
      }
      .List-item-button[aria-expanded=true] i:nth-of-type(2):before {
        transform: rotate(180deg) translateX(-50%)
      }
      .List-item-button-in {
        background-color: transparent
      }
      .List-item-button-in .icon-down-chevron {
        margin-left: auto !important;
        margin-right: -2px !important
      }
      .List-item-button-in .icon-down-chevron:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/icon-list.svg)
      }
      .List-item-button-in[aria-expanded=true] i:nth-of-type(2):before {
        transform: rotate(180deg)
      }
      .List-item-button-in[aria-expanded=true] i:before {
        width: 10px;
        height: 6px;
        transition: .5s;
        background-image: url(../assets/icon-down-chevron.svg)
      }
      .List-item-name {
        max-width: 150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .List-item-in:first-child {
        margin-top: 2px
      }
      .List-item-inner {
        border-radius: 6px;
        background-color: #39414a
      }
      .List-item-checkbox {
        display: flex;
        align-items: center;
        height: 44px;
        padding: 0 20px;
        margin-top: 2px;
        transition: .5s;
        border-bottom: 1px solid #4a535c
      }
      .List-item-checkbox:last-child {
        border-bottom: none
      }
      .List-item-checkbox:before {
        margin-right: 20px;
        content: "";
        display: inline-block;
        transition: .5s;
        width: 4px;
        height: 4px;
        background-color: #ffde00;
        border-radius: 100%
      }
      .List-item-checkbox input[type=checkbox] {
        position: absolute;
        opacity: 0
      }
      .List-item-checkbox label {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.24px;
        color: #e8eef3;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        transition: .5s;
        width: 100%
      }
      .List-item-checkbox label span {
        margin-left: auto;
        margin-right: 10px;
        font-size: 15px;
        font-family: pannosign, sans-serif;
        display: block;
        transform: translateY(1px)
      }
      .List-item-checkbox label:after {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 22px;
        height: 22px;
        border-radius: 4px;
        border: 1px solid #67717b;
        background-color: #434c55
      }
      .List-item-checkbox label:before {
        transition: .5s;
        content: "";
        position: absolute;
        right: 7px;
        top: 5px;
        width: 6px;
        height: 10px;
        border: solid #2c343b;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        opacity: 0
      }
      .List-item-checkbox input:checked~label:before {
        transition: .5s;
        opacity: 1
      }
      .List-item-checkbox input:checked~label:after {
        border-color: #00c683;
        transition: .5s;
        background-color: #00c683
      }
      .List-item-checkbox label {
        cursor: pointer
      }
      .List-item-icon {
        margin-right: 13px
      }
      .List-item-counter {
        font-family: pannosign, sans-serif;
        margin-left: auto;
        font-size: 15px;
        text-align: right;
        color: #abb8c2;
        transition: .5s
      }
      .List-live {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        background-color: #fff
      }
      .List-live-item {
        padding: 15px 20px 10px;
        border-bottom: 1px solid #eff2f8
      }
      .List-live-item-team {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .List-live-item-team-name {
        font-weight: 500;
        color: #4c5366
      }
      .List-live-item-team-name, .List-live-item-team-score {
        font-size: 14px;
        line-height: normal;
        letter-spacing: -.28px
      }
      .List-live-item-team-score {
        font-weight: 700;
        color: #ff3039
      }
      .List-live-item-play {
        margin-right: 5px;
        font-size: 18px;
        color: #cbd5e1;
        transition: .5s
      }
      .List-live-item-play:hover {
        color: #ff2551;
        transition: .5s
      }
      .List-live-item-in {
        margin-top: 7px;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .List-live-item-footer {
        margin-right: -3px
      }
      .List-live-item-time {
        font-size: 11px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -.22px;
        color: #ff3039
      }
      .List-live-item-favorite {
        position: relative;
        background-color: transparent
      }
      .List-live-item-favorite input[type=checkbox] {
        position: absolute;
        opacity: 0
      }
      .List-live-item-favorite label {
        font-size: 18px;
        margin-bottom: 0;
        cursor: pointer
      }
      .List-live-item-favorite label i {
        color: #cbd5e1;
        transition: .5s
      }
      .List-live-item-favorite input:checked~label i:before {
        transition: .5s;
        color: #ffde00
      }
      .List-live-watch {
        cursor: pointer;
        margin-right: 12px;
        background-color: transparent
      }
      .List-live-watch i:before {
        color: #bcbec8;
        transition: .5s;
        display: inline-block;
        transform: translateY(3px)
      }
      .List-live-watch i:hover:before {
        color: #eb5c15;
        transition: .5s
      }
      .List-live-more {
        margin-left: 12px;
        width: 40px;
        height: 28px;
        border-radius: 5px;
        background-color: #3598aa;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.64;
        color: #fff;
        transition: .5s
      }
      .List-live-more:hover {
        background-color: #eb5c15;
        transition: .5s;
        color: #fff;
        cursor: pointer
      }
      .List-live-links, .List-live-ratios {
        display: flex;
        align-items: center
      }
      .List-live-ratios {
        border-top: 1px solid #cbd0da;
        border-bottom: 1px solid #cbd0da;
        margin-top: 20px;
        justify-content: space-between
      }
      .List-live-ratio {
        width: 33.33%;
        border-right: 1px solid #cbd0da
      }
      .List-live-ratio:last-child {
        border-right: none
      }
      .List-live-button {
        cursor: pointer;
        height: 26px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        background-color: #f8faff;
        transition: .5s
      }
      .List-live-button span {
        transition: .5s
      }
      .List-live-button span:first-child {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -.28px;
        color: #565966
      }
      .List-live-button span:last-child {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -.28px;
        color: #565966
      }
      .List-live-button:hover {
        background-color: #2e313c;
        transition: .5s
      }
      .List-live-button:hover span {
        color: #fff;
        transition: .5s
      }
      .List-live .active {
        background-image: linear-gradient(90deg, #f49600, #eb5c15)
      }
      .List-live .active span {
        color: #fff
      }
      .Coupon {
        transform: translateY(100%);
        transition: .3s;
        opacity: 0;
        top: auto;
        pointer-events: none;
        background-color: #39414a
      }
      .Coupon-matches {
        padding-bottom: 20px
      }
      .Coupon-top {
        padding: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Coupon-top h6 {
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -.44px;
        color: #fff
      }
      .Coupon-top h6 span {
        font-weight: 300
      }
      .Coupon-top i {
        color: #9da8b3;
        font-size: 18px
      }
      .Coupon-top-in {
        display: flex;
        align-items: center
      }
      .Coupon-settings-button {
        width: 44px;
        height: 44px;
        border-radius: 6px;
        background-color: #2c343b;
        margin-left: 5px
      }
      .Coupon-settings .modal-content {
        background-color: transparent
      }
      .Coupon-settings-head {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -.4px;
        color: #fff;
        padding: 12px 20px;
        justify-content: space-between
      }
      .Coupon-settings-head, .Coupon-settings-head h5 {
        display: flex;
        align-items: center
      }
      .Coupon-settings-head h5:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 4px;
        height: 4px;
        background-color: #ffde00;
        border-radius: 100%;
        margin-right: 12px
      }
      .Coupon-settings-head .close {
        opacity: 1;
        display: flex;
        align-items: center
      }
      .Coupon-settings-head .close i {
        font-size: 12px;
        color: #9da8b3
      }
      .Coupon-settings-in {
        border-radius: 6px;
        background-color: #4a535c;
        width: 260px
      }
      .Coupon-settings-inner {
        border-top: 1px solid #5f6974;
        padding: 12px 20px
      }
      .Coupon-settings-header {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 1.57;
        color: #fff;
        display: flex;
        align-items: center
      }
      .Coupon-settings-header:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 4px;
        height: 4px;
        background-color: #a9b2ba;
        border-radius: 100%;
        margin-right: 12px
      }
      .Coupon-settings-odds-item {
        display: flex;
        align-items: center;
        margin-bottom: 5px
      }
      .Coupon-settings-odds-text {
        font-size: 12px;
        letter-spacing: -.24px;
        color: #dde4eb
      }
      .Coupon-settings-odds-text span {
        display: block;
        font-family: pannosign, sans-serif;
        font-size: 15px;
        color: #00c683;
        line-height: normal
      }
      .Coupon-settings-odds .Coupon-item-checkbox label {
        border-radius: 100%;
        width: 28px;
        height: 28px
      }
      .Coupon-settings-odds .Coupon-item-checkbox label:before {
        top: 7px;
        left: 11px
      }
      .Coupon-settings .Coupon-counter {
        width: 100%
      }
      .Coupon-share {
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Coupon-close, .Coupon-share {
        width: 44px;
        height: 44px;
        border-radius: 6px;
        background-color: #2c343b;
        margin-left: 5px
      }
      .Coupon-active {
        opacity: 1;
        transition: .3s;
        transform: translateY(0);
        pointer-events: auto;
        top: 0
      }
      .Coupon-head {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
      }
      .Coupon-head .nav {
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-bottom: 5px
      }
      .Coupon-head .nav-item {
        width: calc(33.33% - 2px)
      }
      .Coupon-head .nav-link {
        font-size: 14px;
        letter-spacing: -.28px;
        text-align: center;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        border-radius: 6px;
        background-color: #4a535c;
        position: relative;
        white-space: nowrap
      }
      .Coupon-head .nav-link span {
        position: absolute;
        right: 10px;
        top: 5px;
        font-size: 12px;
        color: #fff;
        font-family: pannosign, sans-serif;
        opacity: 0
      }
      .Coupon-head .nav .active {
        color: #fff;
        background-color: #008758
      }
      .Coupon-head .nav .active span {
        opacity: 1
      }
      .Coupon-in {
        padding-bottom: 10px
      }
      .Coupon-inner {
        margin-top: 15px
      }
      .Coupon-matches {
        padding-left: 20px;
        padding-right: 20px
      }
      .Coupon-item {
        position: relative;
        transition: .5s;
        border-radius: 16px;
        background-color: #2c343b;
        margin-bottom: 8px
      }
      .Coupon-item-checkbox {
        background-color: transparent;
        display: flex;
        align-items: center;
        margin-right: 10px
      }
      .Coupon-item-checkbox input[type=checkbox] {
        position: absolute;
        opacity: 0
      }
      .Coupon-item-checkbox label {
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -.56px;
        text-align: center;
        color: #fff;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        transition: .5s;
        width: 22px;
        height: 22px;
        border-radius: 4px;
        border: 1px solid #67717b;
        background-color: #434c55
      }
      .Coupon-item-checkbox label:before {
        content: "";
        display: block;
        position: absolute;
        top: 4px;
        left: 8px;
        width: 5px;
        height: 10px;
        border: solid #2c343b;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        opacity: 0
      }
      .Coupon-item-checkbox input:checked~label {
        background-color: #00c683;
        border-color: #00c683
      }
      .Coupon-item-checkbox input:checked~label:before {
        transition: .5s;
        opacity: 1
      }
      .Coupon-item-head {
        display: flex;
        align-items: center;
        padding: 12px 15px;
        border-bottom: 1px solid #3d464f
      }
      .Coupon-item-match {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -.28px;
        color: #fff;
        max-width: 250px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Coupon-item-match span {
        font-weight: 400
      }
      .Coupon-item-name {
        display: block;
        max-width: 205px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -.28px;
        color: #e0d9a8;
        margin-bottom: 2px
      }
      .Coupon-item-delete {
        width: 15px;
        height: 15px;
        border-radius: 8px;
        background-color: transparent;
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Coupon-item-delete i {
        font-size: 12px;
        color: #9da8b3
      }
      .Coupon-item-delete:hover {
        transform: scale(1.2);
        transition: .5s
      }
      .Coupon-item-type {
        font-size: 12px;
        letter-spacing: -.24px;
        color: #dde4eb;
        display: block
      }
      .Coupon-item-in {
        padding: 12px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Coupon-item-odd {
        width: 60px;
        height: 30px;
        border-radius: 4px;
        border: 1px solid #48515b;
        background-color: #39414a;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        letter-spacing: -.3px;
        color: #fff;
        font-family: pannosign, sans-serif;
        line-height: 1
      }
      .Coupon-item-footer {
        padding: 10px 15px;
        border-top: 1px solid #3d464f;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Coupon-item-money span {
        display: block;
        font-size: 11px;
        font-weight: 600;
        text-align: right;
        color: #dde4eb
      }
      .Coupon-item-money p {
        font-size: 15px;
        letter-spacing: -.3px;
        color: #00c683;
        font-family: pannosign, sans-serif
      }
      .Coupon-item-date {
        font-size: 11px;
        font-weight: 600;
        color: #dde4eb;
        display: flex;
        align-items: center
      }
      .Coupon-item-date-live {
        margin-right: 10px;
        font-size: 12px;
        line-height: 1.17;
        text-align: center;
        color: #fff;
        width: 38px;
        height: 16px;
        border-radius: 4px;
        background-color: #ff2551;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: pannosign, sans-serif
      }
      .Coupon-counter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 125px;
        height: 38px;
        border-radius: 8px;
        border: 1px solid #59636c;
        background-color: #39414a;
        padding-left: 5px;
        padding-right: 5px
      }
      .Coupon-counter input {
        border: none;
        width: 50px;
        text-align: center;
        background-color: transparent;
        font-size: 15px;
        line-height: 1;
        letter-spacing: -.3px;
        color: #fff;
        font-weight: 600;
        font-family: pannosign, sans-serif
      }
      .Coupon-counter input:focus {
        border: none;
        outline: none;
        box-shadow: none
      }
      .Coupon-counter .counter {
        background-color: transparent;
        font-size: 12px;
        color: #c0cad6;
        padding: 7px
      }
      .Coupon-delete {
        width: 100%;
        height: 40px;
        border-radius: 8px;
        border: 1px solid #59636c;
        background-color: #39414a;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        color: #fff
      }
      .Coupon-delete i {
        color: #9da8b3;
        font-size: 12px
      }
      .Coupon-info {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        background-color: #4a535c
      }
      .Coupon-info-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 55px;
        border-bottom: 1px solid #59636c
      }
      .Coupon-info-item p {
        font-size: 14px;
        text-align: left;
        color: #fff
      }
      .Coupon-info-item span {
        font-size: 15px;
        text-align: right;
        color: #fff;
        font-family: pannosign, sans-serif
      }
      .Coupon-info-item-total {
        font-size: 18px !important;
        color: #00c683 !important
      }
      .Coupon-info-danger {
        border-radius: 8px;
        border: 1px solid rgba(255, 222, 0, .3);
        background-color: rgba(255, 222, 0, .1);
        padding: 12px 20px;
        margin-top: 16px
      }
      .Coupon-info-danger p {
        font-size: 12px;
        line-height: 1.67;
        text-align: center;
        color: #fff
      }
      .Coupon-info-system {
        padding-top: 20px;
        padding-bottom: 15px
      }
      .Coupon-info-system .bootstrap-select {
        width: 100% !important
      }
      .Coupon-info-system .bootstrap-select .btn {
        padding-left: 15px;
        padding-right: 15px;
        border: none;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -.24px;
        color: #bec7d0;
        cursor: pointer;
        height: 40px;
        outline: none;
        box-shadow: none;
        background-color: #59636c
      }
      .Coupon-info-system .bootstrap-select .btn:after {
        display: none
      }
      .Coupon-info-system .bootstrap-select .btn:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 14px;
        height: 8px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/down-chevron.svg)
      }
      .Coupon-info-system .bootstrap-select .btn:focus {
        outline: none;
        border: none;
        box-shadow: none;
        background-color: #59636c;
        color: #e3e7f1
      }
      .Coupon-info-system .bootstrap-select .btn .filter-option {
        display: flex;
        align-items: center
      }
      .Coupon-info-system .bootstrap-select .dropdown-item.active {
        background-color: #008758;
        color: #fff
      }
      .Coupon-info-system .bootstrap-select .dropdown-item:active {
        background-color: #008758
      }
      .Coupon-button {
        height: 50px;
        border-radius: 8px;
        background-color: #ffde00;
        width: 100%;
        margin-top: 10px;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
        color: #39414a
      }
      .Coupon-button-play {
        background-color: #008758;
        color: #fff
      }
      .Coupon-bonus {
        margin-top: 20px
      }
      .Coupon-bonus-item {
        padding: 10px 15px;
        height: 56px;
        display: flex;
        align-items: center;
        border-radius: 6px;
        background-color: #3d454f;
        margin-bottom: 8px
      }
      .Coupon-bonus-item-type {
        margin-left: auto;
        background-color: transparent
      }
      .Coupon-bonus-item-in h6 {
        font-size: 14px;
        font-weight: 600;
        color: #fff
      }
      .Coupon-bonus-item-in p {
        font-size: 15px;
        line-height: 1.47;
        color: #a3afba;
        font-family: pannosign, sans-serif
      }
      .Coupon-bonus-item-in p span {
        color: #00c683
      }
      .fav_swipe {
        transition: .4s
      }
      .fav_swipe-active {
        transform: translateX(60px);
        transition: .4s
      }
      .Matchs-type {
        overflow: hidden;
        padding: 6px
      }
      .Matchs-type-item {
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        border-radius: 16px;
        width: calc(100% - 12px);
        margin-left: 6px
      }
      .Matchs-type-item:after {
        position: absolute;
        right: -6px;
        top: 50%;
        transform: translateY(-50%);
        content: " ";
        display: inline-block;
        transition: .5s;
        width: 1px;
        height: 24px;
        background-color: #424a53
      }
      .Matchs-type-item h6 {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.22px;
        text-align: center;
        color: #e0e7ed;
        max-width: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Matchs-type-item span {
        font-size: 11px;
        line-height: 1.78;
        letter-spacing: -.18px;
        text-align: center;
        color: #bec7d0
      }
      .Matchs-type-item i {
        font-size: 24px;
        color: #9da8b3;
        margin-bottom: 2px
      }
      .Matchs-type-item-live i {
        color: #ff2551
      }
      .Matchs-type .active {
        background-color: #39414a;
        color: #fff
      }
      .Matchs-type .active h6, .Matchs-type .active i, .Matchs-type .active span {
        color: #fff
      }
      .Matchs-type-detail {
        padding: 0
      }
      .Matchs-type-detail .swiper-slide {
        width: auto !important
      }
      .Matchs-type-detail .Matchs-type-item {
        height: 40px;
        border-radius: 0;
        background-color: #6a7389;
        border-right: 1px solid #50586c;
        padding-left: 20px;
        padding-right: 20px
      }
      .Matchs-type-detail .Matchs-type-item h6 {
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -.44px;
        color: #c9d0d8
      }
      .Matchs-type-detail .active {
        background-image: linear-gradient(0deg, #313849, #262c3a)
      }
      .Matchs-popular-button {
        height: 45px;
        background-color: #424a53;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 600;
        color: #fff
      }
      .Matchs-popular-button-type {
        margin-right: 20px;
        font-size: 16px;
        color: #008758
      }
      .Matchs-popular-button-icon {
        margin-left: auto;
        color: #85919d;
        font-size: 7px
      }
      .Matchs-popular-button[aria-expanded=true] .Matchs-popular-button-icon {
        transform: rotate(180deg)
      }
      .Matchs-popular-button:focus, .Matchs-popular-button:hover {
        color: #fff
      }
      .Matchs-popular-in {
        display: flex;
        overflow-x: scroll;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 5px
      }
      .Matchs-popular-item {
        min-width: 110px;
        height: 96px;
        border-radius: 12px;
        background-color: #4a535c;
        margin-right: 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
      }
      .Matchs-popular-item i {
        font-size: 30px;
        color: #ccd5de
      }
      .Matchs-popular-item span {
        display: block;
        margin-top: 5px;
        font-size: 11px;
        font-weight: 600;
        color: #e0e7ed;
        max-width: 100px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Matchs-links {
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        margin-top: 20px
      }
      .Matchs-links-buttons {
        position: relative;
        display: flex;
        justify-content: space-between
      }
      .Matchs-links-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 36px;
        border-radius: 6px;
        background-color: #59636c;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.24px;
        color: #bec7d0;
        text-align: left;
        padding-left: 20px;
        padding-right: 20px
      }
      .Matchs-links-button-icon {
        margin-left: auto;
        color: #85919d;
        font-size: 7px
      }
      .Matchs-links-button:first-child {
        flex-grow: 2
      }
      .Matchs-links-button:nth-child(2) {
        flex-grow: 1;
        margin-left: 5px
      }
      .Matchs-links-button:focus, .Matchs-links-button:hover {
        color: #bec7d0
      }
      .Matchs-links-button[aria-expanded=true] {
        background-color: #69747d
      }
      .Matchs-links-button[aria-expanded=true] .Matchs-links-button-icon {
        transform: rotate(180deg)
      }
      .Matchs-links-in {
        margin-top: 6px;
        padding: 20px;
        border-radius: 6px;
        background-color: #2c343b
      }
      .Matchs-links-date {
        border-radius: 6px;
        background-color: #69747d;
        min-width: 270px !important;
        right: 0 !important;
        left: auto !important;
        transform: translate3d(0, 34px, 0) !important;
        padding: 0
      }
      .Matchs-links-date-item {
        display: flex;
        align-items: center;
        padding-left: 20px;
        font-size: 14px;
        letter-spacing: -.28px;
        color: #fff;
        height: 40px;
        border-bottom: 1px solid #7b8790
      }
      .Matchs-links-date-item:last-child {
        border-bottom: none
      }
      .Matchs-links-date-item:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 4px;
        height: 4px;
        background-color: #a9b2ba;
        margin-right: 12px
      }
      .Matchs-links-date-item:hover {
        color: #fff;
        background-color: #727f8a;
        transition: .5s
      }
      .Matchs-links-date-item:hover:before {
        transition: .5s;
        background-color: #ffde00
      }
      .Matchs-links-date-item.active {
        color: #fff;
        background-color: #727f8a;
        transition: .5s
      }
      .Matchs-links-date-item.active:before {
        transition: .5s;
        background-color: #ffde00
      }
      .Matchs-content {
        margin-top: 20px
      }
      .Matchs-leauge {
        padding-bottom: 10px
      }
      .Matchs-leauge, .Matchs-leauge .collapse {
        position: relative
      }
      .Matchs-leauge-button {
        background-color: transparent;
        font-size: 17px;
        color: #fff;
        padding: 0 20px;
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Matchs-leauge-button:focus, .Matchs-leauge-button:hover {
        color: #fff;
        transition: .5s
      }
      .Matchs-leauge-button-icon {
        font-size: 7px;
        color: #85919d
      }
      .Matchs-leauge-button-counter {
        font-size: 18px;
        color: #7a8692;
        margin-right: 20px
      }
      .Matchs-leauge-button-live {
        margin-right: 25px;
        margin-left: auto;
        font-size: 11px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -.22px;
        text-align: center;
        color: #ff2551;
        width: 60px;
        height: 24px;
        border-radius: 12px;
        background-color: #fff
      }
      .Matchs-leauge-button-live, .Matchs-leauge-button-type {
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Matchs-leauge-button-type {
        margin-right: 15px;
        font-size: 16px;
        width: 40px;
        height: 40px;
        background-color: #008758;
        border-radius: 100%
      }
      .Matchs-leauge-button[aria-expanded=true] .Matchs-leauge-button-icon {
        transform: rotate(180deg)
      }
      .Matchs-leauge-button-in {
        background-color: #11193d;
        font-size: 14px
      }
      .Matchs-leauge-button-in:before {
        background-color: #11193d
      }
      .Matchs-leauge-button-in .Matchs-leauge-button-icon {
        color: #586085
      }
      .Matchs-leauge-type {
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        align-items: center;
        background-color: #56616c;
        height: 26px
      }
      .Matchs-leauge-type i, .Matchs-leauge-type img {
        margin-right: 10px
      }
      .Matchs-leauge-type img {
        width: 15px;
        height: 10px;
        -o-object-fit: contain;
        object-fit: contain
      }
      .Matchs-leauge-type-name {
        font-size: 10px;
        font-weight: 600;
        color: #bec7d0
      }
      .Matchs-leauge-head {
        height: 30px;
        background-color: #313943;
        display: flex;
        align-items: center;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        padding-left: 20px;
        padding-right: 8px
      }
      .Matchs-leauge-head .Matchs-item-ratio {
        height: auto
      }
      .Matchs-leauge-head-in, .Matchs-leauge-head-type {
        display: flex;
        align-items: center
      }
      .Matchs-leauge-head-type {
        font-size: 11px;
        font-weight: 500;
        color: #bec7d0;
        background-color: transparent
      }
      .Matchs-leauge-head-type .active {
        color: #ffde00
      }
      .Matchs-leauge-head-type i {
        color: #85919d;
        font-size: 5px;
        margin-left: 6px
      }
      .Matchs-leauge-head-type span {
        display: block;
        font-size: 12px;
        color: #c1ccd9;
        letter-spacing: -.24px
      }
      .Matchs-leauge-head-espor {
        position: relative;
        z-index: 9;
        background-color: #3f4a78
      }
      .Matchs-leauge-group {
        margin-bottom: 10px;
        padding-top: 15px
      }
      .Matchs-item, .Matchs-leauge-group-master {
        position: relative
      }
      .Matchs-item {
        background-color: #39414a;
        border-bottom: 1px solid #4a535c;
        padding-left: 20px;
        padding-right: 8px
      }
      .Matchs-item-in {
        display: flex;
        height: 80px;
        position: relative
      }
      .Matchs-item-favorite {
        z-index: 99;
        position: absolute;
        background-color: #4a535c;
        width: 60px;
        left: -100%;
        top: 0;
        height: 100%
      }
      .Matchs-item-favorite-icon:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 24px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/heart.svg)
      }
      .Matchs-item-favorite input[type=checkbox] {
        position: absolute;
        opacity: 0
      }
      .Matchs-item-favorite label {
        margin-bottom: 0;
        cursor: pointer
      }
      .Matchs-item-favorite input:checked~label .Matchs-item-favorite-icon:before {
        background-image: url(../assets/heartfull.svg)
      }
      .Matchs-item-info, .Matchs-item-info-buttons {
        display: flex;
        align-items: center
      }
      .Matchs-item-info-buttons {
        margin-left: auto
      }
      .Matchs-item-info-statistic {
        background-color: transparent;
        color: #838f9a;
        padding-left: 6px;
        margin-right: 6px;
        display: flex;
        align-items: center
      }
      .Matchs-item-info-statistic i {
        margin-bottom: 3px;
        font-size: 12px
      }
      .Matchs-item-info-more {
        color: #ffde00;
        background-color: transparent;
        padding-left: 6px;
        padding-right: 6px;
        margin-right: 6px;
        display: flex;
        font-size: 11px;
        align-items: center
      }
      .Matchs-item-info-more i {
        font-size: 10px;
        margin-left: 4px
      }
      .Matchs-item-date {
        display: flex;
        align-items: center;
        position: relative
      }
      .Matchs-item-date span {
        font-size: 10px;
        font-weight: 600;
        color: #bec7d0
      }
      .Matchs-item-date p {
        margin-left: 10px;
        font-size: 11px;
        font-weight: 600;
        color: #00c683
      }
      .Matchs-item-other {
        display: flex
      }
      .Matchs-item-score {
        color: #ffde00;
        font-weight: 700
      }
      .Matchs-item-team {
        flex-grow: 2;
        display: flex;
        flex-direction: column;
        justify-content: center
      }
      .Matchs-item-name {
        font-size: 12px;
        font-style: normal;
        letter-spacing: -.24px;
        color: #e8eef3;
        display: block;
        padding-right: 12px
      }
      .Matchs-item-name p {
        display: flex;
        justify-content: space-between;
        margin-top: 1px;
        margin-bottom: 1px
      }
      .Matchs-item-name p span {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 110px;
        white-space: nowrap
      }
      .Matchs-item-ratios {
        display: flex;
        align-items: center;
        margin-left: auto
      }
      .Matchs-item-ratio {
        margin-left: 1px;
        margin-right: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 60px;
        font-family: pannosign, sans-serif;
        border-radius: 5px
      }
      .Matchs-item-ratio-text {
        font-size: 12px;
        letter-spacing: -.24px;
        color: #bec7d0
      }
      .Matchs-item-links {
        display: flex;
        align-items: center;
        margin-right: 10px
      }
      .Matchs-item-links-item {
        margin-left: 10px
      }
      .Matchs-item-button {
        width: 100%;
        height: 100%;
        border-radius: 6px;
        background-color: #4a535c;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        padding-top: 2px;
        letter-spacing: -.28px;
        cursor: pointer
      }
      .Matchs-item-button, .Matchs-item-button:focus, .Matchs-item-button:hover {
        color: #fff;
        transition: .5s
      }
      .Matchs-item .up {
        background-image: url(../assets/up.svg);
        background-position: 100% 0
      }
      .Matchs-item .down, .Matchs-item .up {
        background-repeat: no-repeat;
        background-size: 12px 12px
      }
      .Matchs-item .down {
        background-image: url(../assets/down.svg);
        background-position: 0 100%
      }
      .Matchs-item .passive {
        color: transparent;
        background-position: 50%;
        background-size: 14px 18px;
        background-repeat: no-repeat;
        background-image: url(../assets/lock.svg);
        background-color: #414b55;
        pointer-events: none
      }
      .Matchs-item .active {
        color: #fff;
        background-color: #008758;
        border-color: #008758
      }
      .Matchs-item .disabled {
        border: none;
        color: #8f95a0;
        font-weight: 700;
        background-color: transparent
      }
      .Matchs-item .disabled:hover {
        background-image: none;
        background-color: transparent;
        transition: .5s
      }
      .Matchs-detail-header {
        padding-right: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 40px;
        background-color: #50586c;
        position: relative
      }
      .Matchs-detail-header-back {
        padding-left: 20px;
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: .5s;
        font-size: 12px;
        font-weight: 600;
        color: #50586c
      }
      .Matchs-detail-header-back i {
        font-size: 12px;
        color: #c4c7d6
      }
      .Matchs-detail-header-back:hover, .Matchs-detail-header-back:hover i:before {
        color: #eb5c15;
        transition: .5s
      }
      .Matchs-detail-header-right {
        display: flex;
        align-items: center;
        margin-left: auto
      }
      .Matchs-detail-header-play {
        display: flex;
        align-items: center;
        margin-right: 15px;
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -.24px;
        color: #fff;
        transition: .5s
      }
      .Matchs-detail-header-play i {
        margin-left: 5px;
        font-size: 20px;
        color: #ff2551;
        transition: .5s
      }
      .Matchs-detail-header-play:hover {
        transition: .5s;
        color: #fb9224
      }
      .Matchs-detail-header-play:hover i {
        color: #fff;
        transition: .5s
      }
      .Matchs-detail-header-text {
        font-size: 11px;
        font-weight: 500;
        line-height: 1.82;
        color: #c9d0d8
      }
      .Matchs-detail-header-live {
        margin-left: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.24px;
        text-align: center;
        color: #fff;
        margin-right: 25px
      }
      .Matchs-detail-teams {
        z-index: 2;
        position: relative;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        padding: 20px 20px 35px;
        height: 250px
      }
      .Matchs-detail-teams-head {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Matchs-detail-teams-head-link {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        border: 2px solid #68727b;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Matchs-detail-teams-head-link i {
        color: #bcc5ce;
        font-size: 8px
      }
      .Matchs-detail-teams-head-text {
        font-size: 12px;
        line-height: 1.83;
        letter-spacing: -.24px;
        text-align: center;
        color: #e8eef3
      }
      .Matchs-detail-teams-live {
        position: absolute;
        display: flex;
        left: 50%;
        transform: translateX(-50%) translateY(-100%);
        top: -3px;
        align-items: center;
        justify-content: center;
        width: 59px;
        height: 28px;
        border-radius: 5px;
        background-color: #ff2551;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        color: #e8eef3;
        margin-bottom: 12px
      }
      .Matchs-detail-teams-favorite {
        z-index: 99;
        width: 36px;
        height: 36px;
        border-radius: 8px;
        border: 2px solid #68727b;
        background-color: transparent
      }
      .Matchs-detail-teams-favorite, .Matchs-detail-teams-favorite-icon {
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Matchs-detail-teams-favorite-icon:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 18px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/heart.svg)
      }
      .Matchs-detail-teams-favorite input[type=checkbox] {
        position: absolute;
        opacity: 0
      }
      .Matchs-detail-teams-favorite label {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Matchs-detail-teams-favorite input:checked~label .Matchs-detail-teams-favorite-icon:before {
        background-image: url(../assets/heartfull.svg)
      }
      .Matchs-detail-teams-date {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 10px
      }
      .Matchs-detail-teams-date p {
        font-size: 17px;
        font-weight: 600;
        line-height: 1.29;
        letter-spacing: -.34px;
        text-align: center;
        color: #fff
      }
      .Matchs-detail-teams-date span {
        font-size: 13px;
        line-height: 1.83;
        letter-spacing: -.24px;
        text-align: center;
        color: #e8eef3
      }
      .Matchs-detail-teams-in {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        margin-top: 35px
      }
      .Matchs-detail-teams-item {
        display: flex;
        flex-direction: column;
        margin-top: 2px;
        margin-bottom: 2px
      }
      .Matchs-detail-teams-item:first-child {
        align-items: flex-start
      }
      .Matchs-detail-teams-item:first-child .Matchs-detail-teams-item-history .icon-statistics {
        margin-left: -3px
      }
      .Matchs-detail-teams-item:first-child .Matchs-detail-teams-item-in {
        padding-right: 35px
      }
      .Matchs-detail-teams-item:first-child .Matchs-detail-teams-item-score {
        margin-left: auto
      }
      .Matchs-detail-teams-item:last-child {
        align-items: flex-end;
        text-align: right
      }
      .Matchs-detail-teams-item:last-child .Matchs-detail-teams-item-history .icon-statistics {
        margin-right: 10px
      }
      .Matchs-detail-teams-item:last-child .Matchs-detail-teams-item-in {
        padding-left: 35px
      }
      .Matchs-detail-teams-item:last-child .Matchs-detail-teams-item-logo {
        margin-left: auto
      }
      .Matchs-detail-teams-item:last-child .Matchs-detail-teams-item-score {
        margin-right: auto
      }
      .Matchs-detail-teams-item-logo {
        width: 52px;
        height: 52px;
        padding: 10px;
        border: 2px solid #6f7882;
        background-color: #4a535c;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Matchs-detail-teams-item-logo img {
        width: 32px;
        height: 32px;
        -o-object-fit: contain;
        object-fit: contain
      }
      .Matchs-detail-teams-item-in {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        width: 100%
      }
      .Matchs-detail-teams-item-name {
        font-size: 17px;
        font-weight: 600;
        line-height: 1.29;
        letter-spacing: -.34px;
        color: #fff;
        max-width: 135px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Matchs-detail-teams-item-type {
        font-size: 11px;
        font-weight: 600;
        line-height: 2;
        color: #bec7d0
      }
      .Matchs-detail-teams-item-history {
        display: flex;
        margin-top: 12px
      }
      .Matchs-detail-teams-item-history span {
        width: 24px;
        height: 24px;
        border: 1px solid #2c343b;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: -.22px;
        color: #fff;
        position: relative;
        z-index: 1
      }
      .Matchs-detail-teams-item-history span:first-of-type {
        transform: translateX(0)
      }
      .Matchs-detail-teams-item-history span:nth-of-type(2) {
        transform: translateX(-4px)
      }
      .Matchs-detail-teams-item-history span:nth-of-type(3) {
        transform: translateX(-8px)
      }
      .Matchs-detail-teams-item-history span:nth-of-type(4) {
        transform: translateX(-12px)
      }
      .Matchs-detail-teams-item-history span:nth-of-type(5) {
        transform: translateX(-16px)
      }
      .Matchs-detail-teams-item-history i {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        background-color: #363f47;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #9da8b3;
        font-size: 8px
      }
      .Matchs-detail-teams-item-score {
        display: block;
        font-size: 22px;
        font-weight: 600;
        color: #fff
      }
      .Matchs-detail-links {
        display: flex;
        align-items: center;
        overflow-x: scroll;
        padding-left: 20px;
        padding-right: 20px;
        height: 50px;
        background-color: #59636c
      }
      .Matchs-detail-links-item {
        height: 100%;
        white-space: nowrap;
        margin-right: 12px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.69;
        color: #bec7d0;
        display: flex;
        align-items: center;
        position: relative
      }
      .Matchs-detail-links-item:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 4px;
        height: 4px;
        background-color: #c4c4c4;
        margin-right: 12px
      }
      .Matchs-detail-links-item:after {
        content: " ";
        display: inline-block;
        transition: .5s;
        height: 1px;
        position: absolute;
        left: 0;
        right: -16px;
        bottom: 0;
        opacity: 0;
        background-color: #ffde00
      }
      .Matchs-detail-links-item.active {
        color: #fff
      }
      .Matchs-detail-links-item.active:before {
        background-color: #ffde00
      }
      .Matchs-detail-links-item.active:after {
        opacity: 1
      }
      .Matchs-detail-head {
        padding: 20px
      }
      .Matchs-detail-head, .Matchs-detail-head-button {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Matchs-detail-head-button {
        flex-grow: 2;
        padding-left: 20px;
        padding-right: 20px;
        height: 35px;
        border-radius: 5px;
        border: 1px solid #68727c;
        background-color: #59636c;
        font-size: 12px;
        color: #fff
      }
      .Matchs-detail-head-button i {
        color: #9da8b3
      }
      .Matchs-detail-head-button .icon-statistics {
        color: #ffde00
      }
      .Matchs-detail-head-button:last-child {
        margin-left: 6px
      }
      .Matchs-detail-head-button:last-child[aria-expanded=true] i {
        transform: rotate(180deg)
      }
      .Matchs-detail-head-button:focus, .Matchs-detail-head-button:hover {
        color: #fff
      }
      .Matchs-detail .Matchs-leauge-button {
        background-color: #8d99a8;
        font-size: 14px;
        padding-left: 10px
      }
      .Matchs-detail .Matchs-leauge-button-type {
        margin-right: 10px
      }
      .Matchs-detail-info {
        box-shadow: 0 6px 32px 0 #000;
        border-bottom: 1px solid #3c4650;
        z-index: -1;
        pointer-events: none;
        display: none
      }
      .Matchs-detail-info-back {
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 36px;
        font-size: 11px;
        font-weight: 600;
        color: #e8eef3;
        background-color: #59636c
      }
      .Matchs-detail-info-back i {
        color: #bcc5ce;
        font-size: 8px
      }
      .Matchs-detail-info-back:focus {
        color: #e8eef3
      }
      .Matchs-detail-info-back:focus i {
        color: #bcc5ce
      }
      .Matchs-detail-info-teams {
        padding: 15px;
        height: 80px;
        background-color: #21282e
      }
      .Matchs-detail-info-teams, .Matchs-detail-info-teams-flag, .Matchs-detail-info-teams-icon {
        display: flex;
        align-items: center
      }
      .Matchs-detail-info-teams-flag {
        margin-right: 4px;
        width: 48px;
        height: 48px;
        border: 2px solid #6f7882;
        background-color: #4a535c;
        justify-content: center;
        border-radius: 100%
      }
      .Matchs-detail-info-teams-flag img {
        max-width: 75%;
        max-height: 70%;
        -o-object-fit: contain;
        object-fit: contain
      }
      .Matchs-detail-info-in {
        margin-left: 10px
      }
      .Matchs-detail-info-in p {
        font-size: 11px;
        font-weight: 600;
        color: #fff;
        line-height: 1.1;
        max-width: 200px
      }
      .Matchs-detail-info-in span {
        font-size: 14px;
        font-weight: 600;
        color: #e8eef3
      }
      .Matchs-detail-info-score {
        background-color: #ff2551;
        width: 48px;
        height: 32px;
        border-radius: 5px
      }
      .Matchs-detail-info-score, .Matchs-detail-info-score p {
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Matchs-detail-info-score p {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: -.34px;
        text-align: center;
        color: #fff
      }
      .Matchs-detail-info.active {
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99999;
        pointer-events: auto;
        display: block
      }
      .Matchs-market {
        background-color: #39414a;
        padding-bottom: 20px
      }
      .Matchs-market-item {
        margin-bottom: 7px;
        background-color: #2c343b;
        border-radius: 16px
      }
      .Matchs-market-item:last-child {
        margin-bottom: 0
      }
      .Matchs-market-item-content {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
      }
      .Matchs-market-item-content-head {
        margin-bottom: 5px;
        display: flex
      }
      .Matchs-market-item-content-in {
        padding: 15px
      }
      .Matchs-market-item-team {
        font-size: 12px;
        letter-spacing: -.24px;
        text-align: center;
        color: #dde4eb;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Matchs-market-item-odd {
        font-size: 15px;
        letter-spacing: -.3px;
        color: #bec7d0
      }
      .Matchs-market-item-more {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        background-color: transparent;
        font-size: 12px;
        color: #dde4eb;
        margin-top: 7px
      }
      .Matchs-market-item-more i {
        font-size: 8px;
        color: #008758;
        margin-left: 8px
      }
      .Matchs-market-item-more[aria-expanded=true] i {
        transform: rotate(180deg)
      }
      .Matchs-market .Matchs-leauge-button {
        font-weight: 600;
        background-color: #2c343b;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom: 1px solid #3d464f;
        padding: 11px 40px;
        height: auto;
        white-space: normal;
        text-align: left;
        display: block;
        line-height: 1.2
      }
      .Matchs-market .Matchs-leauge-button span {
        color: #85919d;
        font-weight: 400;
        margin-left: 5px
      }
      .Matchs-market .Matchs-leauge-button-icon {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%)
      }
      .Matchs-market .Matchs-leauge-button:before {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        display: inline-block;
        transition: .5s;
        min-width: 6px;
        height: 6px;
        background-color: #00c683;
        margin-right: 12px;
        border-radius: 100%
      }
      .Matchs-market .Matchs-leauge-button[aria-expanded=false] {
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px
      }
      .Matchs-market-odds {
        display: flex
      }
      .Matchs-market-odds:last-child {
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px
      }
      .Matchs-market-odds .up {
        background-image: url(../assets/up.svg);
        background-position: 100% 0
      }
      .Matchs-market-odds .down, .Matchs-market-odds .up {
        background-repeat: no-repeat;
        background-size: 12px 12px
      }
      .Matchs-market-odds .down {
        background-image: url(../assets/down.svg);
        background-position: 0 100%
      }
      .Matchs-market-odds .passive {
        color: transparent;
        background-position: 50%;
        background-size: 14px 18px;
        background-repeat: no-repeat;
        background-image: url(../assets/lock.svg);
        background-color: #414b55;
        pointer-events: none
      }
      .Matchs-market-odds .active {
        color: #fff
      }
      .Matchs-market-odds .disabled {
        border: none;
        color: #8f95a0;
        font-weight: 700;
        background-color: transparent
      }
      .Matchs-market-odds .disabled:hover {
        background-image: none;
        background-color: transparent;
        transition: .5s
      }
      .Matchs-market-odd {
        margin-bottom: 5px;
        height: 40px;
        border-radius: 6px;
        background-color: #4a535c;
        cursor: pointer;
        display: flex;
        align-items: center;
        width: 100%
      }
      .Matchs-market-odd-type {
        margin-left: 20px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -.32px;
        color: #cfd4e3;
        max-width: 170px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Matchs-market-odd-property {
        margin-left: 10%;
        font-size: 14px;
        font-weight: 500;
        color: #157cdb
      }
      .Matchs-market-odd-rate {
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 6px;
        height: 100%;
        width: 100%;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -.3px;
        text-align: center;
        font-family: pannosign, sans-serif
      }
      .Matchs-market-odd-rate, .Matchs-market-odd-rate:hover {
        transition: .5s;
        color: #fff
      }
      .Matchs-market-odd-other {
        font-size: 15px;
        text-align: center;
        color: #bec7d0;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Matchs-market .rate-two {
        justify-content: space-between;
        background-position-x: calc(100% - 16px)
      }
      .Matchs-market .active {
        border-color: #008758;
        background-color: #008758
      }
      .Matchs-market .active .Matchs-market-item-odd, .Matchs-market .active .Matchs-market-odd-property, .Matchs-market .active .Matchs-market-odd-type {
        color: #fff
      }
      .Matchs-market .active .Matchs-market-odd-rate {
        background-color: #008758;
        color: #fff
      }
      .Matchs-live-top {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Matchs-live-search {
        width: calc(70% - 10px);
        border-radius: 12px;
        background-color: #11193d;
        padding: 0 20px
      }
      .Matchs-live-search-in {
        padding-left: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        position: relative
      }
      .Matchs-live-search-in:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 2px;
        height: 14px;
        background-color: #fb9224;
        position: absolute;
        left: 0
      }
      .Matchs-live-search-input {
        color: #fff;
        background-color: transparent;
        border: none
      }
      .Matchs-live-search-input:-ms-input-placeholder {
        font-size: 13px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -.26px;
        color: #afb5c9
      }
      .Matchs-live-search-input::placeholder {
        font-size: 13px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -.26px;
        color: #afb5c9
      }
      .Matchs-live-search-input:focus {
        background-color: transparent;
        box-shadow: none;
        color: #fff
      }
      .Matchs-live-search-button {
        background-color: transparent;
        cursor: pointer;
        transition: .5s
      }
      .Matchs-live-search-button i {
        font-size: 18px;
        color: #fb9224
      }
      .Matchs-live-search-button:hover {
        transform: scale(1.1);
        transition: .5s
      }
      .Matchs-live-fav {
        border-radius: 12px;
        background-color: #11193d;
        padding: 0 20px;
        width: 30%
      }
      .Matchs-live-fav-button {
        height: 50px;
        width: 100%;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer
      }
      .Matchs-live-fav-button p {
        font-size: 15px;
        font-weight: 600;
        line-height: normal;
        color: #fff;
        transition: .5s
      }
      .Matchs-live-fav-button p i {
        font-size: 18px;
        color: #ffde00
      }
      .Matchs-live-fav-button span {
        font-size: 11px;
        font-weight: 600;
        line-height: 1;
        color: #abb0c1;
        transition: .5s
      }
      .Matchs-live-fav-button:hover p, .Matchs-live-fav-button:hover span {
        transition: .5s;
        color: #ffde00
      }
      .Close:before {
        content: "Seçenekleri Kapat";
        font-size: 12px;
        color: #fff
      }
      .Close.active:before {
        content: "Seçenekleri Aç"
      }
      .Close.active i {
        transform: rotate(180deg)
      }
      .odd-two {
        width: calc(50% - 4px)
      }
      .odd-three, .odd-two {
        margin-left: 2px;
        margin-right: 2px
      }
      .odd-three {
        width: calc(33.33% - 4px)
      }
      .odd-barem {
        width: 88px;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Page-live-detail .Matchs-detail-teams-in {
        margin-top: 50px
      }
      .Page-live-detail .Matchs-market .Matchs-leauge-button:before {
        background-color: #ff2551
      }
      .Page-e_spor .Matchs-detail-teams {
        height: 210px
      }
      .Page-in .Slider .swiper-pagination-bullet-active {
        background-color: #ff2551
      }
      .Statistic {
        overflow: hidden
      }
      .Statistic-header {
        position: relative;
        z-index: 9;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #3d464f
      }
      .Statistic-header h6 {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: -.34px;
        text-align: center;
        color: #fff
      }
      .Statistic-in {
        border-radius: 16px;
        background-color: #2c343b;
        position: relative;
        z-index: 9;
        margin-bottom: 15px
      }
      .Statistic-in:before {
        background-color: #fff
      }
      .Statistic-inner {
        padding: 15px 20px
      }
      .Statistic-headtohead-head {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Statistic-headtohead-head span {
        font-size: 12px;
        letter-spacing: -.24px;
        text-align: left;
        color: #dde4eb
      }
      .Statistic-headtohead-rate {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 8px
      }
      .Statistic-headtohead-rate span {
        display: block;
        border-radius: 14px;
        padding: 4px 20px;
        font-size: 12px;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -.22px;
        color: #fff;
        margin-left: 2px;
        margin-right: 2px
      }
      .Statistic-headtohead-rate span:first-of-type {
        text-align: left
      }
      .Statistic-headtohead-rate span:nth-of-type(2) {
        text-align: center
      }
      .Statistic-headtohead-rate span:nth-of-type(3) {
        text-align: right
      }
      .Statistic-headtohead-rate-head {
        margin-top: 2px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: pannosign, sans-serif
      }
      .Statistic-headtohead-rate-head span {
        font-size: 15px;
        letter-spacing: -.3px;
        text-align: left;
        color: #fff
      }
      .Statistic-headtohead-odd {
        margin-top: 8px
      }
      .Statistic-headtohead-odd-in {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Statistic-headtohead-odd-item {
        display: flex;
        align-items: center;
        text-align: left;
        margin-bottom: 2px
      }
      .Statistic-headtohead-odd-item span {
        display: block;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: -.26px;
        color: #dde4eb
      }
      .Statistic-headtohead-odd-item p {
        white-space: nowrap
      }
      .Statistic-headtohead-odd-item p:first-child {
        font-size: 12px;
        letter-spacing: -.24px;
        text-align: left;
        color: #dde4eb;
        width: 130px
      }
      .Statistic-headtohead-odd-item p:last-child {
        margin-left: 10px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.24px;
        color: #dde4eb;
        width: 25px
      }
      .Statistic-no {
        font-size: 15px;
        color: #fff;
        margin-right: 20px
      }
      .Statistic-team-name {
        width: 100%;
        font-size: 14px;
        letter-spacing: -.28px;
        text-align: left;
        color: #dde4eb;
        line-height: 1;
        max-width: 240px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Statistic-team-date {
        font-size: 12px;
        line-height: 1.83;
        letter-spacing: -.24px;
        color: #dde4eb
      }
      .Statistic-team-line {
        margin-left: 3px;
        margin-right: 3px
      }
      .Statistic-team p {
        font-size: 14px;
        letter-spacing: -.28px;
        text-align: left;
        color: #dde4eb;
        max-width: 260px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Statistic-togetherlast-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #3d464f;
        padding: 15px 20px
      }
      .Statistic-togetherlast-item-in {
        display: flex;
        align-items: center;
        text-align: left
      }
      .Statistic-togetherlast-item-right {
        display: flex;
        align-items: center
      }
      .Statistic-togetherlast-item-result {
        font-weight: 600;
        font-size: 11px !important;
        color: #008758 !important
      }
      .Statistic-togetherlast-item-score {
        display: flex;
        align-items: center;
        flex-direction: column;
        font-family: pannosign, sans-serif
      }
      .Statistic-togetherlast-item-score span {
        margin-top: 1px;
        margin-bottom: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 24px;
        border-radius: 5px;
        background-color: #4a535c;
        font-size: 15px;
        font-style: normal;
        line-height: 1.47;
        letter-spacing: -.3px;
        color: #fff
      }
      .Statistic-more {
        font-size: 12px;
        letter-spacing: -.24px;
        text-align: center;
        color: #dde4eb;
        width: 100%;
        height: 45px;
        background-color: transparent;
        cursor: pointer;
        transition: .5s;
        display: flex;
        align-items: center;
        justify-content: center
      }
      .Statistic-more i {
        font-size: 8px;
        color: #008758;
        margin-left: 8px
      }
      .Statistic-last-head {
        padding-left: 20px;
        padding-top: 20px;
        border-bottom: 1px solid #3d464f;
        width: 100%
      }
      .Statistic-last-head h6 {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: -.34px;
        text-align: left;
        color: #fff;
        padding-bottom: 15px;
        position: relative;
        display: flex;
        align-items: center
      }
      .Statistic-last-head h6 img {
        margin-right: 12px;
        width: 32px;
        height: 32px;
        -o-object-fit: contain;
        object-fit: contain
      }
      .Statistic-last-item {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #3d464f;
        padding: 15px 20px;
        text-align: left
      }
      .Statistic-last-item-in {
        width: 100%
      }
      .Statistic-last-item-score {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 24px;
        border-radius: 5px;
        background-color: #4a535c
      }
      .Statistic-last-item-score span {
        font-size: 15px;
        letter-spacing: -.3px;
        text-align: center;
        color: #fff;
        font-family: pannosign, sans-serif;
        line-height: 1
      }
      .Statistic-last-item-score span:nth-of-type(2) {
        width: 7px
      }
      .Statistic-player-inner {
        width: 100%
      }
      .Statistic-player-head {
        display: flex;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
        height: 60px
      }
      .Statistic-player-head h6 {
        font-size: 17px;
        font-weight: 600;
        color: #fff
      }
      .Statistic-player-head:before {
        background-color: #404a77
      }
      .Statistic-player-head img {
        margin-right: 10px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 32px;
        height: 32px
      }
      .Statistic-player .table {
        position: relative;
        z-index: 9;
        margin-bottom: 0;
        border: none;
        max-width: 100%;
        width: 100%
      }
      .Statistic-player .table thead {
        border: none;
        background-color: #4a535c
      }
      .Statistic-player .table thead td, .Statistic-player .table thead th {
        font-size: 11px;
        font-weight: 600;
        color: #fff;
        border: none
      }
      .Statistic-player .table thead td:first-child, .Statistic-player .table thead th:first-child {
        padding-left: 20px
      }
      .Statistic-player .table tbody {
        border: none
      }
      .Statistic-player .table tbody tr {
        background-color: #2c343b
      }
      .Statistic-player .table tbody tr td {
        width: 100%;
        font-size: 14px;
        color: #dde4eb;
        border: none;
        border-bottom: 1px solid #3d464f
      }
      .Statistic-player .table tbody tr td span {
        display: flex;
        align-items: center;
        max-width: 150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px;
        color: #dde4eb
      }
      .Statistic-player .table tbody tr td span i, .Statistic-player .table tbody tr td span img {
        margin-right: 12px;
        width: 18px;
        height: 12px
      }
      .Statistic-player .table tbody tr td:first-child {
        text-align: left;
        padding-left: 20px
      }
      .Statistic-player .table tbody tr td:last-child {
        text-align: left
      }
      .Statistic-puan {
        overflow: hidden
      }
      .Statistic-puan .table {
        position: relative;
        z-index: 9;
        margin-bottom: 0;
        border: none
      }
      .Statistic-puan .table thead {
        border: none;
        background-color: #4a535c
      }
      .Statistic-puan .table thead td, .Statistic-puan .table thead th {
        vertical-align: middle;
        font-size: 11px;
        font-weight: 600;
        line-height: 2;
        color: #fff;
        border: none;
        text-align: center;
        padding: 5px
      }
      .Statistic-puan .table thead td:first-child, .Statistic-puan .table thead th:first-child {
        padding-left: 15px;
        text-align: left
      }
      .Statistic-puan .table thead td:nth-of-type(2), .Statistic-puan .table thead th:nth-of-type(2) {
        text-align: left;
        padding-left: 10px
      }
      .Statistic-puan .table thead td:nth-of-type(2) .Statistic-puan-item, .Statistic-puan .table thead th:nth-of-type(2) .Statistic-puan-item {
        padding-left: 45px;
        color: #fff;
        font-size: 11px
      }
      .Statistic-puan .table tbody {
        border: none
      }
      .Statistic-puan .table tbody tr td {
        font-size: 12px;
        font-weight: 600;
        color: #dde4eb;
        border: none;
        border-bottom: 1px solid #3d464f;
        padding: 14px 6px;
        text-align: center
      }
      .Statistic-puan .table tbody tr td:first-child {
        padding-left: 15px;
        text-align: left
      }
      .Statistic-puan .table tbody tr td:nth-of-type(2) {
        text-align: left;
        padding-left: 0
      }
      .Statistic-puan-item {
        font-size: 12px;
        font-weight: 600;
        color: #dde4eb;
        width: 100px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        text-align: left
      }
      .Statistic-puan-item .up {
        margin-right: 3px
      }
      .Statistic-puan-item .up:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 7px;
        height: 8px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/up-arrow.svg)
      }
      .Statistic-puan-item .down {
        margin-right: 3px
      }
      .Statistic-puan-item .down:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 7px;
        height: 8px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/down-arrow.svg)
      }
      .Bulten-head {
        height: 50px;
        background-color: #2e313c;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        display: flex;
        align-items: center;
        padding-left: 20px
      }
      .Bulten-head h6 {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: -.34px;
        color: #fff
      }
      .Bulten-head i {
        margin-right: 20px
      }
      .Bulten-head i:before {
        color: #fff;
        font-size: 24px
      }
      .Bulten-links {
        display: flex;
        border-top: 1px solid #535765
      }
      .Bulten-links-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-grow: 2;
        background-color: #404350;
        height: 60px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.43;
        letter-spacing: -.28px;
        color: #fff;
        transition: .5s;
        border-right: 1px solid #535765
      }
      .Bulten-links-item span {
        font-size: 12px
      }
      .Bulten-links-item:first-child {
        border-bottom-left-radius: 5px
      }
      .Bulten-links-item:last-child {
        border-right: none;
        border-bottom-right-radius: 5px
      }
      .Bulten-links-item:hover {
        background-color: #2e313c;
        transition: .5s;
        color: #fff
      }
      .Bulten-links .active {
        background-image: linear-gradient(0deg, #f49600, #eb5c15)
      }
      .Bulten-item {
        display: flex;
        align-items: center;
        border: 1px solid #e2e4ea;
        background-color: #fff;
        height: 70px;
        position: relative
      }
      .Bulten-item-sport {
        display: flex;
        align-items: center;
        height: 100%;
        padding-left: 20px;
        width: 24%;
        border-right: 1px solid #e2e4ea;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.29;
        letter-spacing: -.28px;
        color: #8f95a0
      }
      .Bulten-item-sport i {
        margin-right: 12px
      }
      .Bulten-item-sport i:before {
        font-size: 24px
      }
      .Bulten-item-teams {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding-left: 20px;
        width: 61%;
        border-right: 1px solid #e2e4ea
      }
      .Bulten-item-teams span {
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        color: #868997
      }
      .Bulten-item-teams p {
        margin-top: 3px;
        font-size: 17px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -.34px;
        color: #565966
      }
      .Bulten-item-time {
        display: flex;
        align-items: center;
        height: 100%;
        padding-left: 20px;
        width: 15%;
        font-size: 17px;
        font-weight: 600;
        color: #3598aa
      }
      .Bulten-item-time i {
        margin-right: 12px
      }
      .Bulten-item-time i:before {
        color: #3598aa
      }
      .Bulten-item:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
      }
      .Bulten-item:nth-of-type(2n) {
        background-color: #fafcff
      }
      .Bulten-item:hover {
        background-color: #edeef0;
        transition: .5s
      }
      .Bulten-pagination {
        background-color: #3598aa;
        display: flex;
        align-items: center;
        height: 50px
      }
      .Bulten-pagination-item {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -.28px;
        color: #e8fbff;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        background-color: #2b8697;
        transition: .5s;
        margin-left: 2px;
        margin-right: 2px
      }
      .Bulten-pagination-item:hover {
        color: #3598aa;
        background-color: #fff;
        transition: .5s
      }
      .Bulten-pagination-item:first-child, .Bulten-pagination-item:last-child {
        border-radius: 0;
        background-color: transparent;
        height: 100%;
        width: 120px
      }
      .Bulten-pagination-item:first-child:hover, .Bulten-pagination-item:last-child:hover {
        background-color: #2b8697;
        transition: .5s;
        color: #fff
      }
      .Bulten-pagination-item:first-child {
        margin-right: auto;
        border-right: 1px solid #45afc2
      }
      .Bulten-pagination-item:first-child i {
        transform: rotate(180deg);
        margin-right: 10px
      }
      .Bulten-pagination-item:first-child i:before {
        font-size: 10px
      }
      .Bulten-pagination-item:first-child:hover {
        background-color: #2b8697;
        transition: .5s
      }
      .Bulten-pagination-item:last-child {
        border-left: 1px solid #45afc2;
        margin-left: auto
      }
      .Bulten-pagination-item:last-child i {
        margin-left: 10px
      }
      .Bulten-pagination-item:last-child i:before {
        font-size: 10px
      }
      .radius {
        position: relative;
        z-index: 9
      }
      .radius:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 100%;
        height: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
        transform: translateY(50%)
      }
      .bg-red {
        background-color: #ff3039
      }
      .bg-grey {
        background-color: #6f7b87
      }
      .bg-green {
        background-color: #00c683
      }
      .bg-blue {
        background-color: #157cdb
      }
      .bg-orange {
        background-color: #fb9224
      }
      .bg-yellow {
        background-color: #ffde00
      }
      .color-blue {
        color: #157cdb !important
      }
      .color-orange {
        color: #fb9224 !important
      }
      .color-red {
        color: #ff2551 !important
      }
      .color-green {
        color: #008758 !important
      }
      .iti .iti__flag {
        border-radius: 3px;
        box-shadow: none
      }
      .iti .iti__arrow {
        border: none;
        width: auto;
        height: auto;
        transform: translateY(-2px)
      }
      .iti .iti__arrow:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 10px;
        height: 6px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../assets/icon-down2.svg)
      }
      .iti input[type=text] {
        margin-left: 10px
      }
      .iti .iti__selected-flag:focus, .iti input[type=text]:focus {
        outline: none
      }
      .iti .iti--separate-dial-code .iti__selected-flag {
        background-color: transparent !important;
        outline: none !important
      }
      .iti .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: -.26px;
        color: #7a7f96
      }
      .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
        background-color: transparent;
        transition: .5s
      }
      .jp-card .jp-card-front {
        background: #11193d !important
      }
      .modal-backdrop {
        background-color: rgba(4, 7, 22, .9)
      }
      .modal-backdrop.fade {
        opacity: 1
      }
      .z-1 {
        z-index: 1
      }
      .Light .H_bonus, .Light .H_menu, .Light .Main {
        background-color: #b8c2cc;
        transition: .3s
      }
      .Light .H_bonus .swiper-button-next, .Light .H_bonus .swiper-button-prev {
        border-color: #b8c2cc;
        transition: .3s
      }
      .Light .H_games {
        background-color: #b8c2cc;
        transition: .3s
      }
      .Light .H_payment-in {
        background-color: #e4ebf2;
        transition: .3s
      }
      .Light .H_payment-item img {
        filter: invert(.7)
      }
      .Light .Head:before {
        background-color: #ffde00;
        transition: .3s
      }
      .Light .Head h6 {
        color: #4a535c;
        transition: .3s
      }
      .Light .Head p {
        color: #5d6975;
        transition: .3s
      }
      .Light .Navbottom-in {
        background-color: #b8c2cc;
        transition: .3s
      }
      .Light .Navbottom-app h3, .Light .Navbottom-description-right p, .Light .Navbottom-menu-head {
        color: #4a535c;
        transition: .3s
      }
      .Light .Navbottom-menu-head {
        background-color: #c6d0da
      }
      .Light .Navbottom-menu-head i {
        color: #85919d
      }
      .Light .Navbottom-menu-head[aria-expanded=true] {
        background-color: #d9e1ea;
        transition: .3s
      }
      .Light .Navbottom-item li a {
        color: #4a535c;
        transition: .3s
      }
      .Light .Navbottom-item li a:before {
        border-color: #ced8e1;
        transition: .3s
      }
      .Light .Navbottom-social-item {
        color: #4a535c;
        transition: .3s
      }
      .Light .Navbottom-social-item:hover {
        border-color: #cdd6df;
        transition: .3s
      }
      .Light .Bottom {
        background-color: #eef2f6;
        transition: .3s
      }
      .Light .Bottom-item {
        color: #6b7682;
        transition: .3s
      }
      .Light .Bottom-item i {
        color: #9da8b2;
        transition: .3s
      }
      .Light .Bottom-item:nth-child(3) {
        color: #fff;
        transition: .3s
      }
      .Light .Bottom-item:nth-child(3):before {
        background-color: #008758;
        transition: .3s;
        border-color: #fff
      }
      .Light .Account {
        background-color: #b8c2cc !important;
        transition: .3s
      }
      .Light .Account-head-link {
        background-color: #f3f8fc;
        transition: .3s
      }
      .Light .Account-head-right i {
        color: #9aa5b0;
        transition: .3s
      }
      .Light .Account-head-center p {
        color: #2d343a;
        transition: .3s
      }
      .Light .Account-head-center span {
        color: #008758;
        transition: .3s
      }
      .Light .Account-menu {
        background-color: #dee6ee;
        transition: .3s
      }
      .Light .Account-menu-item {
        color: #4a535c;
        border-color: #ced7e0;
        transition: .3s
      }
      .Light .Account-menu-item i {
        color: #707b87;
        transition: .3s
      }
      .Light .Dropdown-menu {
        background-color: #dee6ee;
        transition: .3s
      }
      .Light .All .Menu-inner {
        border-color: #ced7e0
      }
      .Light .All .Menu-header {
        color: #008758
      }
      .Light .All-favorite-item-icon {
        border-color: #b2bfcb;
        background-color: #fff
      }
      .Light .All-favorite-item-name {
        color: #4a535c
      }
      .Light .All-favorite-item-button {
        color: #7e8c99
      }
      .Light .List-item-button {
        background-color: #eaf1f6;
        color: #4a535c
      }
      .Light .List-item-button i, .Light .List-item-button i:nth-of-type(2) {
        color: #848f9b
      }
      .Light .List-item-button-in {
        background-color: transparent
      }
      .Light .List-item-button-in .icon-down-chevron:before {
        filter: invert(.5)
      }
      .Light .List-item-inner {
        background-color: #eaf1f6
      }
      .Light .List-item-checkbox {
        border-color: #d3dce5
      }
      .Light .List-item-checkbox:last-child {
        border-bottom: none
      }
      .Light .List-item-checkbox:before {
        background-color: #b4bec6
      }
      .Light .List-item-checkbox label {
        color: #4a535c
      }
      .Light .List-item-checkbox label:after {
        border-color: #adbac9;
        background-color: #fff
      }
      .Light .List-item-checkbox label:before {
        border-color: #fff
      }
      .Light .List-item-checkbox input:checked~label:after {
        border-color: #008758;
        background-color: #008758
      }
      .Light .List-item-checkbox label {
        cursor: pointer
      }
      .Light .List-item-icon {
        margin-right: 13px
      }
      .Light .List-item-counter {
        font-family: pannosign, sans-serif;
        margin-left: auto;
        font-size: 15px;
        text-align: right;
        color: #abb8c2;
        transition: .3s
      }
      .Light .Menu-close {
        background-color: #8895a5;
        color: #dee6ed;
        transition: .3s
      }
      .Light .Menu-top {
        transition: .3s;
        background-color: #dee6ee
      }
      .Light .Menu-top h5 {
        color: #4a535c;
        transition: .3s
      }
      .Light .Menu-top-logo:before {
        background-image: url(../assets/logo-dark.svg)
      }
      .Light .Menu-login {
        background-color: #fff;
        transition: .3s
      }
      .Light .Menu-login-left h6 {
        color: #2d343a;
        transition: .3s
      }
      .Light .Menu-login-left p {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.83;
        color: #00c683;
        transition: .3s
      }
      .Light .Menu-login-left span {
        color: #b9c0c8;
        transition: .3s
      }
      .Light .Menu-mode i {
        color: #9fa8b6;
        transition: .3s
      }
      .Light .Menu-mode-in {
        border-color: #c7d1db;
        background-color: #fff;
        transition: .3s
      }
      .Light .Menu-support a {
        background-color: #f3f8fc;
        color: #6b7682;
        transition: .3s
      }
      .Light .Menu-support a:last-child i {
        color: #9aa5b0;
        transition: .3s
      }
      .Light .Menu-finance a {
        border-image-source: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
        background-image: linear-gradient(180deg, #edf2f6, #edf2f6), linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0))
      }
      .Light .Menu-finance a p {
        color: #6b7682;
        transition: .3s
      }
      .Light .Menu-finance a p span {
        color: #2d343a;
        transition: .3s
      }
      .Light .Menu-inner:nth-of-type(2) {
        border-bottom: 1px solid #ced7e0;
        transition: .3s
      }
      .Light .Menu-header {
        color: #2d343a;
        transition: .3s
      }
      .Light .Menu-header span {
        color: #848f9b;
        transition: .3s
      }
      .Light .Menu-item {
        color: #4a535c;
        transition: .3s
      }
      .Light .Menu-item.active i {
        color: #008758;
        transition: .3s
      }
      .Light .Menu-item:nth-of-type(odd) {
        background-color: #d6e0ea;
        transition: .3s
      }
      .Light .Menu-item a {
        height: 50px;
        padding: 0 20px;
        width: 100%;
        display: flex;
        align-items: center
      }
      .Light .Menu-item i {
        color: #707b87;
        transition: .3s
      }
      .Light .Menu-other a:before {
        background-color: #a8b6c2;
        transition: .3s
      }
      .Light .Menu .Navbottom-app h3 {
        color: #6b7682;
        transition: .3s
      }
      .Light .Menu .Navbottom-app-item {
        background-image: url(../assets/app-back-light.svg)
      }
      .Light .Menu .Navbottom-app-item i, .Light .Menu .Navbottom-app-item span {
        color: #6b7682;
        transition: .3s
      }
      .Light .H_match {
        background-color: #b8c2cc;
        transition: .3s
      }
      .Light .H_match-header {
        color: #4a535c
      }
      .Light .H_match-links-item {
        background-color: #cbd4de;
        color: #6b7682
      }
      .Light .H_match-links-item i {
        color: #848f9b
      }
      .Light .H_match-links-item.active {
        color: #fff;
        background-color: #008758
      }
      .Light .H_match-links-item.active i {
        color: #fff
      }
      .Light .Statistic-links {
        background-color: #c4cdd6
      }
      .Light .Statistic-links-item {
        color: #848f9b
      }
      .Light .Statistic-links-item:before {
        background-color: #a0aab5
      }
      .Light .Statistic-links-item.active {
        color: #4a535c
      }
      .Light .Statistic-links-item.active:before {
        background-color: #ffde00
      }
      .Light .Statistic-buttons-item {
        border: 1px solid #e8eef4;
        background-color: #d3dce5;
        color: #6b7682
      }
      .Light .Statistic-buttons-item i {
        color: #a3adb8
      }
      .Light .Statistic-buttons-item:first-child i {
        color: #008758
      }
      .Light .Statistic-header {
        border-bottom: 1px solid #c5cfda
      }
      .Light .Statistic-header h6 {
        color: #4a535c
      }
      .Light .Statistic-in {
        background-color: #d3dce5
      }
      .Light .Statistic-headtohead-head span {
        color: #848f9b
      }
      .Light .Statistic-headtohead-rate {
        display: flex
      }
      .Light .Statistic-headtohead-rate-head span {
        color: #4a535c
      }
      .Light .Statistic-headtohead-odd-item span {
        color: #848f9b
      }
      .Light .Statistic-headtohead-odd-item p {
        white-space: nowrap
      }
      .Light .Statistic-headtohead-odd-item p:first-child, .Light .Statistic-headtohead-odd-item p:last-child, .Light .Statistic-no {
        color: #848f9b
      }
      .Light .Statistic-team-name {
        color: #4a535c
      }
      .Light .Statistic-team-date {
        color: #848f9b
      }
      .Light .Statistic-team p {
        color: #4a535c
      }
      .Light .Statistic-togetherlast-item {
        border-color: #c5cfda
      }
      .Light .Statistic-togetherlast-item-score span {
        background-color: #eef2f6;
        color: #4a535c
      }
      .Light .Statistic-more {
        color: #848f9b
      }
      .Light .Statistic-last-head {
        border-color: #c5cfda
      }
      .Light .Statistic-last-head h6 {
        color: #4a535c
      }
      .Light .Statistic-last-item {
        border-color: #c5cfda
      }
      .Light .Statistic-last-item-score {
        background-color: #eef2f6
      }
      .Light .Statistic-last-item-score span, .Light .Statistic-player-head h6 {
        color: #4a535c
      }
      .Light .Statistic-player .table thead {
        background-color: #4a535c
      }
      .Light .Statistic-player .table thead th {
        border: none !important;
        box-shadow: none !important;
        outline: none !important
      }
      .Light .Statistic-player .table tbody tr {
        background-color: transparent
      }
      .Light .Statistic-player .table tbody tr td {
        border-color: #c5cfda;
        color: #4a535c
      }
      .Light .Statistic-player .table tbody tr td span {
        color: #4a535c
      }
      .Light .Statistic-puan .table tbody tr td {
        color: #4a535c;
        border-color: #c5cfda
      }
      .Light .Statistic-puan-item {
        color: #4a535c
      }
      .Light .Matchs-type {
        background-color: #cbd4de
      }
      .Light .Matchs-type-item:after {
        background-color: #adbdcf
      }
      .Light .Matchs-type-item h6 {
        color: #4a535c
      }
      .Light .Matchs-type-item span {
        color: #848f9b
      }
      .Light .Matchs-type-item i {
        font-size: 24px;
        color: #9da8b3;
        margin-bottom: 2px
      }
      .Light .Matchs-type-item-live i {
        color: #ff2551
      }
      .Light .Matchs-type .active {
        background-color: #dce4ec;
        color: #fff
      }
      .Light .Matchs-type .active h6, .Light .Matchs-type .active i, .Light .Matchs-type .active span {
        color: #3b434b
      }
      .Light .Matchs-popular-button {
        background-color: #c4cdd6;
        color: #4a535c
      }
      .Light .Matchs-popular-item {
        background-color: #d8e1eb
      }
      .Light .Matchs-popular-item i {
        color: #848f9b
      }
      .Light .Matchs-popular-item img {
        filter: brightness(.7)
      }
      .Light .Matchs-popular-item span {
        color: #6b7682
      }
      .Light .Matchs-links-button {
        background-color: #d3dce5;
        color: #6b7682
      }
      .Light .Matchs-links-button[aria-expanded=true] {
        background-color: #f2f8fe
      }
      .Light .Matchs-links-button-icon {
        color: #a3adb8
      }
      .Light .Matchs-links-button:focus, .Light .Matchs-links-button:hover {
        color: #6b7682
      }
      .Light .Matchs-links-in {
        background-color: #f6fbff
      }
      .Light .Matchs-links-date {
        border-radius: 6px;
        background-color: #f6fbff
      }
      .Light .Matchs-links-date-item {
        color: #6b7682;
        border-color: #e0e8ef
      }
      .Light .Matchs-links-date-item.active, .Light .Matchs-links-date-item:hover {
        background-color: #f2f8fe
      }
      .Light .Matchs-leauge-button, .Light .Matchs-leauge-button:focus, .Light .Matchs-leauge-button:hover {
        color: #4a535c
      }
      .Light .Matchs-leauge-button-icon {
        color: #85919d
      }
      .Light .Matchs-leauge-button-counter {
        color: #83909e
      }
      .Light .Matchs-leauge-button-live {
        color: #ff2551
      }
      .Light .Matchs-leauge-button-type {
        color: #fff
      }
      .Light .Matchs-leauge-button[aria-expanded=true] .Matchs-leauge-button-icon {
        transform: rotate(180deg)
      }
      .Light .Matchs-leauge-button-in {
        background-color: #11193d;
        font-size: 14px
      }
      .Light .Matchs-leauge-button-in:before {
        background-color: #11193d
      }
      .Light .Matchs-leauge-button-in .Matchs-leauge-button-icon {
        color: #586085
      }
      .Light .Matchs-leauge-type {
        background-color: #d3dce5
      }
      .Light .Matchs-leauge-type-name {
        color: #6b7682
      }
      .Light .Matchs-leauge-head {
        background-color: #b8c2cc
      }
      .Light .Matchs-leauge-head .Matchs-item-ratio {
        height: auto
      }
      .Light .Matchs-leauge-head-type {
        color: #5e6976
      }
      .Light .Matchs-leauge-head-type i {
        color: #8e9aa7
      }
      .Light .Matchs-item {
        background-color: #dee6ee;
        border-color: #d3dce5
      }
      .Light .Matchs-item-favorite {
        background-color: #eef2f6
      }
      .Light .Matchs-item-date span, .Light .Matchs-item-info-more, .Light .Matchs-item-info-statistic {
        color: #848f9b
      }
      .Light .Matchs-item-name p {
        color: #4a535c
      }
      .Light .Matchs-item-score {
        color: #262d33
      }
      .Light .Matchs-item-ratio-text {
        color: #bec7d0
      }
      .Light .Matchs-item-button {
        background-color: #eef2f6;
        color: #4a535c
      }
      .Light .Matchs-item-button:focus, .Light .Matchs-item-button:hover {
        color: #4a535c
      }
      .Light .Matchs-item .passive {
        pointer-events: none;
        color: transparent;
        background-position: 50%;
        background-size: 14px 18px;
        background-repeat: no-repeat;
        background-image: url(../assets/lock.svg);
        background-color: #e8eef4
      }
      .Light .Matchs-item .active {
        color: #fff;
        background-color: #008758;
        border-color: #008758
      }
      .Light .Matchs-detail {
        background-color: #b8c2cc
      }
      .Light .Matchs-detail-header {
        padding-right: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 40px;
        background-color: #50586c;
        position: relative
      }
      .Light .Matchs-detail-header-back {
        padding-left: 20px;
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: .5s;
        font-size: 12px;
        font-weight: 600;
        color: #50586c
      }
      .Light .Matchs-detail-header-back i {
        font-size: 12px;
        color: #c4c7d6
      }
      .Light .Matchs-detail-header-back:hover, .Light .Matchs-detail-header-back:hover i:before {
        color: #eb5c15;
        transition: .5s
      }
      .Light .Matchs-detail-header-right {
        display: flex;
        align-items: center;
        margin-left: auto
      }
      .Light .Matchs-detail-header-play {
        display: flex;
        align-items: center;
        margin-right: 15px;
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -.24px;
        color: #fff;
        transition: .5s
      }
      .Light .Matchs-detail-header-play i {
        margin-left: 5px;
        font-size: 20px;
        color: #ff2551;
        transition: .5s
      }
      .Light .Matchs-detail-header-play:hover {
        transition: .5s;
        color: #fb9224
      }
      .Light .Matchs-detail-header-play:hover i {
        color: #fff;
        transition: .5s
      }
      .Light .Matchs-detail-header-text {
        font-size: 11px;
        font-weight: 500;
        line-height: 1.82;
        color: #c9d0d8
      }
      .Light .Matchs-detail-header-live {
        margin-left: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.24px;
        text-align: center;
        color: #fff;
        margin-right: 25px
      }
      .Light .Matchs-detail-links {
        background-color: #c4cdd6
      }
      .Light .Matchs-detail-links-item {
        color: #848f9b;
        display: flex;
        align-items: center;
        position: relative
      }
      .Light .Matchs-detail-links-item:before {
        background-color: #a0aab5
      }
      .Light .Matchs-detail-links-item.active {
        color: #4a535c
      }
      .Light .Matchs-detail-links-item.active:before {
        background-color: #ffde00
      }
      .Light .Matchs-detail-head-button {
        background-color: #d3dce5;
        border-color: #d3dce5;
        color: #6b7682
      }
      .Light .Matchs-detail-head-button i {
        color: #a3adb8
      }
      .Light .Matchs-detail-head-button:before {
        color: #6b7682
      }
      .Light .Matchs-detail-head-button .icon-statistics {
        color: #008758
      }
      .Light .Matchs-detail-head-button:focus, .Light .Matchs-detail-head-button:hover {
        color: #6b7682
      }
      .Light .Matchs-detail .Matchs-leauge-button {
        font-size: 14px
      }
      .Light .Matchs-detail-info {
        box-shadow: 0 6px 32px 0 rgba(0, 0, 0, .4);
        border-bottom: 1px solid #b8c2cc
      }
      .Light .Matchs-detail-info-back {
        background-color: #c4cdd6;
        color: #6a7683
      }
      .Light .Matchs-detail-info-back:focus, .Light .Matchs-detail-info-back:focus i, .Light .Matchs-detail-info-back i {
        color: #6a7683
      }
      .Light .Matchs-detail-info-teams {
        background-color: #eef2f6
      }
      .Light .Matchs-detail-info-teams-flag {
        border: 2px solid #d0d9e2;
        background-color: #fff
      }
      .Light .Matchs-detail-info-in p {
        color: #4a535c
      }
      .Light .Matchs-detail-info-in span {
        color: #848f9b
      }
      .Light .Matchs-market {
        background-color: #b8c2cc
      }
      .Light .Matchs-market-item {
        background-color: #d3dce5
      }
      .Light .Matchs-market-item-team {
        color: #848f9b
      }
      .Light .Matchs-market-item-odd {
        color: #6b7682
      }
      .Light .Matchs-market-item-more {
        color: #848f9b
      }
      .Light .Matchs-market .Matchs-leauge-button {
        background-color: #d3dce5;
        border-bottom: 1px solid #c5cfda;
        color: #4a535c;
        white-space: normal;
        display: block;
        padding: 14px 40px;
        height: auto
      }
      .Light .Matchs-market .Matchs-leauge-button:before {
        background-color: #00c683
      }
      .Light .Matchs-market-odds .up {
        background-image: url(../assets/up.svg);
        background-repeat: no-repeat;
        background-size: 12px 12px;
        background-position: 100% 0
      }
      .Light .Matchs-market-odds .down {
        background-image: url(../assets/down.svg);
        background-repeat: no-repeat;
        background-size: 12px 12px;
        background-position: 0 100%
      }
      .Light .Matchs-market-odds .passive {
        color: transparent;
        background-position: 50%;
        background-size: 14px 18px;
        background-repeat: no-repeat;
        background-image: url(../assets/lock.svg);
        background-color: #e8eef4;
        pointer-events: none
      }
      .Light .Matchs-market-odds .active {
        color: #fff
      }
      .Light .Matchs-market-odd {
        background-color: #eef2f6
      }
      .Light .Matchs-market-odd-type {
        margin-left: 20px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -.32px;
        color: #cfd4e3;
        max-width: 170px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
      }
      .Light .Matchs-market-odd-rate {
        color: #4a535c;
        background-color: transparent
      }
      .Light .Matchs-market-odd-rate:hover {
        color: #4a535c
      }
      .Light .Matchs-market-odd-other {
        color: #6b7682
      }
      .Light .Matchs-market .rate-two {
        justify-content: space-between;
        background-position-x: calc(100% - 16px)
      }
      .Light .Matchs-market .active {
        border-color: #008758;
        background-color: #008758
      }
      .Light .Matchs-market .active .Matchs-market-item-odd, .Light .Matchs-market .active .Matchs-market-odd-property, .Light .Matchs-market .active .Matchs-market-odd-type {
        color: #fff
      }
      .Light .Matchs-market .active .Matchs-market-odd-rate {
        background-color: #008758;
        color: #fff
      }
      .Light .Matchs-market .disabled {
        pointer-events: none
      }
      .Light .Matchs-market .disabled button {
        background-image: url(../assets/icon-hold.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        color: transparent;
        border-color: rgba(215, 218, 227, .3764705882352941)
      }
      .Light .Coupon {
        background-color: #b8c2cc
      }
      .Light .Coupon-matches {
        padding-bottom: 20px
      }
      .Light .Coupon-top h6 {
        color: #4a535c
      }
      .Light .Coupon-top i {
        color: #848f9b
      }
      .Light .Coupon-settings-button {
        background-color: #d3dce5
      }
      .Light .Coupon-settings-head {
        color: #4a535c
      }
      .Light .Coupon-settings-head .close i {
        color: #848f9b
      }
      .Light .Coupon-settings-in {
        background-color: #fff
      }
      .Light .Coupon-settings-inner {
        border-top: 1px solid #e4ebf2
      }
      .Light .Coupon-settings-header {
        color: #4a535c
      }
      .Light .Coupon-settings-odds-text {
        color: #737f8c
      }
      .Light .Coupon-settings-odds .Coupon-item-checkbox label {
        border-radius: 100%;
        border-color: #c8d1db;
        background-color: #f6fbff
      }
      .Light .Coupon-settings-odds .Coupon-item-checkbox label:before {
        border-color: #fff
      }
      .Light .Coupon-close, .Light .Coupon-share {
        background-color: #d3dce5
      }
      .Light .Coupon-head .nav-link {
        color: #6b7682;
        background-color: #d3dce5
      }
      .Light .Coupon-head .nav-link span {
        color: #fff
      }
      .Light .Coupon-head .nav .active {
        color: #fff;
        background-color: #008758
      }
      .Light .Coupon-head .nav .active span {
        opacity: 1
      }
      .Light .Coupon-item {
        background-color: #d3dce5
      }
      .Light .Coupon-item-checkbox label {
        color: #fff;
        border: 1px solid #c8d1db;
        background-color: #fff
      }
      .Light .Coupon-item-checkbox label:before {
        border-color: #fff
      }
      .Light .Coupon-item-checkbox input:checked~label {
        background-color: #008758;
        border-color: #008758
      }
      .Light .Coupon-item-head {
        border-color: #c5cfda
      }
      .Light .Coupon-item-match {
        color: #4a535c
      }
      .Light .Coupon-item-name {
        color: #9a8b28
      }
      .Light .Coupon-item-delete i, .Light .Coupon-item-type {
        color: #848f9b
      }
      .Light .Coupon-item-odd {
        border-color: #fff;
        background-color: #eef2f6;
        color: #4a535c
      }
      .Light .Coupon-item-footer {
        border-color: #c5cfda
      }
      .Light .Coupon-item-money span {
        color: #848f9b
      }
      .Light .Coupon-item-money p {
        color: #008758
      }
      .Light .Coupon-item-date {
        color: #848f9b
      }
      .Light .Coupon-counter {
        border: 1px solid #fff;
        background-color: #eef2f6
      }
      .Light .Coupon-counter input {
        color: #4a535c
      }
      .Light .Coupon-counter .counter {
        color: #8d9bab
      }
      .Light .Coupon-delete {
        border: 1px solid #e3eaf1;
        background-color: #d3dce5;
        color: #848f9b
      }
      .Light .Coupon-delete i {
        color: #848f9b
      }
      .Light .Coupon-info {
        background-color: #d3dce5
      }
      .Light .Coupon-info-item {
        border-color: #bcc9d6
      }
      .Light .Coupon-info-item p, .Light .Coupon-info-item span {
        color: #4a535c
      }
      .Light .Coupon-info-item-total {
        color: #008758 !important
      }
      .Light .Coupon-info-danger {
        border: 1px solid #c0cbd6;
        background-color: #ccd6e0
      }
      .Light .Coupon-info-danger p {
        color: #4a535c
      }
      .Light .Coupon-info-system {
        padding-top: 20px;
        padding-bottom: 15px
      }
      .Light .Coupon-info-system .bootstrap-select .btn, .Light .Coupon-info-system .bootstrap-select .btn:focus {
        background-color: #f2f8fe;
        color: #848f9b
      }
      .Light .Coupon-info-system .bootstrap-select .dropdown-item.active {
        background-color: #008758;
        color: #fff
      }
      .Light .Coupon-info-system .bootstrap-select .dropdown-item:active {
        background-color: #008758
      }
      .Light .Coupon-bonus-item {
        background-color: #b8c2cc
      }
      .Light .Coupon-bonus-item-in h6, .Light .Coupon-bonus-item-in p {
        color: #4a535c
      }
      .Light .Coupon-bonus-item-in p span {
        color: #00c683
      }
      .Light .Coupon-bonus-item-type img {
        filter: brightness(0)
      }
      .Light .Search {
        background-color: #b8c2cc
      }
      .Light .Search-form {
        background-color: #cbd4de
      }
      .Light .Search-form:before {
        background-color: #008758
      }
      .Light .Search-form-label {
        color: #6b7683
      }
      .Light .Search-form-input {
        color: #4a535c
      }
      .Light .Search-form-input:-ms-input-placeholder {
        color: #4a535c
      }
      .Light .Search-form-input::placeholder {
        color: #4a535c
      }
      .Light .Search-form-input:focus {
        color: #4a535c
      }
      .Light .Search-form-button i {
        color: #848f9b
      }
      .Light .Search-head h6 {
        color: #4a535c
      }
      .Light .Search-head span {
        color: #6b7683
      }
      .Light .Search-danger-in {
        background-color: #c9d2dc
      }
      .Light .Search-danger p {
        color: #848f9b
      }
      .Light .Search-match {
        border-color: #d3dce5;
        padding: 12px 20px;
        background-color: #dee6ee
      }
      .Light .Search-match-type i {
        color: #9da8b3
      }
      .Light .Search-match-team p {
        color: #4a535c
      }
      .Light .Search-match-team span {
        color: #008758
      }
      .Light .Search-match-date, .Light .Search-match-statistics i {
        color: #848f9b
      }
      .Light .Search-match-more {
        background-color: #eef2f6;
        color: #848f9b
      }
      .Light .Search-leauge-in {
        background-color: #dee6ee
      }
      .Light .Search-leauge-type {
        color: #9da8b3
      }
      .Light .Search-leauge-name {
        color: #4a535c
      }
      .Light .Search-leauge-name span {
        color: #008758
      }
      .Light .Search-leauge-counter {
        color: #848f9b
      }
      .Light .Search-game-in {
        background-color: #dee6ee
      }
      .Light .Search-game-in img {
        border-color: #fff
      }
      .Light .Search-game-name {
        color: #4a535c
      }
      .Light .Search-game-name span {
        color: #008758
      }
      .Light .Search-game-icon {
        border-color: #b8c1ca;
        background-color: #fff;
        color: #a3adb8
      }
      .Light .Text-head {
        border: 1px solid #becad6;
        background-color: #e4eaf0
      }
      .Light .Text-head h5 {
        color: #6b7682
      }
      .Light .Text-head i {
        color: #a3adb8
      }
      .Light .Text h1 {
        color: #4a535c
      }
      .Light .Text h6 {
        color: #008758
      }
      .Light .Text p {
        color: #4a535c
      }
      .Light .Text p i {
        color: #00c683
      }
      .Light .Filter-select-button {
        background-color: #d3dce5;
        color: #6b7682
      }
      .Light .Filter-select-button i {
        color: #a3adb8
      }
      .Light .Filter-select-button:focus, .Light .Filter-select-button:hover {
        color: #6b7682
      }
      .Light .Filter-select-button[aria-expanded=true] {
        background-color: #f2f8fe
      }
      .Light .Filter-search-in {
        background-color: #d3dce5
      }
      .Light .Filter-search-input {
        color: #6b7682
      }
      .Light .Filter-search-input:-ms-input-placeholder {
        color: #6b7682
      }
      .Light .Filter-search-input::placeholder {
        color: #6b7682
      }
      .Light .Filter-search-input:focus {
        color: #6b7682
      }
      .Light .Filter-search-button i {
        color: #a3adb8
      }
      .Light .G_list-in {
        background-color: #f6fbff
      }
      .Light .G_list-search-in {
        background-color: #f0f8ff
      }
      .Light .G_list-search-input {
        color: #808c97
      }
      .Light .G_list-search-input:-ms-input-placeholder {
        color: #808c97
      }
      .Light .G_list-search-input::placeholder {
        color: #808c97
      }
      .Light .G_list-search-input:focus {
        color: #808c97
      }
      .Light .G_list-search-button i {
        color: #a3adb8
      }
      .Light .G_list-item-type {
        border: 2px solid #dae4ed;
        background-color: #fff
      }
      .Light .G_list-item-type img {
        filter: grayscale(100%) invert(.2)
      }
      .Light .G_list-item-name {
        color: #4a535c
      }
      .Light .G_list-item-counter {
        color: #abb8c2
      }
      .Light .G_list-more {
        background-color: #d3dce5;
        color: #4a535c
      }
      .Light .G_list-more i {
        color: #00c683
      }
      .Light .G_list-more:hover {
        color: #4a535c
      }
      .Light .G_links, .Light .G_links-item {
        background-color: #c4cdd6
      }
      .Light .G_links-item {
        border: 1px solid #abb6c0;
        color: #848f9b
      }
      .Light .G_links-item.active {
        color: #fff;
        background-color: #008758
      }
      .Light .Game-header {
        color: #4a535c
      }
      .Light .Game-item {
        background-color: #d3dce5
      }
      .Light .Game-item-text p {
        color: #4a535c
      }
      .Light .Game-item-text span {
        color: #6b7682
      }
      .Light .Register {
        background-color: #dee6ee
      }
      .Light .Register-step:before {
        background-color: #b6c2cd
      }
      .Light .Register-step-item {
        color: #6b7682;
        border: 1px solid #b6c2cd;
        background-color: #dee6ee
      }
      .Light .Register-step-item.active {
        background-color: #008758;
        color: #fff;
        border-color: #008758
      }
      .Light .Register-links {
        border: 1px solid #b8c2cc;
        background-color: #dee6ee
      }
      .Light .Register-links-in {
        display: flex
      }
      .Light .Register-links-item {
        color: #6b7682
      }
      .Light .Register-links-item.active {
        color: #fff;
        background-color: #008758
      }
      .Light .Register-item-in {
        border: 1px solid #becad6;
        background-color: #e4eaf0
      }
      .Light .Register-item-icon {
        color: #707b87
      }
      .Light .Register-item-input, .Light .Register-item-label {
        color: #6b7682
      }
      .Light .Register-item-input:-ms-input-placeholder {
        color: #6b7682
      }
      .Light .Register-item-input::placeholder {
        color: #6b7682
      }
      .Light .Register-item-input:focus, .Light .Register-item-textarea {
        color: #6b7682
      }
      .Light .Register-item-textarea:-ms-input-placeholder {
        color: #6b7682
      }
      .Light .Register-item-textarea::placeholder {
        color: #6b7682
      }
      .Light .Register-item-textarea:focus {
        color: #6b7682
      }
      .Light .Register-item .bootstrap-select .btn, .Light .Register-item .bootstrap-select .btn:focus, .Light .Register-item .bootstrap-select .btn:hover {
        background-color: transparent;
        color: #4a535c
      }
      .Light .Register-item .input-show {
        color: #68719d
      }
      .Light .Register-item-date .Register-item-in {
        background-color: transparent;
        border: none;
        padding: 0
      }
      .Light .Register-item .Multidate i {
        color: #919da9
      }
      .Light .Register-item .Multidate select {
        border: 1px solid #becad6;
        background-color: #e4eaf0;
        color: #4a535c
      }
      .Light .Register-head-icon {
        background-color: #157cdb
      }
      .Light .Register-head h5 {
        color: #4b5469
      }
      .Light .Register-head h5 span {
        color: #008758
      }
      .Light .Register-head h6 {
        margin-top: 7px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.5
      }
      .Light .Register-head h6, .Light .Register-head p {
        font-weight: 500;
        letter-spacing: -.56px;
        color: #8f95a5
      }
      .Light .Register-head p {
        font-size: 11px;
        line-height: 1.71
      }
      .Light .Register-head p a {
        color: #008758;
        letter-spacing: normal
      }
      .Light .Register-inner {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px
      }
      .Light .Register-group {
        display: flex;
        align-items: center;
        justify-content: space-between
      }
      .Light .Register-group .Register-item {
        width: calc(50% - 1px)
      }
      .Light .Register-header {
        background-color: #373e50
      }
      .Light .Register-checkbox label, .Light .Register-header h6, .Light .Register-header i {
        color: #6b7682
      }
      .Light .Register-checkbox label a {
        color: #008758
      }
      .Light .Register-checkbox label:before {
        border: 1px solid #becad6;
        background-color: #e4eaf0
      }
      .Light .Register-checkbox label:after {
        border-color: #fff
      }
      .Light .Register-checkbox input:checked~label:before {
        border: 1px solid #008758;
        background-color: #008758
      }
      .Light .Register-forget {
        color: #fff;
        background-color: #8895a5
      }
      .Light .Banner img {
        filter: brightness(2)
      }
      .Light .Banner-text h1 {
        color: #2d343a
      }
      .Light .Banner-text p {
        color: #6b7682
      }
      .Light .Banner:before {
        content: "";
        display: inline-block;
        transition: .5s;
        background: linear-gradient(0deg, #dee6ee, transparent);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .7;
        z-index: 1
      }
      .Light .Bonus-detail {
        background-color: #dee6ee
      }
      .Light .Bonus-detail-back {
        border: 1px solid #becad6;
        background-color: #e4eaf0;
        color: #4a535c
      }
      .Light .Bonus-detail-back i {
        color: #008758
      }
      .Light .Bonus-detail-item p {
        color: #4a535c
      }
      .Light .Info .Register-item-in {
        border: 1px solid #a2adb9;
        background-color: #cdd6e0
      }
      .Light .Info .Register-item .bootstrap-select .btn:before {
        background-image: url(../assets/icon-down-chevron-d.svg)
      }
      .Light .Info-header {
        color: #2d343a
      }
      .Light .Info-text {
        color: #6b7682
      }
      .Light .Info-head h6 {
        color: #2d343a
      }
      .Light .Info-head p {
        color: #6b7682
      }
      .Light .Info-submenu-item {
        border: 1px solid #a2adb9;
        background-color: #bcc7d2;
        color: #6b7682
      }
      .Light .Info-submenu-item.active {
        border-color: #008758;
        background-color: #008758;
        color: #fff
      }
      .Light .Info-submenu-item:focus, .Light .Info-submenu-item:hover {
        color: #6b7682
      }
      .Light .Info-account-item {
        background-color: #cdd6e0
      }
      .Light .Info-account-item span {
        color: #4a535c
      }
      .Light .Info-account-item i {
        color: #707b87
      }
      .Light .Info-account-item-edit i {
        color: #939da7
      }
      .Light .Info-banks, .Light .Info-banks-item {
        background-color: #dee6ee
      }
      .Light .Info-banks-item {
        border-color: #ced7e0
      }
      .Light .Info-banks-item-logo {
        border-image-source: linear-gradient(180deg, #56616c, #3c4651);
        background-image: linear-gradient(180deg, #313943, #313943), linear-gradient(180deg, #56616c, #3c4651)
      }
      .Light .Info-banks-item-name {
        color: #6b7682
      }
      .Light .Info-banks-item-iban {
        color: #4a535c
      }
      .Light .Info-banks-item-edit i {
        color: #939da7
      }
      .Light .Info-banks-item:last-child {
        border-color: #ced7e0
      }
      .Light .Info-bank_add {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px
      }
      .Light .Info-funding-head span {
        color: #6b7682
      }
      .Light .Info-funding-item {
        background-color: #dee6ee
      }
      .Light .Info-funding-item p, .Light .Info-funding-item span {
        color: #4a535c
      }
      .Light .Info-funding-back-link {
        border-color: #a4aeb7
      }
      .Light .Info-funding-back-link i {
        color: #6b7682
      }
      .Light .Info-funding-back-text h6 {
        color: #2d343a
      }
      .Light .Info-funding-back-text p {
        color: #6b7682
      }
      .Light .Info-funding-havale-item {
        background-color: #dee6ee
      }
      .Light .Info-funding-havale-item-icon {
        border-image-source: linear-gradient(180deg, #dee6ee, #cad4de);
        background-image: linear-gradient(180deg, #f3f9ff, #f3f9ff), linear-gradient(180deg, #dee6ee, #cad4de)
      }
      .Light .Info-funding-havale-item-icon img {
        filter: brightness(.8) grayscale(10%)
      }
      .Light .Info-funding-havale-item p {
        color: #4a535c
      }
      .Light .Info-funding-havale-item span {
        color: #6b7682
      }
      .Light .Info-funding-havale-danger {
        background-color: #c2cbd6
      }
      .Light .Info-funding-havale-danger i, .Light .Info-funding-havale-danger p {
        color: #6b7682
      }
      .Light .Info-funding-havale-info-item {
        background-color: #cdd6e0;
        border-color: #a2adb9
      }
      .Light .Info-funding-havale-info-item span {
        color: #6b7682
      }
      .Light .Info-funding-havale-info-item p {
        color: #4a535c
      }
      .Light .Info-funding-havale-info-copy i {
        color: #bcc5ce
      }
      .Light .Info-funding-havale-cash-item {
        background-color: #48525c
      }
      .Light .Info-funding-havale-cash-item span {
        color: #bec7d0
      }
      .Light .Info-funding-havale-cash-item p {
        color: #fff
      }
      .Light .Info-funding-withdraw-info-item {
        background-color: #ccd4de
      }
      .Light .Info-funding-withdraw-info-item span {
        color: #6b7682
      }
      .Light .Info-funding-withdraw-info-item p {
        color: #4a535c
      }
      .Light .Accordion-button {
        background-color: #dee6ee
      }
      .Light .Accordion-button-left h6 {
        color: #4a535c
      }
      .Light .Accordion-button-left p {
        color: #6b7682
      }
      .Light .Accordion-button-left span {
        color: #9a8b28
      }
      .Light .Accordion-button-info span {
        color: #8b98a5
      }
      .Light .Accordion-button-info p {
        color: #6b7682
      }
      .Light .Accordion-button .icon-down-chevron {
        border: 1px solid #c7d1db;
        background-color: #fff;
        color: #a3adb8
      }
      .Light .Accordion-button[aria-expanded=true] .icon-down-chevron {
        background-color: #008758;
        border-color: #008758;
        color: #fff;
        transform: rotate(180deg) translateY(50%)
      }
      .Light .Accordion-content, .Light .Accordion-content:before {
        background-color: #cdd6e0
      }
      .Light .Call-history-header {
        color: #2d343a
      }
      .Light .Call-history-item {
        background-color: #dee6ee
      }
      .Light .Call-history-item-text p {
        color: #6b7682
      }
      .Light .Call-history-item-info {
        border-color: #cdd6de
      }
      .Light .Call-history-item-info span {
        color: #8b98a5
      }
      .Light .My_oparation-date-item .Register-item-icon {
        color: #8b97a3
      }
      .Light .My_oparation-date-item .Register-item-in {
        border: 1px solid #a2adb9;
        background-color: #cdd6e0
      }
      .Light .My_oparation-date-item .Register-item-input {
        color: #4a535c
      }
      .Light .My_oparation-item-head-item span {
        color: #8b98a5
      }
      .Light .My_oparation-item-head-item p {
        color: #4a535c
      }
      .Light .My_oparation-item-in {
        border-color: #b8c2cc
      }
      .Light .My_oparation-item-in-team {
        color: #4a535c
      }
      .Light .My_oparation-item-in-teams {
        color: #8b98a5
      }
      .Light .My_oparation-item-in-type {
        color: #9a8b28
      }
      .Light .My_oparation-item-in-date, .Light .My_oparation-item-in-info-minute {
        color: #6b7682
      }
      .Light .My_oparation-item-footer-item {
        border-color: #b8c2cc
      }
      .Light .My_oparation-item-footer-item p, .Light .My_oparation-item-footer-item span {
        color: #4a535c
      }
      .Light .My_oparation-item-footer-item p {
        color: #008758
      }
      .Light .Bonuses, .Light .Bonuses-in {
        margin-top: 15px
      }
      .Light .Bonuses-item-status {
        color: #6b7682
      }
      .Light .Bonuses-accepted-badge {
        background-color: #008758;
        color: #fff
      }
      .Light .Bonuses-timeline p {
        color: #bec7d0
      }
      .Light .Bonuses-timeline-inner {
        background-color: #515c67
      }
      .Light .Bonuses-timeline-inner span {
        background-color: #00c683
      }
      .Light .Bonuses-timeline-inner span:after {
        background-image: url(../assets/bonus-active.svg)
      }
      .Light .Bonuses-category h6 {
        color: #6b7682
      }
      .Light .Bonuses-category-item {
        color: #6b7682;
        border: 1px solid #a2adb9;
        background-color: #bcc7d2
      }
      .Light .Bonuses-info-item {
        border-bottom: 1px solid #59636c
      }
      .Light .Bonuses-info-item span {
        color: #bec7d0
      }
      .Light .Bonuses-info-item p {
        color: #fff
      }
      .Light .Bonuses-button {
        border-color: #008758;
        background-color: #cdd6e0;
        color: #008758
      }
      .Light .Bonuses-rule-item-button {
        background-color: #dee6ee;
        color: #4a535c
      }
      .Light .Bonuses-rule-item-button:focus, .Light .Bonuses-rule-item-button:hover {
        color: #4a535c
      }
      .Light .Bonuses-rule-item-content, .Light .Bonuses-rule-item-content:before {
        background-color: #bcc7d2
      }
      .Light .Bonuses-rule-item-content-head {
        border-color: #b4bfc9
      }
      .Light .Bonuses-rule-item-content-head-item {
        color: #6b7682
      }
      .Light .Bonuses-rule-item-content-item {
        border-color: #b4bfc9
      }
      .Light .Bonuses-description h6, .Light .Bonuses-description p, .Light .Bonuses-progress-item p, .Light .Bonuses-rule-item-content-item p, .Light .Bonuses-rule-item-content-item span {
        color: #6b7682
      }
      .Light .Bets {
        background-color: #b8c2cc
      }
      .Light .Bets-item {
        background-color: #d3dce5
      }
      .Light .Bets-item-button, .Light .Bets-item-button i {
        color: #4a535c
      }
      .Light .Bets-item-date {
        color: #848f9b
      }
      .Light .Bets-item-head {
        border-color: #c5cfda
      }
      .Light .Bets-item-footer-item span {
        color: #848f9b
      }
      .Light .Bets-item-footer-item.total span {
        color: #9a8b28
      }
      .Light .Bets-item-bonus p {
        color: #39414a
      }
      .Light .Bets-content-item {
        background-color: #c5d0db
      }
      .Light .Bets-content-item-head {
        border-color: #d3dce5
      }
      .Light .Bets-content-item-head-team {
        color: #4a535c
      }
      .Light .Bets-content-item-head-odd, .Light .Bets-content-item-info-type {
        color: #848f9b
      }
      .Light .Bets-content-item-info-name {
        color: #9a8b28
      }
      .Light .Bets-content-item-info-time {
        color: #848f9b
      }
      .Light .Bets-content-item-info-score {
        background-color: #5f6974;
        color: #fff
      }
      .Light .Bets-close, .Light .Bets .Coupon-open {
        background-color: #d3dce5
      }
      .Light .Bets-settings-head {
        background-color: #eef2f6
      }
      .Light .Bets-settings-head span {
        color: #4a535c
      }
      .Light .Bets-settings-head p {
        color: #00c683
      }
      @media (max-width:500px) {
        .Navtop-links-signin {
          width: 85px
        }
        .Navtop-links-signin i {
          font-size: 13px;
          margin-right: 5px
        }
        .Navtop-links-signup {
          margin-right: 10px;
          width: 85px
        }
        .Navtop-links-signup i {
          font-size: 13px;
          margin-right: 5px
        }
      }
      .hs-btns {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: auto auto
      }
      .Light .Info-funding-havale-danger, .Light .Info-funding-havale-danger i, .Light .Info-funding-havale-danger p {
        color: #2d3640
      }
      .hs-btn {
        background: #1b2125;
        border-radius: 12px;
        padding: 14px
      }
      .hs-btn, .hs-btn>span {
        display: flex;
        justify-content: center;
        align-items: center
      }
      .hs-btn>span {
        gap: 8px
      }
      .hs-btn>span>span {
        font-size: 12px;
        font-weight: 600;
        color: #fff
      }
      .modeLight .hs-btn {
        background: #fff
      }
      .modeLight .hs-btn>span>span {
        color: #1c2126
      }
      .modal#modalMembership, .modal#modalMenu {
        padding: 0 !important;
        color: #fff
      }
      .modal#modalMembership .i-x, .modal#modalMenu .i-x {
        position: absolute;
        background: #1f252b;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center
      }
      .modal#modalMembership .modal-dialog-scrollable, .modal#modalMenu .modal-dialog-scrollable {
        max-height: 100% !important
      }
      .modal#modalMembership .modal-dialog, .modal#modalMenu .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100% !important;
        margin: 0
      }
      .modal#modalMembership .modal-content, .modal#modalMenu .modal-content {
        height: 100%;
        max-height: 100% !important;
        border: 0;
        border-radius: 0
      }
      .modal#modalMembership .modal-body, .modal#modalMenu .modal-body {
        overflow-y: auto;
        background: #262d33;
        padding: 0
      }
      .modal#modalMembership .modal-body .menu-profile, .modal#modalMenu .modal-body .menu-profile {
        background-color: #39414a;
        border-radius: 12px
      }
      .modal#modalMembership .modal-body .title, .modal#modalMenu .modal-body .title {
        color: #ffde00;
        font-weight: 700;
        padding-left: 20px
      }
      .modal#modalMembership .modal-body .menu-items a, .modal#modalMenu .modal-body .menu-items a {
        padding: 15px 50px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 600;
        display: block;
        color: #fff
      }
      .modal#modalMembership .modal-body .menu-items a.item:before, .modal#modalMenu .modal-body .menu-items a.item:before {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        background: #4a555e;
        border-radius: 50%;
        margin-left: -18px;
        margin-top: 8px
      }
      .modal#modalMembership .modal-body .menu-items a.item.router-link-active:before, .modal#modalMenu .modal-body .menu-items a.item.router-link-active:before {
        background: #ffde00
      }
      .modal#modalMembership .modal-body .menu-items a svg, .modal#modalMenu .modal-body .menu-items a svg {
        margin-right: 12px
      }
      .modal#modalMembership .modal-body .menu-items a:nth-child(odd), .modal#modalMenu .modal-body .menu-items a:nth-child(odd) {
        background: #39414a
      }
      .modal#modalMembership .modal-header, .modal#modalMenu .modal-header {
        background: #262d33 !important;
        border: none
      }
      .modeLight .modal#modalMembership .modal-body, .modeLight .modal#modalMenu .modal-body {
        background: #d5dde5;
        color: #262d33
      }
      .modeLight .modal#modalMembership .modal-body .menu-profile, .modeLight .modal#modalMenu .modal-body .menu-profile {
        background: #fff
      }
      .modeLight .modal#modalMembership .modal-body .title, .modeLight .modal#modalMenu .modal-body .title {
        color: #1c2126
      }
      .modeLight .modal#modalMembership .modal-body .menu-items a, .modeLight .modal#modalMenu .modal-body .menu-items a {
        color: #262d33
      }
      .modeLight .modal#modalMembership .modal-body .menu-items a:nth-child(odd), .modeLight .modal#modalMenu .modal-body .menu-items a:nth-child(odd) {
        background: #fff
      }
      .Menu-item svg {
        margin-right: 20px;
        display: flex;
        align-items: center;
        justify-content: center
      }
/* Slider */
      .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
      }
      .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
      }
      .slick-list:focus {
        outline: none;
      }
      .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
      }
      .slick-slider .slick-track,
      .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
      }
      .slick-track:before,
      .slick-track:after {
        display: table;
        content: '';
      }
      .slick-track:after {
        clear: both;
      }
      .slick-loading .slick-track {
        visibility: hidden;
      }
      .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
      }
      [dir='rtl'] .slick-slide {
        float: right;
      }
      .slick-slide img {
        display: block;
      }
      .slick-slide.slick-loading img {
        display: none;
      }
      .slick-slide.dragging img {
        pointer-events: none;
      }
      .slick-initialized .slick-slide {
        display: block;
      }
      .slick-loading .slick-slide {
        visibility: hidden;
      }
      .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
      }
      .slick-arrow.slick-hidden {
        display: none;
      }
@charset 'UTF-8';
      /* Slider */
      .slick-loading .slick-list {
        background: #fff url(../assets/ajax-loader.gif) center center no-repeat;
      }
      /* Icons */
      @font-face {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;
        src: url(../assets/slick.eot);
        src: url(../assets/slick.eot) format('embedded-opentype'), url(../assets/slick.woff) format('woff'), url(../assets/slick.ttf) format('truetype'), url(../assets/slick.svg) format('svg');
      }
      /* Arrows */
      .slick-prev,
      .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
      }
      .slick-prev:hover,
      .slick-prev:focus,
      .slick-next:hover,
      .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
      }
      .slick-prev:hover:before,
      .slick-prev:focus:before,
      .slick-next:hover:before,
      .slick-next:focus:before {
        opacity: 1;
      }
      .slick-prev.slick-disabled:before,
      .slick-next.slick-disabled:before {
        opacity: .25;
      }
      .slick-prev:before,
      .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      .slick-prev {
        left: -25px;
      }
      [dir='rtl'] .slick-prev {
        right: -25px;
        left: auto;
      }
      .slick-prev:before {
        content: '←';
      }
      [dir='rtl'] .slick-prev:before {
        content: '→';
      }
      .slick-next {
        right: -25px;
      }
      [dir='rtl'] .slick-next {
        right: auto;
        left: -25px;
      }
      .slick-next:before {
        content: '→';
      }
      [dir='rtl'] .slick-next:before {
        content: '←';
      }
      /* Dots */
      .slick-dotted.slick-slider {
        margin-bottom: 30px;
      }
      .slick-dots {
        position: absolute;
        bottom: -25px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
      }
      .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
      }
      .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
      }
      .slick-dots li button:hover,
      .slick-dots li button:focus {
        outline: none;
      }
      .slick-dots li button:hover:before,
      .slick-dots li button:focus:before {
        opacity: 1;
      }
      .slick-dots li button:before {
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      .slick-dots li.slick-active button:before {
        opacity: .75;
        color: black;
      }
.sliderouter {
        width: 100%;
        position: relative
      }
      .sliderouter .carousel-control-next, .sliderouter .carousel-control-prev {
        width: 7%
      }
      .slick-slide {
        padding: 0
      }
      .isMobile .Multi_slider img {
        border-radius: 0
      }
.screenshot {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
      }
      .screenshot .borderedBox, .screenshot .crosshairs, .screenshot .overlay, .screenshot .tooltip {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      .screenshot .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5)
      }
      .screenshot .overlay.highlighting {
        background: none;
        border-color: rgba(0, 0, 0, .5);
        border-style: solid
      }
      .screenshot .crosshairs {
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 2147483645
      }
      .screenshot .crosshairs.hidden {
        display: none
      }
      .screenshot .crosshairs:after, .screenshot .crosshairs:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        border: none !important
      }
      .screenshot .crosshairs:before {
        left: -100%;
        top: -100%;
        border-right: 1px solid hsla(0, 0%, 100%, .3) !important;
        border-bottom: 1px solid hsla(0, 0%, 100%, .3) !important
      }
      .screenshot .crosshairs:after {
        left: 0;
        top: 0;
        border-top: 1px solid hsla(0, 0%, 100%, .3) !important;
        border-left: 1px solid hsla(0, 0%, 100%, .3) !important
      }
      .screenshot .borderedBox {
        border: 1px solid #fff;
        position: absolute
      }
      .screenshot .borderedBox.hidden {
        display: none
      }
      .screenshot .tooltip {
        display: inline-block;
        position: absolute;
        background-color: grey;
        color: #fff;
        border-radius: 4px;
        font-size: 12px;
        font-family: monospace;
        padding: 6px;
        margin: 6px;
        white-space: nowrap
      }
      .screenshot .tooltip.hidden {
        display: none
      }
      .screenshot .Flash {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 2147483646;
        opacity: 1;
        animation-delay: .2s;
        animation-name: fade-out;
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards
      }
      .screenshot .screenshot-enter-active, .screenshot .screenshot-leave-active {
        transition: opacity .2s
      }
      .screenshot .screenshot-enter, .screenshot .screenshot-leave-to {
        opacity: 0
      }
      @keyframes fade-out {
        0% {
          opacity: 1
        }
        to {
          opacity: 0
        }
      }
.fb-mobile {
        bottom: 81px;
        top: inherit !important
      }
      .feedback {
        position: fixed;
        left: 0;
        top: 50%
      }
      .feedback .fb-fb {
        background-color: #c625ac;
        transform: rotate(-90deg);
        margin-left: -30px;
        font-size: 10px;
        opacity: .8
      }
      .feedback .fb-box, .feedback .fb-thanks {
        border-radius: 5px;
        background: #fff;
        border: 1px solid #dddfe2
      }
      .feedback .fb-box {
        margin-bottom: 20px;
        max-width: 95vw;
        width: 330px
      }
      .feedback .fb-box .fb-send {
        background-color: #c625ac
      }
      .feedback .fb-box textarea {
        border-radius: 0;
        box-shadow: none;
        border: 1px solid #dddfe2;
        border-right: none;
        border-left: none
      }
      .feedback .fb-box .fb-top {
        padding: 40px 0 20px
      }
      .feedback .fb-box .fb-points {
        padding: 0 30px
      }
      .feedback .fb-box .fb-points i {
        cursor: pointer
      }
      .feedback .fb-box .fb-x {
        position: absolute;
        top: -16px;
        right: 10px;
        border-radius: 22px;
        border: 1px solid #dddfe2
      }
.claimmodal .modal-content {
        background: #28292c !important;
        color: #fff
      }
.regbonmodal {
        /*! formalize.css | MIT License | github.com/interacthings/formalize */
      }
      .regbonmodal *, .regbonmodal :after, .regbonmodal :before {
        box-sizing: inherit
      }
      .regbonmodal html {
        box-sizing: border-box;
        text-rendering: optimizeLegibility
      }
      .regbonmodal body {
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }
      .regbonmodal a {
        color: inherit;
        text-decoration: none
      }
      .regbonmodal a:active, .regbonmodal a:focus, .regbonmodal a:hover, .regbonmodal button:active, .regbonmodal button:focus, .regbonmodal button:hover {
        outline: none;
        color: currentColor;
        text-decoration: none
      }
      .regbonmodal img {
        vertical-align: middle
      }
      .regbonmodal blockquote, .regbonmodal dd, .regbonmodal dl, .regbonmodal fieldset, .regbonmodal figure, .regbonmodal form, .regbonmodal h1, .regbonmodal h2, .regbonmodal h3, .regbonmodal h4, .regbonmodal h5, .regbonmodal h6, .regbonmodal menu, .regbonmodal ol, .regbonmodal p, .regbonmodal pre, .regbonmodal ul {
        margin: 0
      }
      .regbonmodal button, .regbonmodal fieldset, .regbonmodal iframe {
        border: 0
      }
      .regbonmodal button, .regbonmodal fieldset, .regbonmodal menu, .regbonmodal ol, .regbonmodal ul {
        padding: 0
      }
      .regbonmodal ol, .regbonmodal ul {
        list-style: none
      }
      .regbonmodal textarea {
        resize: vertical
      }
      .regbonmodal table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0
      }
      .regbonmodal td {
        padding: 0
      }
      .regbonmodal body {
        font-family: Averta
      }
      .regbonmodal body .container {
        max-width: 1240px
      }
      .regbonmodal .mobile, .regbonmodal .mobile-f {
        display: none !important
      }
      .regbonmodal .desktop {
        display: block
      }
      .regbonmodal .desktop-f {
        display: flex
      }
      @font-face {
        .regbonmodal {
          font-family: Averta;
          font-weight: 700;
          font-style: normal;
          font-display: swap;
          font-weight: 400
        }
      }
      .regbonmodal .B_Modal-accordion .accordion-body1 p {
        font-size: 12px;
        font-weight: 400;
        color: #c4cdd4;
        margin-left: 50px
      }
      .regbonmodal .span {
        content: "\26AC"
      }
      .regbonmodal .Navtop {
        width: 100%;
        z-index: 9999;
        transition: .5s;
        padding-top: clamp(20px, 2vw, 30px);
        padding-bottom: clamp(20px, 2vw, 30px);
        background-color: #1b2124;
        border-bottom: 1px solid #2d363b
      }
      .regbonmodal .Navtop .navbar-brand {
        margin-top: 0;
        position: relative;
        padding-right: 55px
      }
      .regbonmodal .Navtop .navbar-brand:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 24px;
        background-color: #354046;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: all .5s
      }
      .regbonmodal .Navtop .navbar-brand img {
        width: 100%;
        max-width: clamp(120px, 10vw, 150px);
        -o-object-fit: contain;
        object-fit: contain
      }
      .regbonmodal .Navtop .navbar {
        position: relative;
        z-index: 99
      }
      .regbonmodal .Navtop .navbar-nav {
        transition: .4s;
        margin-left: clamp(15px, 2.6vw, 50px);
        align-items: center;
        width: 100%
      }
      .regbonmodal .Navtop .navbar-collapse {
        width: 100%
      }
      .regbonmodal .Navtop .navbar-collapse .nav-item {
        margin: 0 clamp(15px, 1.6vw, 30px);
        position: relative;
        align-items: center;
        display: flex;
        justify-content: center
      }
      .regbonmodal .Navtop .navbar-collapse .nav-item .dropdown-toggle, .regbonmodal .Navtop .navbar-collapse .nav-item .nav-link {
        font-size: clamp(14px, .96vw, 16px);
        font-weight: 500;
        text-align: left;
        color: #fff;
        padding: 0;
        position: relative;
        transition: .5s
      }
      .regbonmodal .Navtop .navbar-collapse .active .nav-link, .regbonmodal .Navtop .navbar-collapse .nav-item .dropdown-toggle:hover, .regbonmodal .Navtop .navbar-collapse .nav-item .nav-link:hover {
        color: #e95208
      }
      .regbonmodal .Navtop-darkmode {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-color: #232b2f;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s;
        margin-right: 20px
      }
      .regbonmodal .Navtop-darkmode i.icon-dark-mode {
        width: 24px;
        height: 24px;
        background-size: cover
      }
      .regbonmodal .Navtop-darkmode:hover {
        background-color: rgba(220, 226, 229, .3)
      }
      .regbonmodal .Navtop-discord {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px 24px;
        border-radius: 4px;
        border: 1px solid #354046;
        background-color: #2d363b;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        color: #fff;
        margin-right: 20px
      }
      .regbonmodal .Navtop-discord .icon-discord {
        width: 24px;
        height: 24px;
        margin-right: 8px
      }
      .regbonmodal .Navtop-wallet {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px 24px;
        border-radius: 4px;
        background-color: #fbcf44;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        color: #141b22
      }
      .regbonmodal .Navtop-wallet .icon-wallet {
        width: 24px;
        height: 24px;
        margin-right: 8px
      }
      .regbonmodal .Navtop-buttons {
        margin-left: auto;
        display: flex;
        align-items: center
      }
      .regbonmodal .Navtop .dropdown-toggle {
        background-color: transparent;
        font-size: clamp(14px, .96vw, 16px);
        font-weight: 500;
        text-align: left;
        color: #fff;
        padding: 0;
        position: relative;
        transition: .5s
      }
      .regbonmodal .Navtop .dropdown-toggle:hover {
        color: #e95208
      }
      .regbonmodal .icon-menu {
        padding: 5px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
        cursor: pointer;
        background-color: transparent
      }
      .regbonmodal .icon-menu:before {
        content: "";
        display: inline-block;
        transition: .5s;
        width: 32px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: 50%;
        filter: invert(1)
      }
      .regbonmodal .icon-menu-active:before {
        filter: invert(1)
      }
      .regbonmodal .Footer {
        background-color: #f2f2f2
      }
      .regbonmodal .Footer-in {
        display: flex;
        justify-content: space-between;
        padding-top: clamp(25px, 4.4vw, 83px);
        padding-bottom: clamp(25px, 2.61vw, 50px)
      }
      .regbonmodal .Footer-info {
        width: 100%;
        max-width: 170px;
        font-size: clamp(14px, 1vw, 15px)
      }
      .regbonmodal .Footer-info img {
        width: 100%;
        max-width: 150px;
        margin-bottom: 35px
      }
      .regbonmodal .Footer-info ul {
        font-size: clamp(14px, 1vw, 15px)
      }
      .regbonmodal .Footer-info ul li {
        margin-bottom: 10px
      }
      .regbonmodal .Footer-info ul li a {
        color: #000;
        margin-right: clamp(5px, .6vw, 10px);
        transition: all .5s
      }
      .regbonmodal .Footer-info ul li a:hover {
        color: #e95208
      }
      .regbonmodal .Footer-menu ul li {
        padding-top: clamp(5px, .6vw, 10px)
      }
      .regbonmodal .Footer-menu ul li a {
        font-size: clamp(14px, 1vw, 15px);
        font-weight: 400;
        line-height: 1.97;
        color: #000;
        transition: all .5s
      }
      .regbonmodal .Footer-menu ul li a:hover {
        color: #e95208
      }
      .regbonmodal .Footer-menu ul form {
        padding-top: clamp(15px, 1.56vw, 33px);
        font-size: clamp(10px, 1vw, 15px)
      }
      .regbonmodal .Footer-menu ul .Footer-menu-news button {
        margin-top: clamp(5px, .6vw, 10px);
        font-size: clamp(14px, 1vw, 15px);
        padding: 4px 10px;
        border-radius: 3px;
        background-color: #e95208;
        color: #fff
      }
      .regbonmodal .Footer-menu ul .Footer-menu-news form input {
        width: 100%;
        height: 100%;
        max-width: 180px;
        max-height: 30px;
        border: 1px solid #d9d9d9;
        padding: 5px;
        font-size: clamp(14px, 1vw, 15px)
      }
      .regbonmodal .Footer-menu a {
        color: #000;
        font-size: clamp(10px, 1vw, 15px)
      }
      .regbonmodal .Footer-menu h4 {
        font-size: clamp(14px, 1vw, 15px);
        font-weight: 600;
        line-height: .68;
        color: #000;
        border-bottom: 2px solid #1e1e1e;
        padding-bottom: clamp(10px, 1vw, 15px);
        margin-bottom: clamp(10px, 1vw, 15px)
      }
      .regbonmodal .Footer-menu h5 {
        width: 100%;
        max-width: 200px;
        font-size: clamp(14px, 1vw, 15px);
        font-weight: 500
      }
      @media (max-width:800px) {
        .regbonmodal .Footer-in, .regbonmodal .Footer-info {
          flex-direction: column;
          align-items: center;
          justify-content: center
        }
        .regbonmodal .Footer-info {
          padding-right: 0;
          margin-bottom: 20px;
          max-width: 100%;
          display: flex
        }
        .regbonmodal .Footer-info p, .regbonmodal .Footer .navbottom-link-head {
          text-align: center
        }
        .regbonmodal .Footer ul {
          width: -webkit-max-content;
          width: max-content;
          text-align: center;
          flex-direction: column
        }
        .regbonmodal .Footer-menu {
          margin-bottom: 20px
        }
        .regbonmodal .Footer-menu ul li a {
          line-height: 1
        }
        .regbonmodal .Footer-menu a {
          color: #000;
          font-size: clamp(10px, 1vw, 15px)
        }
        .regbonmodal .Footer-menu h4, .regbonmodal .Footer-menu h5 {
          text-align: center
        }
        .regbonmodal .Footer-menu-news {
          display: flex;
          align-items: center;
          flex-direction: column
        }
        .regbonmodal .Footer-news p {
          text-align: center
        }
      }
      .regbonmodal .B_Modal-in {
        padding: 0
      }
      .regbonmodal .B_Modal-banner {
        margin-bottom: 32px
      }
      .regbonmodal .B_Modal-banner img {
        width: 100%;
        border-radius: 20px
      }
      .regbonmodal .B_Modal-content {
        display: flex;
        flex-direction: column;
        align-items: center
      }
      .regbonmodal .B_Modal-content .icon-hands {
        width: 40px;
        height: 40px;
        background-size: 100% 100%;
        margin-bottom: 16px
      }
      .regbonmodal .B_Modal-content .icon-polygon {
        width: 80px;
        height: 70px;
        background-size: 100% 100%;
        margin-bottom: 16px
      }
      .regbonmodal .B_Modal-content-title {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.25;
        text-align: center;
        color: #fff;
        margin-bottom: 4px
      }
      .regbonmodal .B_Modal-content-desc {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.56;
        text-align: center;
        color: #fff
      }
      .regbonmodal .B_Modal-content-desc-bold {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33;
        text-align: center;
        color: #fff
      }
      .regbonmodal .B_Modal-content-desc-bold span {
        color: #ffde00
      }
      .regbonmodal .B_Modal-content-subdesc {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.56;
        text-align: center;
        color: #fff;
        margin-top: 8px
      }
      .regbonmodal .B_Modal-content-small-desc {
        text-align: center
      }
      .regbonmodal .B_Modal-content-small-desc, .regbonmodal .B_Modal-content-small-desc1 {
        margin-top: 24px;
        max-width: 678px;
        font-size: 12px;
        font-weight: 600;
        line-height: 2;
        color: #c4cdd4
      }
      .regbonmodal .B_Modal-content-small-desc2 {
        text-align: center
      }
      .regbonmodal .B_Modal-content-small-desc2, .regbonmodal .B_Modal-content-small-desc3 {
        margin-top: 5px;
        max-width: 678px;
        font-size: 12px;
        font-weight: 600;
        line-height: 2;
        color: #c4cdd4
      }
      .regbonmodal .B_Modal-content-small-desc3 {
        margin-left: -190px
      }
      .regbonmodal .B_Modal-content-line {
        display: block;
        width: 80px;
        height: 2px;
        background-color: #4e5d6a;
        margin: 32px 0
      }
      .regbonmodal .B_Modal-content-subtitle {
        color: #ffde00
      }
      .regbonmodal .B_Modal-content-subtitle, .regbonmodal .B_Modal-content-subtitle-white {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33;
        text-align: center;
        margin-bottom: 16px
      }
      .regbonmodal .B_Modal-content-subtitle-white {
        color: #fff
      }
      .regbonmodal .B_Modal-content-buttons {
        display: flex;
        align-items: center
      }
      .regbonmodal .B_Modal-content-buttons button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 220px;
        height: 52px;
        padding: 14px 24px;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: -.32px;
        transition: all .3s
      }
      .regbonmodal .B_Modal-content-buttons button i {
        width: 12px;
        height: 12px;
        background-size: 100% 100%
      }
      .regbonmodal .B_Modal-content-buttons button.no-button {
        border: 2px solid #576775;
        background-color: #3d4852;
        color: #c4cdd4;
        margin-right: 8px
      }
      .regbonmodal .B_Modal-content-buttons button.yes-button {
        border: 2px solid #008758;
        background-color: #008758;
        color: #fff
      }
      .regbonmodal .B_Modal-content-buttons button:hover {
        transform: scale(.98)
      }
      .regbonmodal .B_Modal-content-bonus-buttons {
        display: flex;
        align-items: center
      }
      .regbonmodal .B_Modal-content-bonus-buttons button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 260px;
        height: 68px;
        border-radius: 12px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.33;
        letter-spacing: -.36px;
        text-align: center;
        color: #2c343b;
        transition: all .3s
      }
      .regbonmodal .B_Modal-content-bonus-buttons button span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.43;
        letter-spacing: -.28px;
        text-align: center;
        color: #2c343b
      }
      .regbonmodal .B_Modal-content-bonus-buttons button i {
        width: 12px;
        height: 12px;
        background-size: 100% 100%
      }
      .regbonmodal .B_Modal-content-bonus-buttons button.green-button {
        box-shadow: inset 0 2px 0 0 #00f5a3;
        background-color: #00c683;
        margin-right: 8px
      }
      .regbonmodal .B_Modal-content-bonus-buttons button.yellow-button {
        box-shadow: inset 0 2px 0 0 #ffe95c;
        background-color: #f5d400
      }
      .regbonmodal .B_Modal-content-bonus-buttons button:hover {
        transform: scale(.98)
      }
      .regbonmodal .B_Modal-content-close {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 140px;
        height: 52px;
        padding: 14px 24px;
        border-radius: 12px;
        border: 2px solid #576775;
        background-color: #3d4852;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -.32px;
        color: #c4cdd4;
        margin-top: 24px;
        transition: all .3s
      }
      .regbonmodal .B_Modal-content-close:hover {
        color: #c4cdd4;
        transform: scale(.98)
      }
      .regbonmodal .B_Modal-content-close i.icon-close {
        width: 12px;
        height: 12px;
        background-size: 100% 100%
      }
      .regbonmodal .B_Modal-content-provider {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 300px;
        padding: 18px 24px;
        border-radius: 12px;
        background-color: #262d33;
        font-size: 16px;
        font-weight: 600;
        color: #b9c2cb;
        margin-top: 24px;
        transition: all .3s
      }
      .regbonmodal .B_Modal-content-provider:hover {
        color: #c4cdd4;
        transform: scale(.98)
      }
      .regbonmodal .B_Modal-content-provider i.icon-provider {
        width: 16px;
        height: 16px;
        background-size: 100% 100%
      }
      .regbonmodal .B_Modal-content-provider i.icon-arrow-down {
        width: 10px;
        height: 6px;
        background-size: 100% 100%
      }
      .regbonmodal .B_Modal-content-provider.active {
        pointer-events: none
      }
      .regbonmodal .B_Modal-content-provider-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 20px;
        margin-top: 24px;
        width: 100%
      }
      .regbonmodal .B_Modal-content-provider-list-item {
        display: flex;
        align-items: center;
        background-color: transparent;
        text-align: left;
        cursor: pointer;
        padding: 8px 0;
        border-top: 1px solid #576775;
        position: relative
      }
      .regbonmodal .B_Modal-content-provider-list-item.bordered {
        border-bottom: 1px solid #576775
      }
      .regbonmodal .B_Modal-content-provider-list-item-icon {
        margin-right: 12px;
        width: 36px;
        height: 36px;
        border-radius: 6px;
        background-color: #45525e;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .5s
      }
      .regbonmodal .B_Modal-content-provider-list-item-name {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.71;
        letter-spacing: -.28px;
        color: #c4cdd4;
        transition: .5s
      }
      .regbonmodal .B_Modal-content-provider-list-item input {
        position: absolute;
        opacity: 0
      }
      .regbonmodal .B_Modal-content-provider-list-item input:checked+.B_Modal-content-provider-list-item-check {
        background-color: #00c683
      }
      .regbonmodal .B_Modal-content-provider-list-item input:checked+.B_Modal-content-provider-list-item-check:after {
        opacity: 1
      }
      .regbonmodal .B_Modal-content-provider-list-item-check {
        margin-left: auto;
        width: 24px;
        height: 24px;
        border-radius: 6px;
        border: 1px solid #45525e;
        background-color: #262d33;
        position: relative
      }
      .regbonmodal .B_Modal-content-provider-list-item-check:after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 6px;
        background-size: 100% 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all .5s
      }
      .regbonmodal .B_Modal-content-provider-list-item:after {
        margin-left: 8px;
        content: "";
        display: inline-block;
        transition: .5s;
        width: 6px;
        height: 10px;
        background-repeat: no-repeat;
        background-size: auto 100%
      }
      .regbonmodal .B_Modal-content-provider-list-item:hover .Games-sidebar-item-counter, .regbonmodal .B_Modal-content-provider-list-item:hover .Games-sidebar-item-name {
        color: #ff0;
        transition: .5s
      }
      .regbonmodal .B_Modal-content-provider-list-item:hover .Games-sidebar-item-icon {
        background-color: #262d33;
        transition: .5s
      }
      .regbonmodal .B_Modal-content-provider-list-button {
        width: 220px;
        height: 52px;
        padding: 14px 24px;
        border-radius: 12px;
        background-color: #008758;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: -.32px;
        color: #fff;
        margin-top: 16px;
        transition: all .3s
      }
      .regbonmodal .B_Modal-content-provider-list-button .icon-check {
        width: 12px;
        height: 12px;
        background-size: 100% 100%
      }
      .regbonmodal .B_Modal-content-provider-list-button:hover {
        color: #fff;
        transform: scale(.98)
      }
      .regbonmodal .B_Modal-accordion {
        margin-top: 32px
      }
      .regbonmodal .B_Modal-accordion .accordion-item {
        border: none;
        background-color: #4e5d6a;
        border-radius: 8px
      }
      .regbonmodal .B_Modal-accordion .accordion-item:first-of-type .accordion-button {
        border-radius: 8px
      }
      .regbonmodal .B_Modal-accordion .accordion-button {
        width: 100%;
        height: 32px;
        padding: 4px 16px;
        border-radius: 8px;
        background-color: #4e5d6a;
        border: none;
        font-size: 12px;
        font-weight: 600;
        color: #c4cdd4;
        display: flex;
        align-items: center
      }
      .regbonmodal .B_Modal-accordion .accordion-button i.icon-plus {
        width: 10px;
        height: 10px;
        background-size: 100% 100%;
        margin-right: 12px
      }
      .regbonmodal .B_Modal-accordion .accordion-button:focus, .regbonmodal .B_Modal-accordion .accordion-button:focus-visible {
        border: none;
        outline: none;
        box-shadow: none
      }
      .regbonmodal .B_Modal-accordion .accordion-button:after {
        display: none
      }
      .regbonmodal .B_Modal-accordion .accordion-button:not(.collapsed) {
        box-shadow: none;
        color: #fff
      }
      .regbonmodal .B_Modal-accordion .accordion-body p {
        font-size: 12px;
        font-weight: 400;
        color: #c4cdd4
      }
      .regbonmodal .B_Modal.modal-dialog {
        max-width: 920px
      }
      .regbonmodal .B_Modal .modal-header {
        padding: 0;
        border: none;
        margin-bottom: 24px
      }
      .regbonmodal .B_Modal .modal-header .modal-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33;
        color: #fff
      }
      .regbonmodal .B_Modal .modal-header .btn-close {
        background: none;
        width: 40px;
        height: 40px;
        padding: 0;
        border-radius: 8px;
        border: 2px solid #3d4852;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
        transition: all .3s
      }
      .regbonmodal .B_Modal .modal-header .btn-close .icon-close {
        width: 12px;
        height: 12px;
        background-size: 100% 100%
      }
      .regbonmodal .B_Modal .modal-header .btn-close:hover {
        border-color: #7c858d
      }
      .regbonmodal .B_Modal .modal-content {
        border-radius: 12px;
        box-shadow: inset 0 2px 0 0 #576775;
        background-color: #343e46;
        border: none;
        padding: 32px
      }
      @media (max-width:991px) {
        .regbonmodal .B_Modal .modal-dialog {
          max-width: 780px
        }
      }
      @media (max-width:768px) {
        .regbonmodal .B_Modal-banner {
          margin-bottom: 16px
        }
        .regbonmodal .B_Modal-content .icon-hands {
          width: 34px;
          height: 34px
        }
        .regbonmodal .B_Modal-content .icon-polygon {
          width: 75px;
          height: 65px
        }
        .regbonmodal .B_Modal-content-title {
          font-size: 24px
        }
        .regbonmodal .B_Modal-content-desc {
          font-size: 14px
        }
        .regbonmodal .B_Modal-content-desc-bold {
          font-size: 18px
        }
        .regbonmodal .B_Modal-content-subdesc {
          font-size: 14px
        }
        .regbonmodal .B_Modal-content-line {
          width: 65px;
          margin: 16px 0
        }
        .regbonmodal .B_Modal-content-subtitle, .regbonmodal .B_Modal-content-subtitle-white {
          font-size: 18px
        }
        .regbonmodal .B_Modal-content-buttons {
          flex-direction: column;
          width: 100%
        }
        .regbonmodal .B_Modal-content-buttons button {
          width: 100%
        }
        .regbonmodal .B_Modal-content-buttons button.no-button {
          margin-right: 0;
          margin-bottom: 8px
        }
        .regbonmodal .B_Modal-content-bonus-buttons {
          flex-direction: column;
          width: 100%
        }
        .regbonmodal .B_Modal-content-bonus-buttons button {
          width: 100%
        }
        .regbonmodal .B_Modal-content-bonus-buttons button.green-button {
          margin-right: 0;
          margin-bottom: 8px
        }
        .regbonmodal .B_Modal-content-provider {
          width: 100%
        }
        .regbonmodal .B_Modal-content-provider-list {
          grid-template-columns: repeat(2, 1fr);
          column-gap: 5px;
          margin-top: 16px;
          width: 100%
        }
        .regbonmodal .B_Modal-content-provider-list-item-icon {
          margin-right: 8px;
          width: 28px;
          height: 28px
        }
        .regbonmodal .B_Modal-content-provider-list-item-icon img {
          max-width: 16px
        }
        .regbonmodal .B_Modal-content-provider-list-item-name {
          font-size: 12px
        }
        .regbonmodal .B_Modal-content-provider-list-item-check {
          width: 20px;
          height: 20px
        }
        .regbonmodal .B_Modal-content-provider-list-button {
          width: 100%
        }
        .regbonmodal .B_Modal-accordion {
          margin-top: 16px
        }
        .regbonmodal .B_Modal .modal-dialog {
          max-width: 500px
        }
        .regbonmodal .B_Modal .modal-header {
          margin-bottom: 16px
        }
        .regbonmodal .B_Modal .modal-header .modal-title {
          font-size: 16px;
          line-height: 1.5
        }
        .regbonmodal .B_Modal .modal-header .btn-close {
          background: none;
          width: 24px;
          height: 24px
        }
        .regbonmodal .B_Modal .modal-header .btn-close .icon-close {
          width: 8px;
          height: 8px
        }
        .regbonmodal .B_Modal .modal-content {
          padding: 20px
        }
      }
      @media (max-width:991px) {
        .regbonmodal .container {
          padding-left: 15px;
          padding-right: 15px
        }
        .regbonmodal .mobile {
          display: block !important
        }
        .regbonmodal .mobile-f {
          display: flex !important
        }
        .regbonmodal .desktop {
          display: none !important
        }
      }
@font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-ExtraboldItalic.woff2') format('woff2');
        font-weight: 800;
        font-style: italic;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-Semibold.woff2') format('woff2');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY Extrathin';
        src: url('../assets/AvertaCY-ExtrathinItalic.woff2') format('woff2');
        font-weight: 100;
        font-style: italic;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-LightItalic.woff2') format('woff2');
        font-weight: 300;
        font-style: italic;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-Black.woff2') format('woff2');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-RegularItalic.woff2') format('woff2');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-Light.woff2') format('woff2');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-BlackItalic.woff2') format('woff2');
        font-weight: 900;
        font-style: italic;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY Extrathin';
        src: url('../assets/AvertaCY-Extrathin.woff2') format('woff2');
        font-weight: 100;
        font-style: normal;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-Regular.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-BoldItalic.woff2') format('woff2');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-ThinItalic.woff2') format('woff2');
        font-weight: 100;
        font-style: italic;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-Extrabold.woff2') format('woff2');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-Bold.woff2') format('woff2');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-SemiboldItalic.woff2') format('woff2');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
      }
      @font-face {
        font-family: 'AvertaCY';
        src: url('../assets/AvertaCY-Thin.woff2') format('woff2');
        font-weight: 100;
        font-style: normal;
        font-display: swap;
      }
.swal2-footer {
        color: #ccc;
        font-size: 12px;
        border-top: none;
        margin-top: 0
      }
      :root {
        --header-height: 0px;
        --vh100-header: calc(100vh - var(--header-height));
        --primary-color: #008758;
        --secondary-color: #0c0d26;
        --third-color: #5534d2;
        --passive-color: #cecfd4;
        --gray-color: #ecedf0
      }
      body, html {
        height: 100%;
        scroll-behavior: smooth;
        font-family: AvertaCY, sans-serif
      }
      body.isDesktop, html.isDesktop {
        font-size: 12px
      }
      body {
        text-rendering: geometricprecision;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-transform: none
      }
      body, body #site {
        overflow-x: hidden
      }
      body #site {
        background-image: url(../assets/bg-cc.svg);
        background-position: top, top;
        background-repeat: repeat-x;
        background-color: #475059;
        min-height: 100%
      }
      body #site.isMobile {
        overflow-x: unset
      }
      body #site.modeDark {
        color: #fff;
        background-color: #38414a;
        background-image: url(../assets/bg-cc.svg)
      }
      body #site.modeDark, body #site.modeLight {
        background-repeat: no-repeat;
        background-size: auto, auto
      }
      body #site.modeLight {
        color: #262d33;
        background-color: #b8c2cc;
        background-image: url(../assets/bg-g.svg)
      }
      body #site.modeLight.account>.container-top, body #site.modeLight.account>.container-top_ {
        color: #fff
      }
      body.page-main.isDesktop #site.modeDark {
        background-image: url(../assets/bg-d1.png), url(../assets/bg-cc.svg)
      }
      body.page-main.isDesktop #site.modeLight {
        background-image: url(../assets/bg-l1.png), url(../assets/bg-g.svg)
      }
      body.page-main.isDesktop #site.modeDark.imgRand1 {
        background-image: url(../assets/bg-d2.png), url(../assets/bg-cc.svg)
      }
      body.page-main.isDesktop #site.modeLight.imgRand1 {
        background-image: url(../assets/bg-l2.png), url(../assets/bg-g.svg)
      }
      menu {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        margin: 0
      }
      img {
        max-width: 100%
      }
      a, img {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        user-drag: none
      }
      *, :focus {
        outline: none !important
      }
      p {
        margin-top: 0;
        margin-bottom: 0
      }
      ul {
        -webkit-padding-start: 0;
        padding-inline-start: 0
      }
      a, a:hover {
        color: inherit
      }
      a:hover {
        text-decoration: none
      }
      svg:not([fill=none]) {
        fill: none
      }
      div {
        -ms-overflow-style: none;
        scrollbar-width: none
      }
      div::-webkit-scrollbar {
        display: none
      }
      .cp {
        cursor: pointer
      }
      .modal-content {
        background: none;
        border: none;
        border-radius: 20px
      }
      .isDesktop .modal-content {
        margin: 3rem auto
      }
      .modal-content .modal-body {
        overflow: hidden;
        padding: 0
      }
      .modal-backdrop {
        background: none
      }
      .modal-open #site {
        filter: blur(10px)
      }
      .isDesktop .container-main {
        padding-top: 30px
      }
      .page-sportsbook .container-main {
        padding-top: 0
      }
      .page-sportsbook #sbc>[class^=light] {
        background: #b9c3cc !important
      }
      .page-sportsbook #sbc>[class^=dark] {
        background: #475059 !important
      }
      .container-top {
        max-width: 1440px;
        margin: 0 auto
      }
      #site.fab {
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      #site.fab .container-top {
        width: 100%;
        align-self: center
      }
      .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-31 {
        font-size: 31px !important
      }
      .f-s-32 {
        font-size: 32px !important
      }
      .f-s-33 {
        font-size: 33px !important
      }
      .f-s-34 {
        font-size: 34px !important
      }
      .f-s-35 {
        font-size: 35px !important
      }
      .f-s-36 {
        font-size: 36px !important
      }
      .f-s-37 {
        font-size: 37px !important
      }
      .f-s-38 {
        font-size: 38px !important
      }
      @media (min-width:768px) {
        .fs-sm-10 {
          font-size: 10px !important
        }
        .fs-sm-11 {
          font-size: 11px !important
        }
        .fs-sm-12 {
          font-size: 12px !important
        }
        .fs-sm-13 {
          font-size: 13px !important
        }
        .fs-sm-14 {
          font-size: 14px !important
        }
        .fs-sm-15 {
          font-size: 15px !important
        }
        .fs-sm-16 {
          font-size: 16px !important
        }
        .fs-sm-17 {
          font-size: 17px !important
        }
        .fs-sm-18 {
          font-size: 18px !important
        }
        .fs-sm-19 {
          font-size: 19px !important
        }
        .fs-sm-20 {
          font-size: 20px !important
        }
        .fs-sm-21 {
          font-size: 21px !important
        }
        .fs-sm-22 {
          font-size: 22px !important
        }
        .fs-sm-23 {
          font-size: 23px !important
        }
        .fs-sm-24 {
          font-size: 24px !important
        }
        .fs-sm-25 {
          font-size: 25px !important
        }
        .fs-sm-26 {
          font-size: 26px !important
        }
        .fs-sm-27 {
          font-size: 27px !important
        }
        .fs-sm-28 {
          font-size: 28px !important
        }
        .fs-sm-29 {
          font-size: 29px !important
        }
        .fs-sm-30 {
          font-size: 30px !important
        }
        .fs-sm-31 {
          font-size: 31px !important
        }
        .fs-sm-32 {
          font-size: 32px !important
        }
        .fs-sm-33 {
          font-size: 33px !important
        }
        .fs-sm-34 {
          font-size: 34px !important
        }
        .fs-sm-35 {
          font-size: 35px !important
        }
        .fs-sm-36 {
          font-size: 36px !important
        }
        .fs-sm-37 {
          font-size: 37px !important
        }
        .fs-sm-38 {
          font-size: 38px !important
        }
      }
      .br-3 {
        border-radius: 3px
      }
      .br-5 {
        border-radius: 5px
      }
      .br-10 {
        border-radius: 10px
      }
      .br-15 {
        border-radius: 15px
      }
      .br-20 {
        border-radius: 20px
      }
      .br-sm-50 {
        border-radius: 50%
      }
      @media (min-width:768px) {
        .br-sm-3 {
          border-radius: 3px
        }
        .br-sm-5 {
          border-radius: 5px
        }
        .br-sm-10 {
          border-radius: 10px
        }
        .br-sm-15 {
          border-radius: 15px
        }
        .br-sm-20 {
          border-radius: 20px
        }
        .br-sm-50 {
          border-radius: 50%
        }
      }
      .btn-sal, .btn.btn-sal {
        border-radius: 15px;
        padding: 1px 20px 0;
        text-align: center;
        align-items: center;
        height: 48px;
        border: none;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        color: #fff;
        display: flex;
        justify-content: center;
        background: var(--primary-color)
      }
      .btn-sal.black, .btn.btn-sal.black {
        background: var(--secondary-color)
      }
      .btn-sal.purple, .btn.btn-sal.purple {
        background: #5534d2
      }
      .btn-sal.green, .btn.btn-sal.green {
        background: #008758
      }
      .btn-sal.outlined, .btn.btn-sal.outlined {
        border: 1px solid #b8c2cc;
        color: rgba(12, 13, 38, .5);
        background: none
      }
      .btn-sal.outlined:hover, .btn.btn-sal.outlined:hover {
        color: #000
      }
      .btn-sal:hover, .btn.btn-sal:hover {
        color: #fff;
        text-decoration: none;
        opacity: .8
      }
      .isMobile .btn-sal, .isMobile .btn.btn-sal {
        width: 100%
      }
      .green-light {
        width: 6px;
        height: 6px;
        margin-left: 9px;
        border-radius: 10px;
        background: #09c289;
        box-shadow: 0 0 4px #35ffc0
      }
      .bh-btn-sm-outlined {
        display: flex;
        align-items: center;
        color: #fff;
        height: 39px;
        border: 1px solid #858f99;
        border-radius: 10px
      }
      .btn-cir {
        width: 28px;
        height: 28px;
        border: 1px solid var(--primary-color);
        border-radius: 50%;
        background: #587565;
        display: flex;
        padding: 4px
      }
      .btn-cir>* {
        background: var(--primary-color);
        display: flex;
        width: 100%;
        padding: 5px;
        border-radius: 50%
      }
      .btn-cir.orange {
        border: 1px solid #f7931a;
        background: rgba(247, 147, 26, .34901960784313724)
      }
      .btn-cir.orange>* {
        background: #f7931a
      }
      .btn-cir.message {
        border: 1px solid #beb8a7;
        background: #fdf8ea
      }
      .btn-cir.message>* {
        background: #386c50
      }
      .form-style-sal .tx, form .tx {
        padding: 10px 15px
      }
      .form-style-sal .custom-select, .form-style-sal .form-control, .form-style-sal .sal-inp, form .custom-select, form .form-control, form .sal-inp {
        color: #6c757d !important;
        background-color: #475059;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 10px;
        border: 1px solid #858f99;
        padding: 13px 20px;
        font-size: 15px;
        color: inherit;
        height: auto
      }
      .form-style-sal .custom-select:focus, .form-style-sal .form-control:focus, .form-style-sal .sal-inp:focus, form .custom-select:focus, form .form-control:focus, form .sal-inp:focus {
        background: #525c66;
        box-shadow: unset;
        color: inherit
      }
      .form-style-sal .custom-select:disabled, .form-style-sal .custom-select[readonly], .form-style-sal .form-control:disabled, .form-style-sal .form-control[readonly], .form-style-sal .sal-inp:disabled, .form-style-sal .sal-inp[readonly], form .custom-select:disabled, form .custom-select[readonly], form .form-control:disabled, form .form-control[readonly], form .sal-inp:disabled, form .sal-inp[readonly] {
        background: #37404a;
        border-color: #434e59
      }
      .form-style-sal .custom-select.search, .form-style-sal .form-control.search, .form-style-sal .sal-inp.search, form .custom-select.search, form .form-control.search, form .sal-inp.search {
        background: url(../assets/i-search.svg) no-repeat right 1rem center
      }
      .isDesktop .form-style-sal .custom-select, .isDesktop .form-style-sal .form-control, .isDesktop .form-style-sal .sal-inp, form .custom-select, form .form-control, form .sal-inp {
        border-radius: 15px
      }
      .modeLight:not(.account) .form-style-sal .custom-select, .modeLight:not(.account) .form-style-sal .custom-select:disabled, .modeLight:not(.account) .form-style-sal .custom-select:focus, .modeLight:not(.account) .form-style-sal .custom-select[readonly], .modeLight:not(.account) .form-style-sal .form-control, .modeLight:not(.account) .form-style-sal .form-control:disabled, .modeLight:not(.account) .form-style-sal .form-control:focus, .modeLight:not(.account) .form-style-sal .form-control[readonly], .modeLight:not(.account) .form-style-sal .sal-inp, .modeLight:not(.account) .form-style-sal .sal-inp:disabled, .modeLight:not(.account) .form-style-sal .sal-inp:focus, .modeLight:not(.account) .form-style-sal .sal-inp[readonly], form .custom-select, form .custom-select:disabled, form .custom-select:focus, form .custom-select[readonly], form .form-control, form .form-control:disabled, form .form-control:focus, form .form-control[readonly], form .sal-inp, form .sal-inp:disabled, form .sal-inp:focus, form .sal-inp[readonly] {
        background-color: #d5dde5
      }
      .form-style-sal.filter .sal-inp, form.filter .sal-inp {
        font-size: 13px;
        font-weight: 600
      }
      .form-style-sal.filter .sal-inp:-ms-input-placeholder, form.filter .sal-inp:-ms-input-placeholder {
        color: inherit;
        opacity: 1
      }
      .form-style-sal.filter .sal-inp::placeholder, form.filter .sal-inp::placeholder {
        color: inherit;
        opacity: 1
      }
      .modeLight .sidebar .form-sal {
        color: #000 !important
      }
      .modeLight .sidebar .form-sal .custom-select, .modeLight .sidebar .form-sal div .custom-select, .modeLight .sidebar .form-sal div .multiselect__tags, .modeLight .sidebar .form-sal input[type=email], .modeLight .sidebar .form-sal input[type=number], .modeLight .sidebar .form-sal input[type=password], .modeLight .sidebar .form-sal input[type=text], .modeLight .sidebar .form-sal textarea {
        color: #12161a !important;
        background: #e4ebf2 !important;
        border: 1px solid #b8c2cc !important
      }
      .modeLight .sidebar .form-sal .custom-select:-ms-input-placeholder, .modeLight .sidebar .form-sal div .custom-select:-ms-input-placeholder, .modeLight .sidebar .form-sal div .multiselect__tags:-ms-input-placeholder, .modeLight .sidebar .form-sal input[type=email]:-ms-input-placeholder, .modeLight .sidebar .form-sal input[type=number]:-ms-input-placeholder, .modeLight .sidebar .form-sal input[type=password]:-ms-input-placeholder, .modeLight .sidebar .form-sal input[type=text]:-ms-input-placeholder, .modeLight .sidebar .form-sal textarea:-ms-input-placeholder {
        color: #000 !important
      }
      .modeLight .sidebar .form-sal .custom-select::placeholder, .modeLight .sidebar .form-sal div .custom-select::placeholder, .modeLight .sidebar .form-sal div .multiselect__tags::placeholder, .modeLight .sidebar .form-sal input[type=email]::placeholder, .modeLight .sidebar .form-sal input[type=number]::placeholder, .modeLight .sidebar .form-sal input[type=password]::placeholder, .modeLight .sidebar .form-sal input[type=text]::placeholder, .modeLight .sidebar .form-sal textarea::placeholder {
        color: #000 !important
      }
      .isDesktop .form-sal {
        box-shadow: 0 4px 2px rgba(0, 0, 0, .01);
        border-radius: 5px;
        width: 100%;
        width: -webkit-fill-available;
        width: stretch
      }
      .isDesktop .form-sal .title {
        margin-bottom: 15px;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 31px
      }
      .page-login .reg-inside .isDesktop .form-sal .title, .page-register .reg-inside .isDesktop .form-sal .title {
        font-weight: 700;
        font-size: 54px
      }
      @media (min-width:600px) {
        .isDesktop .form-sal .title {
          font-size: 30px;
          line-height: 38px
        }
      }
      .isDesktop .form-sal .bottom-link {
        font-style: normal;
        font-size: 15px;
        line-height: 18px
      }
      .isDesktop .form-sal .description {
        font-size: 12px;
        line-height: 20px;
        opacity: .7;
        margin-bottom: 45px
      }
      .isDesktop .form-sal .group {
        margin-bottom: 30px
      }
      .isDesktop .form-sal .group>label {
        margin-bottom: 10px;
        margin-left: 15px;
        font-size: 12px;
        line-height: 20px;
        font-weight: 600
      }
      .isDesktop .form-sal .group .pw-input .custom-select, .isDesktop .form-sal .group .pw-input div .custom-select, .isDesktop .form-sal .group .pw-input div .multiselect__tags, .isDesktop .form-sal .group .pw-input input[type=date], .isDesktop .form-sal .group .pw-input input[type=email], .isDesktop .form-sal .group .pw-input input[type=number], .isDesktop .form-sal .group .pw-input input[type=password], .isDesktop .form-sal .group .pw-input input[type=text], .isDesktop .form-sal .group .pw-input textarea, .isDesktop .form-sal .group>.custom-select, .isDesktop .form-sal .group>div .custom-select, .isDesktop .form-sal .group>div .multiselect__tags, .isDesktop .form-sal .group>input[type=date], .isDesktop .form-sal .group>input[type=email], .isDesktop .form-sal .group>input[type=number], .isDesktop .form-sal .group>input[type=password], .isDesktop .form-sal .group>input[type=text], .isDesktop .form-sal .group>textarea {
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 22px;
        padding-left: 15px;
        width: 100%;
        color: #fff;
        height: 49px;
        background: #475059;
        border: 1px solid #858f99;
        box-sizing: border-box;
        border-radius: 15px
      }
      .isDesktop .form-sal .group .pw-input .custom-select:-ms-input-placeholder, .isDesktop .form-sal .group .pw-input div .custom-select:-ms-input-placeholder, .isDesktop .form-sal .group .pw-input div .multiselect__tags:-ms-input-placeholder, .isDesktop .form-sal .group .pw-input input[type=date]:-ms-input-placeholder, .isDesktop .form-sal .group .pw-input input[type=email]:-ms-input-placeholder, .isDesktop .form-sal .group .pw-input input[type=number]:-ms-input-placeholder, .isDesktop .form-sal .group .pw-input input[type=password]:-ms-input-placeholder, .isDesktop .form-sal .group .pw-input input[type=text]:-ms-input-placeholder, .isDesktop .form-sal .group .pw-input textarea:-ms-input-placeholder, .isDesktop .form-sal .group>.custom-select:-ms-input-placeholder, .isDesktop .form-sal .group>div .custom-select:-ms-input-placeholder, .isDesktop .form-sal .group>div .multiselect__tags:-ms-input-placeholder, .isDesktop .form-sal .group>input[type=date]:-ms-input-placeholder, .isDesktop .form-sal .group>input[type=email]:-ms-input-placeholder, .isDesktop .form-sal .group>input[type=number]:-ms-input-placeholder, .isDesktop .form-sal .group>input[type=password]:-ms-input-placeholder, .isDesktop .form-sal .group>input[type=text]:-ms-input-placeholder, .isDesktop .form-sal .group>textarea:-ms-input-placeholder {
        font-weight: 400;
        color: #fff;
        opacity: .3
      }
      .isDesktop .form-sal .group .pw-input .custom-select::placeholder, .isDesktop .form-sal .group .pw-input div .custom-select::placeholder, .isDesktop .form-sal .group .pw-input div .multiselect__tags::placeholder, .isDesktop .form-sal .group .pw-input input[type=date]::placeholder, .isDesktop .form-sal .group .pw-input input[type=email]::placeholder, .isDesktop .form-sal .group .pw-input input[type=number]::placeholder, .isDesktop .form-sal .group .pw-input input[type=password]::placeholder, .isDesktop .form-sal .group .pw-input input[type=text]::placeholder, .isDesktop .form-sal .group .pw-input textarea::placeholder, .isDesktop .form-sal .group>.custom-select::placeholder, .isDesktop .form-sal .group>div .custom-select::placeholder, .isDesktop .form-sal .group>div .multiselect__tags::placeholder, .isDesktop .form-sal .group>input[type=date]::placeholder, .isDesktop .form-sal .group>input[type=email]::placeholder, .isDesktop .form-sal .group>input[type=number]::placeholder, .isDesktop .form-sal .group>input[type=password]::placeholder, .isDesktop .form-sal .group>input[type=text]::placeholder, .isDesktop .form-sal .group>textarea::placeholder {
        font-weight: 400;
        color: #fff;
        opacity: .3
      }
      .isDesktop .form-sal .group .pw-input .multiselect, .isDesktop .form-sal .group .pw-input div .multiselect, .isDesktop .form-sal .group>.multiselect, .isDesktop .form-sal .group>div .multiselect {
        width: 100%
      }
      .isDesktop .form-sal .group .pw-input .multiselect .multiselect__tags, .isDesktop .form-sal .group .pw-input div .multiselect .multiselect__tags, .isDesktop .form-sal .group>.multiselect .multiselect__tags, .isDesktop .form-sal .group>div .multiselect .multiselect__tags {
        padding-top: 14px
      }
      .isDesktop .form-sal .group .pw-input .multiselect .multiselect__select, .isDesktop .form-sal .group .pw-input div .multiselect .multiselect__select, .isDesktop .form-sal .group>.multiselect .multiselect__select, .isDesktop .form-sal .group>div .multiselect .multiselect__select {
        height: 48px
      }
      .isDesktop .form-sal .group .pw-input .multiselect .multiselect__input, .isDesktop .form-sal .group .pw-input .multiselect .multiselect__single, .isDesktop .form-sal .group .pw-input div .multiselect .multiselect__input, .isDesktop .form-sal .group .pw-input div .multiselect .multiselect__single, .isDesktop .form-sal .group>.multiselect .multiselect__input, .isDesktop .form-sal .group>.multiselect .multiselect__single, .isDesktop .form-sal .group>div .multiselect .multiselect__input, .isDesktop .form-sal .group>div .multiselect .multiselect__single {
        background: none;
        padding: 0;
        margin-bottom: 0;
        color: inherit;
        font-weight: inherit
      }
      .isDesktop .form-sal .group .pw-input .multiselect .multiselect__content-wrapper, .isDesktop .form-sal .group .pw-input div .multiselect .multiselect__content-wrapper, .isDesktop .form-sal .group>.multiselect .multiselect__content-wrapper, .isDesktop .form-sal .group>div .multiselect .multiselect__content-wrapper {
        background: #475059;
        border: 1px solid #858f99;
        border-radius: 15px;
        border-top-left-radius: 0;
        color: #fff;
        padding: 1rem;
        margin-top: 5px
      }
      .isDesktop .form-sal .group .pw-input .multiselect .multiselect__content-wrapper .multiselect__option, .isDesktop .form-sal .group .pw-input div .multiselect .multiselect__content-wrapper .multiselect__option, .isDesktop .form-sal .group>.multiselect .multiselect__content-wrapper .multiselect__option, .isDesktop .form-sal .group>div .multiselect .multiselect__content-wrapper .multiselect__option {
        border-radius: 10px
      }
      .isDesktop .form-sal .group .pw-input .multiselect .multiselect__placeholder, .isDesktop .form-sal .group .pw-input div .multiselect .multiselect__placeholder, .isDesktop .form-sal .group>.multiselect .multiselect__placeholder, .isDesktop .form-sal .group>div .multiselect .multiselect__placeholder {
        padding-top: 0
      }
      .modeLight:not(.account) .isDesktop .form-sal .group .pw-input .custom-select, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input div .custom-select, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input div .multiselect__tags, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=email], .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=number], .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=password], .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=text], .modeLight:not(.account) .isDesktop .form-sal .group .pw-input textarea, .modeLight:not(.account) .isDesktop .form-sal .group>.custom-select, .modeLight:not(.account) .isDesktop .form-sal .group>div .custom-select, .modeLight:not(.account) .isDesktop .form-sal .group>div .multiselect__tags, .modeLight:not(.account) .isDesktop .form-sal .group>input[type=email], .modeLight:not(.account) .isDesktop .form-sal .group>input[type=number], .modeLight:not(.account) .isDesktop .form-sal .group>input[type=password], .modeLight:not(.account) .isDesktop .form-sal .group>input[type=text], .modeLight:not(.account) .isDesktop .form-sal .group>textarea {
        color: #12161a;
        background: #e4ebf2;
        border: 1px solid #b8c2cc
      }
      .modeLight:not(.account) .isDesktop .form-sal .group .pw-input .custom-select:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input div .custom-select:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input div .multiselect__tags:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=email]:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=number]:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=password]:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=text]:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input textarea:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>.custom-select:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>div .custom-select:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>div .multiselect__tags:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>input[type=email]:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>input[type=number]:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>input[type=password]:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>input[type=text]:-ms-input-placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>textarea:-ms-input-placeholder {
        color: #000
      }
      .modeLight:not(.account) .isDesktop .form-sal .group .pw-input .custom-select::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input div .custom-select::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input div .multiselect__tags::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=email]::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=number]::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=password]::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input input[type=text]::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group .pw-input textarea::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>.custom-select::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>div .custom-select::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>div .multiselect__tags::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>input[type=email]::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>input[type=number]::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>input[type=password]::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>input[type=text]::placeholder, .modeLight:not(.account) .isDesktop .form-sal .group>textarea::placeholder {
        color: #000
      }
      .isMobile .form-sal .group {
        display: flex;
        flex-direction: column;
        margin-bottom: 13px
      }
      .isMobile .form-sal .group>label {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 1.83;
        color: #bec7d0;
        padding-left: 20px
      }
      .isMobile .form-sal .group .pw-input .custom-select, .isMobile .form-sal .group .pw-input div .custom-select, .isMobile .form-sal .group .pw-input div .multiselect__tags, .isMobile .form-sal .group .pw-input input[type=date], .isMobile .form-sal .group .pw-input input[type=email], .isMobile .form-sal .group .pw-input input[type=number], .isMobile .form-sal .group .pw-input input[type=password], .isMobile .form-sal .group .pw-input input[type=text], .isMobile .form-sal .group .pw-input textarea, .isMobile .form-sal .group>.custom-select, .isMobile .form-sal .group>div .custom-select, .isMobile .form-sal .group>div .multiselect__tags, .isMobile .form-sal .group>input[type=date], .isMobile .form-sal .group>input[type=email], .isMobile .form-sal .group>input[type=number], .isMobile .form-sal .group>input[type=password], .isMobile .form-sal .group>input[type=text], .isMobile .form-sal .group>textarea {
        position: relative;
        display: flex;
        align-items: center;
        height: 50px;
        border-radius: 12px;
        border: 1px solid #59636c;
        background-color: #404852;
        padding-left: 18px;
        color: #fff !important
      }
      .isMobile div.Info-account .tx {
        margin-bottom: 5px !important;
        font-size: 12px !important;
        line-height: 1.83 !important;
        color: #bec7d0 !important;
        padding: 0 0 0 20px !important
      }
      .isMobile div.Info-account .custom-select, .isMobile div.Info-account .form-control:not(.Register-item-input) {
        position: relative;
        display: flex;
        align-items: center;
        height: 50px;
        border-radius: 12px !important;
        border: 1px solid #59636c !important;
        background-color: #404852 !important;
        padding-left: 18px;
        font-size: 14px;
        color: #fff !important
      }
      .isMobile.Light div.Info-account .tx {
        color: #2d3640 !important
      }
      .isMobile.Light div.Info-account .custom-select, .isMobile.Light div.Info-account .form-control:not(.Register-item-input) {
        position: relative;
        display: flex;
        align-items: center;
        height: 50px;
        border-radius: 12px !important;
        border: 1px solid #a2adb9 !important;
        background-color: #cdd6e0 !important;
        padding-left: 18px;
        font-size: 14px;
        color: #2d3640 !important
      }
      .isMobile .form-sal22 .group {
        display: flex;
        flex-direction: column;
        margin-bottom: 13px;
        color: #fff !important
      }
      .isMobile .form-sal22 .group>label {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 1.83;
        color: #bec7d0;
        padding-left: 20px
      }
      .isMobile .form-sal22 .group .pw-input .custom-select, .isMobile .form-sal22 .group .pw-input div .custom-select, .isMobile .form-sal22 .group .pw-input div .multiselect__tags, .isMobile .form-sal22 .group .pw-input input[type=date], .isMobile .form-sal22 .group .pw-input input[type=email], .isMobile .form-sal22 .group .pw-input input[type=number], .isMobile .form-sal22 .group .pw-input input[type=password], .isMobile .form-sal22 .group .pw-input input[type=text], .isMobile .form-sal22 .group .pw-input textarea, .isMobile .form-sal22 .group>.custom-select, .isMobile .form-sal22 .group>div .custom-select, .isMobile .form-sal22 .group>div .multiselect__tags, .isMobile .form-sal22 .group>input[type=date], .isMobile .form-sal22 .group>input[type=email], .isMobile .form-sal22 .group>input[type=number], .isMobile .form-sal22 .group>input[type=password], .isMobile .form-sal22 .group>input[type=text], .isMobile .form-sal22 .group>textarea {
        position: relative;
        display: flex;
        align-items: center;
        height: 50px;
        border-radius: 12px;
        border: 1px solid #59636c;
        background-color: #404852;
        padding-left: 18px;
        color: #fff !important
      }
      .searchInput {
        background: #475059;
        border-radius: 10px;
        border: 1px solid #858f99;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        padding: 9px 15px;
        display: flex
      }
      .searchInput svg {
        margin-right: 15px
      }
      .searchInput>span {
        width: -webkit-fill-available;
        width: stretch
      }
      .page-live-casino .modeLight .searchInput {
        background: #d5dde5;
        border: 1px solid #e4ebf2;
        color: #262d33
      }
      .op-50 {
        opacity: .5
      }
      .col-p-12 .row {
        margin-right: -12px;
        margin-left: -12px
      }
      .col-p-12 .col, .col-p-12 .col-1, .col-p-12 .col-2, .col-p-12 .col-3, .col-p-12 .col-4, .col-p-12 .col-5, .col-p-12 .col-6, .col-p-12 .col-7, .col-p-12 .col-8, .col-p-12 .col-9, .col-p-12 .col-10, .col-p-12 .col-11, .col-p-12 .col-12, .col-p-12 .col-auto, .col-p-12 .col-lg, .col-p-12 .col-lg-1, .col-p-12 .col-lg-2, .col-p-12 .col-lg-3, .col-p-12 .col-lg-4, .col-p-12 .col-lg-5, .col-p-12 .col-lg-6, .col-p-12 .col-lg-7, .col-p-12 .col-lg-8, .col-p-12 .col-lg-9, .col-p-12 .col-lg-10, .col-p-12 .col-lg-11, .col-p-12 .col-lg-12, .col-p-12 .col-lg-auto, .col-p-12 .col-md, .col-p-12 .col-md-1, .col-p-12 .col-md-2, .col-p-12 .col-md-3, .col-p-12 .col-md-4, .col-p-12 .col-md-5, .col-p-12 .col-md-6, .col-p-12 .col-md-7, .col-p-12 .col-md-8, .col-p-12 .col-md-9, .col-p-12 .col-md-10, .col-p-12 .col-md-11, .col-p-12 .col-md-12, .col-p-12 .col-md-auto, .col-p-12 .col-sm, .col-p-12 .col-sm-1, .col-p-12 .col-sm-2, .col-p-12 .col-sm-3, .col-p-12 .col-sm-4, .col-p-12 .col-sm-5, .col-p-12 .col-sm-6, .col-p-12 .col-sm-7, .col-p-12 .col-sm-8, .col-p-12 .col-sm-9, .col-p-12 .col-sm-10, .col-p-12 .col-sm-11, .col-p-12 .col-sm-12, .col-p-12 .col-sm-auto, .col-p-12 .col-xl, .col-p-12 .col-xl-1, .col-p-12 .col-xl-2, .col-p-12 .col-xl-3, .col-p-12 .col-xl-4, .col-p-12 .col-xl-5, .col-p-12 .col-xl-6, .col-p-12 .col-xl-7, .col-p-12 .col-xl-8, .col-p-12 .col-xl-9, .col-p-12 .col-xl-10, .col-p-12 .col-xl-11, .col-p-12 .col-xl-12, .col-p-12 .col-xl-auto {
        padding-right: 12px;
        padding-left: 12px
      }
      .scroll-x:after, .scroll-x:before {
        content: "";
        position: relative;
        position: -webkit-sticky;
        position: sticky;
        right: 0;
        height: 100%;
        width: 50px;
        background: radial-gradient(2rem 100% at right, #eee, transparent 50%), linear-gradient(270deg, #fff, transparent);
        transition: all .5s linear
      }
      .scroll-x:before {
        position: absolute;
        right: unset;
        background: linear-gradient(90deg, #fff, transparent)
      }
      .scroll-x.left-0:before, .scroll-x.right-0:after {
        opacity: 0
      }
      .cps-btn-grp .btn {
        background: #fff
      }
      @media (min-width:1200px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl {
          max-width: 1200px
        }
      }
      .isDesktop .container, .isDesktop .container-lg, .isDesktop .container-md, .isDesktop .container-sm, .isDesktop .container-xl {
        min-width: 1200px
      }
      .flag-icon {
        position: relative;
        display: inline-block;
        width: 1.33333333em;
        height: 1em;
        line-height: 1em;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        border-radius: 2px
      }
      .flag-icon.flag-icon-squared {
        width: 1em
      }
      .flag-icon.flag-icon-tr {
        background: url(../assets/tr.svg)
      }
      .flag-icon.flag-icon-en {
        background: url(../assets/en.svg)
      }
      .flag-icon.flag-icon-gb {
        background: url(../assets/gb.svg)
      }
      .flag-icon.flag-icon-de {
        background: url(../assets/de.svg)
      }
      .carousel ul {
        list-style: none
      }
      .carousel-control-next, .carousel-control-prev, .carousel-indicators {
        z-index: unset
      }
      .leftList.zebra a {
        padding: 10px 15px;
        border-radius: 10px;
        font-size: 12px;
        font-weight: 600;
        display: block;
        color: #fff
      }
      .leftList.zebra a svg {
        margin-right: 12px
      }
      .leftList.zebra a:nth-child(2n) {
        background: #39414a
      }
      .modeLight .leftList.zebra a:nth-child(2n) {
        background: #525c66
      }
      .rotate-90 {
        transform: rotate(90deg)
      }
      .rotate-180 {
        transform: rotate(180deg)
      }
      .rotate-270 {
        transform: rotate(270deg)
      }
      .vam {
        vertical-align: middle
      }
      .op20 {
        opacity: .2
      }
      .op40 {
        opacity: .4
      }
      .op50 {
        opacity: .5
      }
      .op70 {
        opacity: .7
      }
      .usn {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
      }
      input[type=number] {
        -moz-appearance: textfield
      }
      .swal2-modal {
        background: #44474a
      }
      .swal2-modal .swal2-content, .swal2-modal .swal2-title {
        color: #e3e3e3
      }
      .modeLight .swal2-modal {
        background: #d5dde5
      }
      .modeLight .swal2-modal .swal2-content, .modeLight .swal2-modal .swal2-title {
        color: #545454
      }
      .stretched {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
      }
      .slick-arrow.slick-prev {
        margin-left: 50px;
        z-index: 1
      }
      .slick-arrow.slick-next {
        margin-right: 50px;
        z-index: 1
      }
      .pp-jackpot-widget.pp-theme-bahis {
        --pp-primary: #008758;
        --pp-primary-dark: #006b45;
        --pp-text: #fff;
        --pp-text-dark: #1c2126;
        --pp-bg-overlay: rgba(0, 0, 0, 0.85);
        background: rgba(0, 135, 88, .15);
        border-radius: 8px;
        border: 1px solid rgba(0, 135, 88, .4)
      }
      .pp-jackpot-widget.pp-theme-bahis .pp-jackpot-card {
        border-radius: 8px;
        border: 1px solid rgba(0, 135, 88, .5)
      }
      .pp-jackpot-widget.pp-theme-bahis .pp-card-amount, .pp-jackpot-widget.pp-theme-bahis .pp-card-name {
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
      }
      body .pp-jackpot-detail.pp-theme-bahis {
        --pp-primary: #008758;
        --pp-divider: rgba(0, 135, 88, 0.4);
        --pp-text: #fff;
        --pp-bg-overlay: rgba(0, 0, 0, 0.9)
      }
      body .pp-jackpot-detail {
        position: fixed !important;
        width: 320px;
        min-height: 200px;
        border-radius: 12px;
        overflow: visible;
        z-index: 2147483647 !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, .8);
        pointer-events: auto;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important
      }
      body .pp-jackpot-detail .pp-detail-background {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 12px;
        z-index: 0
      }
      body .pp-jackpot-detail.pp-theme-bahis .pp-detail-background {
        background: #0d1f18;
        background-image: linear-gradient(135deg, #0d1f18, rgba(0, 135, 88, .25) 50%, #0d1f18)
      }
      body .pp-jackpot-detail .pp-detail-content-wrapper {
        position: relative;
        z-index: 1;
        padding: 20px;
        background: var(--pp-bg-overlay);
        min-height: 200px;
        border-radius: 12px;
        color: var(--pp-text)
      }
      body .pp-jackpot-detail .pp-detail-header {
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--pp-divider)
      }
      body .pp-jackpot-detail .pp-detail-letter {
        font-size: 48px;
        font-weight: 900;
        color: var(--pp-primary);
        margin-bottom: 8px
      }
      body .pp-jackpot-detail .pp-detail-title {
        font-size: 16px;
        font-weight: 700;
        color: var(--pp-primary);
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 8px
      }
      body .pp-jackpot-detail .pp-detail-amount {
        font-size: 24px;
        font-weight: 800;
        color: var(--pp-text)
      }
      body .pp-jackpot-detail .pp-detail-stats .pp-detail-label {
        font-size: 11px;
        font-weight: 700;
        color: var(--pp-primary);
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 6px
      }
      body .pp-jackpot-detail .pp-detail-stats .pp-detail-date, body .pp-jackpot-detail .pp-detail-stats .pp-detail-player, body .pp-jackpot-detail .pp-detail-stats .pp-detail-value {
        font-size: 14px;
        color: var(--pp-text)
      }
      body .pp-jackpot-detail .pp-detail-stats .pp-detail-divider {
        height: 1px;
        background: var(--pp-divider);
        margin: 15px 0
      }
/* unify all text fonts to AvertaCY */
      @font-face {
        font-family: "Averta CY";
        font-style: normal;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-Light.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta CY";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-Regular.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta CY";
        font-style: normal;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-Semibold.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta CY";
        font-style: normal;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-Bold.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta CY";
        font-style: italic;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-LightItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta CY";
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-RegularItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta CY";
        font-style: italic;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-SemiboldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta CY";
        font-style: italic;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-BoldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta";
        font-style: normal;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-Light.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-Regular.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta";
        font-style: normal;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-Semibold.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta";
        font-style: normal;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-Bold.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta";
        font-style: italic;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-LightItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta";
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-RegularItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta";
        font-style: italic;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-SemiboldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Averta";
        font-style: italic;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-BoldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-Light.woff2) format("woff2")
      }
      @font-face {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-Regular.woff2) format("woff2")
      }
      @font-face {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-Semibold.woff2) format("woff2")
      }
      @font-face {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-Bold.woff2) format("woff2")
      }
      @font-face {
        font-family: "Montserrat";
        font-style: italic;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-LightItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Montserrat";
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-RegularItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Montserrat";
        font-style: italic;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-SemiboldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Montserrat";
        font-style: italic;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-BoldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Geometria";
        font-style: normal;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-Light.woff2) format("woff2")
      }
      @font-face {
        font-family: "Geometria";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-Regular.woff2) format("woff2")
      }
      @font-face {
        font-family: "Geometria";
        font-style: normal;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-Semibold.woff2) format("woff2")
      }
      @font-face {
        font-family: "Geometria";
        font-style: normal;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-Bold.woff2) format("woff2")
      }
      @font-face {
        font-family: "Geometria";
        font-style: italic;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-LightItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Geometria";
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-RegularItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Geometria";
        font-style: italic;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-SemiboldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Geometria";
        font-style: italic;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-BoldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-Light.woff2) format("woff2")
      }
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-Regular.woff2) format("woff2")
      }
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-Semibold.woff2) format("woff2")
      }
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-Bold.woff2) format("woff2")
      }
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-LightItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-RegularItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-SemiboldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-BoldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "gilroy";
        font-style: normal;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-Light.woff2) format("woff2")
      }
      @font-face {
        font-family: "gilroy";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-Regular.woff2) format("woff2")
      }
      @font-face {
        font-family: "gilroy";
        font-style: normal;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-Semibold.woff2) format("woff2")
      }
      @font-face {
        font-family: "gilroy";
        font-style: normal;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-Bold.woff2) format("woff2")
      }
      @font-face {
        font-family: "gilroy";
        font-style: italic;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-LightItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "gilroy";
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-RegularItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "gilroy";
        font-style: italic;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-SemiboldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "gilroy";
        font-style: italic;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-BoldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "PannoSign";
        font-style: normal;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-Light.woff2) format("woff2")
      }
      @font-face {
        font-family: "PannoSign";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-Regular.woff2) format("woff2")
      }
      @font-face {
        font-family: "PannoSign";
        font-style: normal;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-Semibold.woff2) format("woff2")
      }
      @font-face {
        font-family: "PannoSign";
        font-style: normal;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-Bold.woff2) format("woff2")
      }
      @font-face {
        font-family: "PannoSign";
        font-style: italic;
        font-weight: 100 300;
        font-display: swap;
        src: url(../assets/AvertaCY-LightItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "PannoSign";
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(../assets/AvertaCY-RegularItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "PannoSign";
        font-style: italic;
        font-weight: 500 600;
        font-display: swap;
        src: url(../assets/AvertaCY-SemiboldItalic.woff2) format("woff2")
      }
      @font-face {
        font-family: "PannoSign";
        font-style: italic;
        font-weight: 700 900;
        font-display: swap;
        src: url(../assets/AvertaCY-BoldItalic.woff2) format("woff2")
      }
.Dropdown-menu.Menu {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
      }
      .Dropdown-menu.Menu.Menu-active {
        z-index: 1000000 !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important
      }
      .Dropdown-menu.Menu.Menu-active .Menu-top {
        z-index: 1000001 !important
      }
      body.menu-open {
        overflow: hidden
      }
      /* login prompt links must flow inline, not stack (override .menu a{display:flex}) */
      .Menu-login-left h6 span a {
        display: inline !important;
        align-items: normal !important;
        height: auto !important;
        font-size: 14px !important;
        line-height: 1.5
      }